Aggiungi e personalizza le sezioni di contenuto impilate verticalmente che creano la struttura di ogni pagina.

Creerai le pagine e i piè di pagina del tuo sito con sezioni personalizzabili impilate verticalmente. Puoi aggiungere, eliminare e spostare sezioni per organizzare il tuo contenuto. In questa guida, scoprirai cosa è possibile fare con le sezioni di pagina e come usarle per creare dei layout di pagina originali.

Per informazioni sulla creazione di una nuova pagina a cui aggiungere sezioni, consulta Aggiungere pagine alla navigazione.

Suggerimento: questa guida si riferisce alla versione 7.1. Per ottenere un effetto simile nella versione 7.0, utilizza un indice impilato.

Guarda un video

Aggiungi e modifica sezioni

Quando aggiungi una nuova pagina, questa contiene almeno una sezione precompilata, a meno che non si tratti di una pagina vuota. Inoltre puoi aggiungere altre sezioni a una pagina esistente. Il modo in cui aggiungi e modifichi le sezioni varia a seconda che tu stia effettuando le modifiche da un computer o nell'app Squarespace.

Non esistono limiti al numero di sezioni che è possibile aggiungere, ma è consigliabile non aggiungerne più di 20 in una singola pagina, poiché le pagine con un elevato numero di contenuti richiedono tempi di caricamento più lunghi. Per ulteriori informazioni, consulta Il mio sito si carica lentamente.

Aggiungere contenuto alle sezioni

La modalità di aggiunta e definizione dello stile del contenuto dipendono dalla sezione. Sono disponibili tre tipi:

• Sezioni di blocchi - Personalizza un layout con blocchi.
• Sezioni con layout automatici - Aggiungi contenuti e organizzali automaticamente in elenchi o gallerie.
• Sezioni relative alla Pagina della raccolta - Visualizzano gli elementi della raccolta. Ad esempio, le pagine del blog presentano una sezione della raccolta che mostra i post del blog.

Puoi aggiungere sezioni a blocchi e con layout automatici a qualsiasi pagina. Le sezioni relative alle pagine di raccolta sono specifiche per le rispettive pagine.

Sezioni a blocco

I blocchi sono funzionalità che puoi utilizzare per aggiungere contenuti al tuo sito, come testo, immagini, pulsanti e moduli. Per aggiungere e definire lo stile del contenuto nelle sezioni dei blocchi:

• Aggiungi o sposta blocchi per personalizzare il layout.
• Per aggiungere contenuto a un blocco, fai doppio clic su di esso.
• Per eliminare un blocco, clicca su di esso e successivamente sull'icona del cestino. Dopo il salvataggio, i blocchi non possono essere ripristinati.
• Per modificare gli stili di sezione, fai clic su Modifica sezione.

In genere, la maggior parte delle sezioni del tuo sito saranno sezioni a blocchi. Le sezioni a blocchi utilizzano una delle due esperienze di modifica: editor fluido o editor classico.

Editor fluido

L'Editor fluido è la più recente esperienza di editing dei contenuti di Squarespace. Quando aggiungi una nuova sezione vuota o una sezione di blocco con un layout predefinito, utilizza Editor fluido. Se hai dubbi sul fatto che una sezione utilizzi Editor fluido, controlla in alto a destra durante la modifica il pulsante Aggiungi blocco.

In Editor fluido, organizzerai e ridimensionerai i blocchi facendo clic e trascinando su una griglia flessibile. I blocchi si possono sovrapporre tra loro per creare layout unici.

Editor classico

Se hai aggiunto sezioni di blocco prima del rilascio di Editor fluido, i blocchi si basano sul nostro editor classico, che viene utilizzato anche in altre aree del tuo sito, come i post del blog. Se hai dubbi sul fatto che una sezione utilizzi l'editor classico, passa con il mouse sui blocchi della pagina per verificare la presenza di icone + sopra o sotto ogni blocco. Si tratta di punti di inserimento.

Per aggiungere una nuova sezione di blocco con l'editor classico:

1. Clicca su Modifica nella pagina, quindi clicca su Aggiungi sezione.
2. Scorri verso il basso fino alla fine dell'elenco dei tipi di sezione.
3. Clicca su Aggiungi spazio [Editor classico].

Per aggiornare una sezione del blocco editor classico a Editor fluido, fai clic su Aggiorna. Per maggiori informazioni, visita Editor fluido, la più recente esperienza di editing dei contenuti di Squarespace.

Sezioni con layout automatici

Utilizza i layout intelligenti per aggiungere set di contenuti, come immagini e testo, in layout visivamente accattivanti che si aggiornano automaticamente quando aggiungi altri contenuti. Queste sezioni mostrano un badge i nel selettore della sezione.

