Editor riga

Usa l'editor di progettazione della riga per modificare l'immagine o il colore di sfondo della riga, aggiungere un bordo o regolare la spaziatura interna ed esterna della riga. Utilizza le righe per organizzare e sistemare i contenuti nel tuo sito.

Attenzione

Prima di modificare le righe, effettua il backup del sito. In questo modo, potrai ripristinare una versione precedente del sito in caso di errori. Per maggiori informazioni sul backup, vedi Backup del sito.

Per configurare una riga:

  1. Passa il mouse sopra la parte superiore sinistra di una riga fino a quando non viene visualizzato il pulsante corrispondente, quindi fai clic su Riga.
    Si aprirà l'editor della riga.
  2. Fai clic sulle frecce Sposta in su e Sposta in giù per spostare la riga selezionata in alto o in basso.
  3. Per aprire l'editor di progettazione della riga, fai clic su Modifica il design. Per maggiori informazioni, vedi Editor di progettazione delle righe.
    Si aprirà l'editor delle righe.
  4. Fai clic su + Aggiungi e seleziona una delle seguenti opzioni:
    • Riga sopra: aggiunge una riga sopra quella selezionata.
    • Riga sotto: aggiunge una riga sotto quella selezionata.
    • Sezione: aggiunge una nuova sezione alla riga.
    • Colonna: aggiunge una colonna alla riga.
    • Riga interna: aggiunge una riga all'interno di quella selezionata.
  5. Per eliminare gli spazi all'interno della riga, fai clic su Cancella spaziatura interna.
  6. Per aggiungere un'animazione in entrata alla riga (es. dissolvenza da destra, rimbalzo, zoom avanti), fai clic su Animazione in entrata e seleziona un'opzione.
  7. Per salvare la riga come sezione, fai clic su Salva come sezione e scegli se salvare solo la riga corrente, più righe o l'intera pagina.
  8. Per nascondere la riga selezionata su un dispositivo specifico (desktop, tablet, dispositivo mobile), fai clic su Nascondi sul dispositivo e seleziona il tipo di dispositivo.
  9. Per copiare la riga, fai clic su Copia.
  10. Per ancorare la riga alla pagina o eliminare un ancoraggio esistente, fai clic su Imposta come ancoraggio o Modifica ancoraggio.
  11. Per eliminare la riga, fai clic su Elimina.

Editor di progettazione della riga

Per modificare lo stile dello sfondo o la spaziatura della riga:

  1. Passa il mouse sopra la parte superiore sinistra della riga fino a quando non viene visualizzato il pulsante corrispondente, quindi fai clic su Riga e su Modifica il design.
  2. Nella scheda Impostazioni sono disponibili le seguenti opzioni:
    • Riga a pagina intera: puoi modificare la riga in una riga a pagina intera per fare in modo che i contenuti occupino l'intera larghezza della schermata, utilizzando il pulsante Riga a pagina intera. Se scegli di non inserire nessuna riga a pagina intera, la larghezza dei contenuti non potrà superare i 960 px.
  3. Nella scheda Stile, seleziona un'Immagine, un Video o un Colore per lo sfondo. Puoi scegliere tra le seguenti opzioni:
    • Colore:
      • Seleziona un Colore di sfondo. Il colore del gradiente prevale sull'immagine e viceversa.
      • Seleziona un Filtro per lo sfondo. I filtri di sfondo consentono di applicare effetti grafici come sfocature o texture colorate all'area dietro un elemento. Per vedere l'effetto, l'elemento o il relativo sfondo devono essere parzialmente trasparenti, perché il filtro si applica a tutto ciò che gli sta dietro. Seleziona un Tipo di filtro dal menu a discesa e sposta il cursore per selezionare un valore per il filtro.
      • Fai clic su Bordo per selezionare un tipo di bordo e muovi l'apposito cursore per impostarne la larghezza.
      • Per aggiungere un'ombra, fai clic sul pulsante Ombra e seleziona il colore, il tipo e la posizione desiderate.
    • Immagine:
      • Per aggiungere un'immagine allo sfondo, fai clic su + per aprire il selettore immagini. Per creare uno Slider delle immagini di sfondo, seleziona più immagini tramite il selettore e segui Slider immagini di sfondo.
      • Per consentire lo scorrimento di tipo parallasse sull'immagine di sfondo, fai clic sull'interruttore Scorrimento in parallasse. Se abilitato, il contenuto dello sfondo scorre più lentamente del contenuto in primo piano.
      • Scegli se visualizzare l'immagine come Cover, Immagine intera, Riquadro o Nessuna ripetizione.
      • Configura Posizione, Sovrapposizione sfondo, Bordo e Ombra dell'immagine.
    • Video: Incolla l'URL del video di YouTube, Vimeo o Dailymotion nell'area apposita. Per ulteriori informazioni sugli sfondi video, vedi Sfondi video.

Slider immagini di sfondo

Dopo aver selezionato più immagini tramite il selettore immagini, fai clic su Fine. Dopo aver creato lo slider, seleziona una modalità di transizione dal menu a discesa e muovi lo slider per selezionare la velocità delle diapositive (secondi).

Inoltre, è possibile applicare allo slider tutte le altre opzioni per le immagini di sfondo, come Stile di visualizzazione, Posizionamento e Sovrapposizione sfondi.

Nota

Gli slider di sfondo possono essere aggiunti a qualsiasi colonna.