Dai alle tue pagine più varietà e contrasto con opzioni di stile specifiche per sezione. 

Di default, le sezioni di pagina seguono gli stili a livello globale del sito, ma puoi definire lo stile di singole sezioni per modificare il design, lo sfondo, i colori o altre impostazioni specifiche di ciascuna sezione.

Sezioni di pagina e stili di sezione sono disponibili nella versione 7.1.

Modificare gli stili della sezione

Per personalizzare le singole sezioni della pagina:

1. Apri il riquadro Pagine, poi clicca su Modifica sulla pagina.
2. Passa il mouse sopra la sezione e clicca su Modifica sezione. Le opzioni variano a seconda del tipo di sezione.
3. Per personalizzare le opzioni specifiche di una sezione, clicca su Design. Questa scheda potrebbe usare un nome diverso, come Formato o Galleria. A seconda del tipo di sezione, puoi creare un link di ancoraggio in questa scheda.
4. Per aggiungere un'immagine di sfondo, un video o una grafica, clicca su Sfondo. Il contenuto di sfondo può apparire con smarginatura completa o con inset dai bordi della sezione.
5. Per scegliere una combinazione di colori, clicca Colori. Qualsiasi modifica apportata a una combinazione di colori riguarda tutte le sezioni del tuo sito che utilizzano quel tema.

Personalizza la griglia e la spaziatura dell'Editor fluido

Dopo aver aperto gli stili di sezione in una sezione Editor fluido, è possibile modificare queste impostazioni nella scheda Design:

• Modifica l'altezza della griglia - Usa Conteggio righe per impostare il numero di righe nella griglia della sezione. Questa è l'unica opzione di stile di sezione in cui puoi avere impostazioni diverse nel layout per desktop e per dispositivi mobili, ma il numero minimo di righe dipende anche dal numero di blocchi che hai aggiunto e da come sono disposti. Puoi anche cambiare l'altezza direttamente sulla pagina cliccando e trascinando l'icona della freccia blu nell'angolo in basso a destra della sezione.
• Spaziatura tra i blocchi di controllo : usa Intervallo per impostare la quantità di spazio che appare tra i blocchi nella griglia. Puoi scegliere nessuno spazio, uno spazio predefinito o cliccare su ... per impostare spazi verticali e orizzontali personalizzati.
• Aggiungi e personalizza la spaziatura della sezione - Abilita Schermo intero per avere un maggiore controllo sull'altezza e sull'allineamento dei tuoi contenuti. Se non vuoi spazio intorno al contenuto della sezione, lascia l'impostazione disattivata. Queste opzioni vengono visualizzate solo se l'impostazione Schermo intero è attivata:
  • Aggiungi spazio alla sezione al di fuori della griglia di sezione - Scegli tra altezza piccola, media o grande oppure clicca su ... per impostare un'altezza personalizzata.
  • Imposta dove appare lo spazio extra in altezza: in Allineamento, allinea il contenuto in alto per aggiungere spazio sotto il contenuto. Allinea il contenuto al centro per aggiungere spazio sopra e sotto il contenuto. Allinea il contenuto in basso per aggiungere spazio sopra il contenuto.

Personalizza altezza e spaziatura dell'editor classico

Dopo aver aperto lo stile della sezione in una sezione dell'editor classico, puoi modificare queste impostazioni nella scheda Design:

• Modifica l'altezza della sezione - Usa Altezza della sezione per modificare l'altezza con cui la sezione appare nella pagina. Le sezioni con più contenuti possono essere visualizzate con un'altezza maggiore rispetto alle impostazioni. Ciò influisce anche sulla quantità di spaziatura sopra e sotto il contenuto della tua sezione.
• Larghezza contenuto - Usa Larghezza contenuto per impostare l'estensione del contenuto rispetto alla larghezza della sezione.
• Modifica l'allineamento del contenuto della sezione con i bordi della sezione - Utilizza Allineamento del contenuto per impostare come il contenuto si allinea con i bordi della sezione.

Aggiungi divisori di sezione

Puoi aggiungere un separatore personalizzato in fondo alle sezioni a blocchi, ai layout intelligenti e alle sezioni galleria. Dopo aver creato il primo divisore di sezione del sito, le sue impostazioni si applicheranno ai divisori creati in seguito. Se desideri che i divisori di sezione siano diversi tra loro, personalizzali manualmente uno a uno durante la creazione.

Per aggiungere un divisore di sezione:

1. Apri il pannello Pagine, quindi clicca su Modifica sulla pagina.
2. Passa il mouse sopra la sezione e clicca su Modifica sezione.
3. In Design, attiva l'opzione Divisore.
4. Utilizza le impostazioni visualizzate per personalizzare il divisore.

Personalizza un divisore di sezione

Dopo aver attivato l'interruttore Divisore, utilizza queste opzioni per personalizzare lo stile del divisore:

• Forma - Clicca sull'icona casuale per randomizzare le impostazioni, oppure clicca sull'icona impostazioni per selezionare una forma e modificare le impostazioni manualmente.
• Tratto - Seleziona un bordo a linea piena, a linea tratteggiata o nessun bordo per il divisorio.
• Colore - Seleziona un colore tra quelli presenti nella palette del sito per definire la linea del bordo.
• Spessore - Imposta lo spessore del bordo utilizzando le opzioni piccolo, medio o grande. Clicca su ... per modificare manualmente lo spessore del divisore.

Sezioni senza divisori

Se la tua pagina include una sezione che non include divisori di sezione, come una sezione negozio o blog, puoi replicare l'aspetto di un divisore di sezione con una sezione di blocco vuota.

Tieni presente che questo divisore non interagisce con la sezione sopra nello stesso modo esatto dei divisori di sezione integrati. Ad esempio, se la sezione ha un'immagine di sfondo, il divisore apparirà sotto l'immagine invece di delimitarla direttamente.

Per aggiungere un divisore di sezione sotto le sezioni di raccolta:

1. Apri il riquadro Pagine, quindi clicca su Modifica nella pagina con la sezione che non ha un divisore.
2. Clicca su Aggiungi sezione sotto quella sezione.
3. Clicca su + Aggiungi vuoto, poi clicca su Sezione.
4. Passa il mouse sulla nuova sezione e clicca su Modifica sezione.
5. Imposta l'Altezza su piccola e attiva l'opzione Divisore.
6. Personalizza il divisore come desideri. Non aggiungere alcun blocco a questa sezione.

Cosa posso modificare con gli stili di sezione?

Ciò che puoi modificare con gli stili di sezione dipende dal tipo di sezione.

Sezioni a blocchi e layout intelligenti

Nelle sezioni a blocchi (sia nell'Editor fluido che nell'editor classico) e nei layout intelligenti, puoi personalizzare lo sfondo e i colori, oltre alle opzioni di design specifiche per ogni sezione. Scopri di più sugli stili specifici per sezione:

• Editor fluido
• Editor classico
• Layout intelligenti

Sezioni raccolta e sezioni galleria

Nelle sezioni raccolta, come quelle di blog e negozio, e nelle sezioni galleria, puoi personalizzare i colori, oltre alle opzioni di design specifiche per la sezione. Scopri di più sugli stili specifici per sezione:

• Sezioni del corso
• Sezioni blog
• Sezioni calendario
• Sezioni della galleria
• Sezioni portfolio
• Sezioni negozio
• Sezioni video