Organizzare i contenuti nell’intestazione di un sito

Questa guida ti mostrerà come organizzare i blocchi nell’intestazione del tuo sito web per creare il layout che desideri.

Per seguire i passaggi in questa guida, è necessario un tema che supporti l’editor del sito. Un modo rapido per controllare se il sito usa l’editor del sito è cercare Aspetto → Editor nella bacheca del tuo sito.

Dovrai accedere alla parte del template Intestazione per riorganizzarne i blocchi. Se non l’hai mai fatto prima, segui le istruzioni nella nostra guida relativa alla personalizzazione dell’intestazione .

Puoi spostare i blocchi nell’intestazione seguendo questi passaggi:

1. Durante la modifica della parte del template Intestazione, apri la Visualizzazione in modalità elenco facendo clic sull’icona Visualizzazione in modalità elenco (tre linee orizzontali) vicino alla parte in alto a sinistra dell’editor.
2. Individua il blocco che desideri spostare. Se accanto a un blocco noti il simbolo >, fai clic su di esso per espanderlo e visualizzare i blocchi nidificati.
3. Fai clic sul nome del blocco e, tenendo premuto, trascinalo nella nuova posizione.
4. Rilascia per sistemare il blocco nella nuova posizione.
5. Fai clic sul pulsante Salva per salvare le modifiche.

Per affiancare i blocchi dell’intestazione in senso orizzontale, ad esempio mettere un logo accanto al titolo del sito, dovrai raggrupparli in un blocco Riga seguendo questi passaggi:

1. Durante la modifica della parte del template Intestazione, apri la Visualizzazione in modalità elenco facendo clic sull’icona della Visualizzazione in modalità elenco (tre linee orizzontali) vicino all’angolo in alto a sinistra dell’editor.
2. Seleziona il primo blocco che desideri affiancare (ad esempio, il logo).
3. Tieni premuto il tasto Maiusc (PC) o il tasto Comando (Mac) e fai clic sul secondo blocco che desideri posizionare accanto al primo (ad esempio, il titolo del sito).
4. Nella barra degli strumenti che viene visualizzata, fai clic sull’icona Riga .
5. Fai clic sul pulsante Salva per salvare le modifiche.

Scopri di più sul raggruppamento dei blocchi di contenuto.

Per posizionare i blocchi dell’intestazione uno sopra l’altro, ad esempio mettere un menu sopra un menu di icone social, dovrai raggrupparli in un blocco In colonna:

1. Durante la modifica della parte del template Intestazione, apri la Visualizzazione in modalità elenco facendo clic sull’icona della Visualizzazione in modalità elenco (tre linee orizzontali) vicino all’angolo in alto a sinistra dell’editor.
2. Seleziona il primo blocco che vuoi mettere in colonna (ad esempio, il menu).
3. Tieni premuto il tasto Maiusc e fai clic sul secondo blocco che desideri posizionare sotto al primo (ad esempio, il menu delle icone social).
4. Nella barra degli strumenti che viene visualizzata, fai clic sull’icona In colonna .
5. Fai clic sul pulsante Salva per salvare le modifiche.

Scopri di più sul raggruppamento dei blocchi di contenuto.

Un’intestazione a larghezza intera consente di creare un look audace che copre l’intera larghezza della finestra del browser. Per ottenere un’intestazione a larghezza intera, segui questi passaggi:

1. Durante la modifica della parte del template Intestazione, apri la Visualizzazione in modalità elenco facendo clic sull’icona della Visualizzazione in modalità elenco (tre linee orizzontali) vicino all’angolo in alto a sinistra dell’editor.
2. Individua il blocco Gruppo contenente l’intestazione.
   • Se l’intestazione non si trova in un blocco Gruppo, fai clic sul menu (⋮) e seleziona “Gruppo”.
3. Nella barra degli strumenti che viene visualizzata, fai clic sull’icona Allinea .
4. Seleziona Larghezza intera.
5. Fai clic sul pulsante Salva per salvare le modifiche.

Scopri di più sulla creazione di contenuti a larghezza intera.