Per maggiori informazioni, visita Layout intelligenti.

Sezioni della galleria

Le sezioni galleria sono un tipo di layout intelligente adatto per mostrare immagini senza molto testo. Per maggiori informazioni, visita Sezioni galleria.

Sezioni di Pagina della raccolta

Utilizza le pagine della raccolta per visualizzare una raccolta di elementi, come post del blog o eventi. Pagine del blog, pagine eventi, pagine portfolio e pagine negozio sono tutte pagine della raccolta. Per maggiori informazioni, visita Sezioni di pagine della raccolta.

Sezioni del piè di pagina

Crea il tuo piè di pagina mediante le sezioni di blocco. Posiziona il mouse sopra il piè di pagina e clicca su Modifica piè di pagina per aggiungere e modificarne le sezioni. È possibile aggiungere sezioni di blocco vuote o sezioni in stile piè di pagina con layout di blocco predefiniti. Non è possibile aggiungere altri tipi di sezione al piè di pagina.

Per maggiori informazioni, visita Modificare i piè di pagina.

Provare nuovi layout

Se la tua sezione utilizza l'Editor fluido, puoi provare automaticamente i nuovi layout con il selettore di layout. Mentre modifichi una pagina, passa il mouse sulla sezione e clicca sul pulsante Visualizza Layout.

Clicca sull'anteprima del layout che vuoi provare e il contenuto della sezione si riorganizzerà automaticamente, quindi clicca su Salva per mantenere il nuovo layout. Se vuoi tornare al layout originale, clicca su annulla.

Tieni presente che questa opzione è disponibile solo per le sezioni di Editor fluido. A seconda dei blocchi che hai aggiunto, il pulsante Visualizza layout potrebbe essere disattivato, il che significa che non ci sono suggerimenti di layout per quella sezione.

Modificare gli stili della sezione

Puoi fare in modo che le sezioni seguano gli stili del sito nel pannello Stili sito oppure modificare il layout, lo sfondo e il colore di una singola sezione per dare maggiore varietà o contrasto alle pagine.

Per modificare lo stile di singole sezioni, clicca su Modifica sulla pagina, posiziona il mouse sulla sezione, quindi clicca su Modifica sezione sull'icona della matita. Le sezioni blocco includono tre schede: Design, Sfondo e Colore. Le opzioni della scheda Design variano a seconda che la sezione utilizzi l'editor classico o l'Editor fluido.

Progettazione (editor classico)

Nella scheda Progettazione dell'editor classico, è possibile modificare i seguenti dettagli:

• Allineamento contenuto - Il modo in cui il contenuto si allinea con i bordi della sezione, lungo la parte superiore, lungo la parte inferiore o equidistante dalla parte superiore e inferiore.
• Larghezza contenuto - L'estensione del contenuto rispetto alla larghezza della sezione.
• Altezza sezione: l'altezza della sezione nella pagina. Le sezioni con più contenuto possono essere visualizzate ad un'altezza maggiore rispetto alle impostazioni. Ciò influisce anche sul padding sopra e sotto il contenuto della sezione.
• Stile - Come appare il bordo inferiore della sezione. Attiva l'opzione Divisore per aggiungere un divisore di sezione unico. 

Progettazione (Editor fluido)

Per un elenco delle opzioni di stile delle sezioni di Editor fluido, visita Modificare il sito con l'Editor fluido.

Sfondo

Nella scheda Sfondo, puoi aggiungere un'immagine, un video o un elemento grafico di sfondo. Il contenuto dello sfondo può essere visualizzato con smarginatura completa o con inset rispetto ai bordi della sezione. Per maggiori informazioni, consulta le seguenti guide:

• Immagini ed effetti di sfondo di sezione
• Aggiungere video di sfondo
• Sfondo Scenographik di sezione

Colore

Nella scheda Colore, puoi selezionare e personalizzare un tema colore per la sezione. Tieni presente che qualsiasi modifica apportata a un tema colore avrà effetto su tutte le sezioni del sito che utilizzano tale tema. Per maggiori informazioni, visita Modificare i colori.

Altre sezioni

Per maggiori informazioni sulle opzioni di stile per le sezioni con layout automatici e le sezioni delle pagine di raccolta, consulta queste guide:

• Layout intelligenti
• Sezioni della galleria
• Creare un blog con Squarespace
• Pagine eventi
• Editor fluido, l'ultima esperienza di modifica dei contenuti di Squarespace
• Pagine Portfolio
• Sezioni negozio

Divisori di sezione

Nella scheda Formato degli stili riservati alle sezioni, attiva l'opzione Divisore per aggiungere un bordo alla parte inferiore della sezione. È possibile aggiungere i divisori alle sezioni dei blocchi, ai layout intelligenti e alle sezioni delle gallerie.

