Le sezioni

Che cos’è una sezione?

Una pagina è una serie di sezioni disposte una sotto l’altra: un banner di benvenuto, una presentazione, delle testimonianze, un modulo… Ogni sezione contiene testo e blocchi, e ha un proprio aspetto.

Aggiungere una sezione

Tra due sezioni, un separatore mostra un pulsante + (Aggiungi una sezione): fai clic per inserire una nuova sezione in quel punto. Puoi anche digitare / in una pagina e scegliere Sezione. Poi riempila di testo e blocchi.

Spostare, duplicare, eliminare

Questi comandi si trovano sul separatore posto sul bordo superiore di ogni sezione. Passa il mouse sulla pagina: tra due sezioni compare una linea con, al centro, una maniglia a sei punti (il suo suggerimento: Trascina per spostare, clicca per i comandi) e il pulsante rotondo +.

• Trascina la maniglia verso l’alto o verso il basso per spostare la sezione.
• Fai clic sulla maniglia per aprire il menu della sezione subito sotto: Aspetto, Sposta su, Sposta giù, Duplica ed Elimina.

Elimina rimuove l’intera sezione con tutto il suo contenuto, senza chiedere conferma. In caso di errore, annulla subito con Cmd+Z su Mac o Ctrl+Z su Windows.

Quando hai cliccato in una sezione, la scheda Sezione del pannello di destra offre anche, in alto, gli stessi comandi: Sposta la sezione in su, Sposta la sezione in giù, Duplica la sezione ed Elimina la sezione.

Per riprendere una sezione su altre pagine, scegli Copia in un’altra pagina… nel menu della sua maniglia o nella scheda Sezione. Spunta le pagine, poi metti la copia all’inizio o alla fine di ogni pagina. Ogni copia è indipendente, e un solo Annulla toglie la copia ovunque.

Eliminare una sezione vuota

Una sezione vuota si elimina allo stesso modo, con la maniglia del separatore subito sopra o dalla scheda Sezione. Ancora più semplice: clicca nella sua riga vuota e premi Backspace, e la sezione scompare. Cmd+Z o Ctrl+Z la ripristina.

L’intestazione e il piè di pagina del sito non hanno maniglia: non si possono spostare né eliminare.

Le sezioni riutilizzabili

Orari di apertura, invito all’azione, fascia di rassicurazione: una sezione riutilizzabile è la stessa su ogni pagina che la usa, contenuto e stile compresi. Modificala una volta, e tutte le pagine si aggiornano.

1. In una pagina, clicca sulla maniglia della sezione e scegli Salva come sezione riutilizzabile….
2. Compila il campo Nome, poi clicca su Salva. Questo nome serve solo a ritrovarla in TOWeb: non appare sul sito.
3. Su un’altra pagina, clicca sul pulsante + tra due sezioni, poi scegli Sezione vuota o una delle tue Sezioni riutilizzabili.

Nella pagina, una sezione riutilizzabile indica su quante pagine è usata. Modifica la apre da sola, nella sua schermata, e la modifica si applica a tutte quelle pagine. Scollega la trasforma in una sezione normale, solo su questa pagina.

Il pulsante Sezioni riutilizzabili della schermata Pagine le elenca, per rinominarle (Rinomina) o eliminarle (Elimina). Eliminare una sezione riutilizzabile non fa perdere nulla: ogni pagina che la usava ne conserva una copia, che puoi modificare a parte.

Impostare l’aspetto di una sezione

Fai clic nella sezione, poi apri la scheda Sezione del pannello di destra:

• Tavolozza di colori: Predefinita, Tenue, Accento o Decisa. I colori provengono dal tuo stile: alternare le tavolozze dà ritmo alla pagina senza mai uscire dalla tua identità visiva.
• Immagine / video di sfondo, con una Velatura per mantenere leggibile il testo, la Posizione e la Sfocatura. Per un’immagine, l’interruttore Sfondo fisso la tiene ferma mentre il contenuto scorre sopra, sul computer come sul telefono. Per un video, l’immagine di copertina viene tratta dal video, e Scegli dal video permette di sceglierne l’istante: vedi Le immagini e la libreria media.
• Larghezza del contenuto: Stretta, Normale, Larga o Larghezza piena. Restringi un testo lungo perché si legga meglio, o allarga una galleria o una griglia di schede; le altre sezioni mantengono la larghezza del tuo stile.
• Schermo intero: la sezione occupa tutta l’altezza dello schermo. Ideale per aprire la home page con una grande immagine o un video, da scegliere in Immagine / video di sfondo. Su telefono, la sezione sta nella parte visibile dello schermo.
• Colonne: distribuisce il testo su 2 o 3 colonne, con capolettera o testo giustificato se lo desideri.

Lo spazio tra le sezioni viene dal tuo stile: è lo stesso su tutte le pagine, per un ritmo regolare. Per avvicinare due contenuti, mettili nella stessa sezione invece che in due sezioni consecutive.

Per stringere o allargare tutto il sito in un colpo solo, regola la Densità in Tema › Forme: Compatta, Normale o Ariosa. Ogni stile conserva il proprio ritmo, che «Normale» rispetta così com’è.

Gli effetti di sezione

• Atmosfera animata: uno sfondo vivo ricavato dai colori dello stile (Aurora, Bagliore, Griglia, Puntini, Maglia, Costellazione, Onde, Liquido). Un’immagine di sfondo la sostituisce.
• Ingresso dei titoli: le parole dei titoli salgono o si rivelano al loro arrivo.
• Testo manifesto: le parole si illuminano man mano che si scorre. Da riservare a una frase forte.
• Sezioni impilate: la sezione resta in alto sullo schermo mentre la successiva le scivola sopra, come un mazzo di carte. Da attivare su 2–4 sezioni consecutive.

Questi effetti si vedono sul sito, sia nell’anteprima sia online. Altri effetti si impostano per tutto il sito in Forme, effetti e animazioni.

Nascondere una sezione

Non pubblicare, nel menu di una sezione, la tiene nella pagina, modificabile e contrassegnata come Non pubblicata, ma fuori dal sito pubblicato. Pubblica la sezione la mette online alla pubblicazione successiva.

Nella scheda Sezione dell’ispettore, Mostra su sceglie gli schermi in cui compare la sezione: Desktop, Tablet e Mobile. Disattiva Mobile per nascondere, per esempio, un’immagine grande sullo smartphone. Nell’editor la sezione resta visibile con un’etichetta, e l’anteprima per dispositivo mostra il risultato.