Per personalizzare il divisore di sezione:

• Forma - Fai clic sull'icona Casuale per randomizzare le impostazioni, oppure fare clic 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. Fai clic su ... per modificare manualmente lo spessore del divisore.

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, personalizza ciascuno di essi utilizzando le impostazioni sopra elencate.

Sezioni senza divisori

Se la pagina include una sezione che non supporta i divisori di sezione, come una sezione blog, eventi, portfolio o video, è possibile replicarne l'aspetto con una sezione di blocco vuota:

1. Clicca su Modifica nella pagina interessata.
2. Passa il mouse su Aggiungi sezione sotto la sezione.
3. Fai clic su Aggiungi una sezione vuota.
4. Passa il mouse sulla sezione vuota 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.

Tieni presente che questo divisore di sezione non interagirà con la sezione precedente nello stesso modo in cui interagiscono i divisori di sezione integrati. Ad esempio, se la sezione non supportata ha un'immagine di sfondo, il divisore apparirà sotto l'immagine anziché delimitarla direttamente.

Salvare le sezioni

Se vuoi riutilizzare un layout di sezione di pagina che hai appena creato, puoi aggiungerlo alle sezioni salvate. In tal modo, verrà creato uno "snapshot" del layout che potrai aggiungere ogni volta che desideri. Questa funzionalità è ideale per i siti web in cui devi riutilizzare un particolare layout su più pagine.

Per salvare una sezione, clicca su Modifica in una pagina, poi passa il mouse sulla sezione e clicca sull'icona a forma di cuore . 

Utilizzare una sezione salvata

Per utilizzare una sezione salvata:

1. Clicca su Modifica nella pagina, quindi clicca su Aggiungi sezione.
2. Clicca su Sezioni salvate.
3. Seleziona la sezione salvata che desideri aggiungere.
4. Apporta eventuali modifiche al layout.

Rimuovere una sezione salvata

Per rimuovere una sezione dalle sezioni salvate:

1. Clicca su Modifica nella pagina, quindi clicca su Aggiungi sezione.
2. Clicca su Sezioni salvate. 
3. Seleziona la casella nell'angolo in alto a sinistra di una o più sezioni.
4. Clicca su Rimuovi. Non è possibile annullare l'operazione.

Sezioni salvate in un piano Enterprise

Gli amministratori di un team su un piano Enterprise possono anche salvare delle sezioni nella libreria Enterprise. Queste sezioni possono essere utilizzate dai membri del team su qualsiasi sito web dell'organizzazione. 

Per salvare una sezione nella libreria Enterprise:

1. Clicca su Modifica su una pagina, quindi passa il mouse sulla sezione e clicca sull'icona a forma di cuore .
2. Seleziona Libreria Enterprise. 
3. Inserisci un nome per la sezione, quindi clicca su Salva.   

È possibile accedere alla libreria Enterprise quando si aggiunge una sezione alla pagina. 

1. Clicca su Modifica nella pagina, quindi clicca su Aggiungi sezione. 
2. Clicca su Sezioni Enterprise. 
3. Seleziona una sezione Enterprise salvata da aggiungere alla pagina. Gli amministratori del team possono anche rinominare una sezione salvata, cercare o rimuovere le sezioni Enterprise esistenti dalla libreria.

Ricorda:

• Puoi avere fino a 50 sezioni salvate sul tuo sito.
• Le sezioni salvate non sono collegate alla sezione originale. L'aggiornamento della sezione originale non aggiornerà la versione salvata o qualsiasi altro punto in cui l'hai aggiunta.
• Le sezioni salvate conservano il contenuto e gli elementi di design. Alcune impostazioni, come le connessioni di archiviazione nel modulo e i blocchi di newsletter, non verranno trasferite dalla sezione originale. Imposta manualmente l'archiviazione di tutti i moduli e le newsletter sulle sezioni salvate.
• Non è possibile salvare le sezioni della pagina di raccolta o le sezioni del piè di pagina, né aggiungere le sezioni salvate al piè di pagina.

Spostare il contenuto tra le sezioni

Per spostare il contenuto:

• Sezioni dei blocchi dell'editor classico: trascina i blocchi per spostarli da una sezione di blocco all'altra nella stessa pagina. Non è possibile spostare blocchi tra le sezioni dei blocchi dell'Editor fluido.
• Sezioni con layout automatici - Riutilizza un'immagine di elenco o galleria per aggiungerla a un'altra sezione elenco o galleria.
• Sezioni della raccolta - Sposta post del blog, eventi e prodotti da una raccolta a un'altra dello stesso tipo. Al momento non è possibile spostare i progetti portfolio.