Un’intestazione tipica su un sito web include un logo, il titolo del sito, il menu di navigazione e spesso alcuni altri elementi. Il layout di questi elementi è controllato dal tuo tema, quindi cosa succede se vuoi personalizzarlo da solo?
Questa guida ti mostrerà come farlo, usando l’Editor del sito. Per riorganizzare gli elementi dell’intestazione utilizzando il metodo descritto in questa guida, il tuo sito deve usare un tema che supporti l’Editor del sito.
In questa guida
Per personalizzare la tua intestazione, modificherai il template Intestazione. Eseguendo le modifiche a questo template una volta, queste verranno applicate su tutte le pagine del tuo sito. Segui questi passaggi per accedere al template Intestazione:
- Nella bacheca del tuo sito, vai su Aspetto → Editor.
- Fai clic sul template corrente in alto al centro dello schermo (qui indicato come “Indice”).
- Fai clic su Sfoglia tutti i template.
- Nella schermata successiva, fai clic su Parti del template.
- Poi, seleziona Intestazione.
Quindi:
A seconda del tema, potresti trovare vari elementi nell’intestazione predefinita. In questo documento, analizzeremo la loro aggiunta e la loro personalizzazione.
Puoi aggiungere un numero di elementi alla tua intestazione. In questo documento tratteremo i più frequenti: un logo, il menu, la barra di ricerca e il menu social.
Per aggiungere un logo all’intestazione:
- Fai clic sul +, il pulsante per l’inserimento dei blocchi.
- Cerca il blocco Logo del sito.
- Fai clic su di esso per inserirlo.
- Carica l’immagine del tuo logo tramite il blocco.
Dopo averlo aggiunto, puoi usare le frecce di navigazione sinistra e destra per modificarne la posizione rispetto agli altri elementi del menu.
Infine, puoi modificarne le dimensioni trascinando i punti di selezione dentro e fuori, finché non raggiungi la dimensione adatta.
Al termine, fai clic su Salva, poi su Salva di nuovo, assicurandoti che la casella di controllo per la parte del template Intestazione sia selezionata.
Leggi di più sull’uso del blocco Logo del sito. Imparerai come riposizionare, modificare l’allineamento, ritagliare l’immagine, aggiungere un filtro, sostituire l’immagine, applicare vari stili e altro ancora.
Per aggiungere un menu all’intestazione:
- Fai clic sul +, il pulsante per l’inserimento dei blocchi.
- Cerca il blocco Navigazione.
- Fai clic su di esso per inserirlo.
Una volta aggiunto il blocco Navigazione alla tua intestazione, avrai due opzioni:
- Selezionare un menu preesistente, facendo clic sul pulsante e selezionando il menu desiderato.
- Iniziare con uno vuoto e crearlo da zero, facendo clic e popolandolo con tutti gli elementi che desideri aggiungere.
Quando il menu è pronto, puoi riposizionarlo usando le frecce sinistra e destra.
Al termine, accertati di fare clic su Salva, poi su Salva di nuovo, assicurandoti che la casella di controllo per la parte del template Intestazione sia selezionata.
Leggi di più sull’uso del blocco Navigazione. Imparerai come inserire un blocco Navigazione, aggiungere link, creare sottomenu, modificare le impostazioni dei link e altro ancora.
Per aggiungere una barra di ricerca all’intestazione:
- Fai clic sul +, il pulsante per l’inserimento dei blocchi.
- Cerca il blocco Cerca.
- Fai clic su di esso per inserirlo.
Dopo averlo aggiunto, puoi usare le frecce di navigazione sinistra e destra per modificarne la posizione rispetto agli altri elementi del menu.
Infine, puoi modificarne le dimensioni trascinando i punti di selezione dentro e fuori, finché non raggiungi la dimensione adatta.
Al termine, accertati di fare clic su Salva, poi su Salva di nuovo, assicurandoti che la casella di controllo per la parte del template Intestazione sia selezionata.
Leggi di più sull’uso del blocco Cerca. Imparerai come aggiungere il blocco, modificare il testo del pulsante, cambiare il carattere e i colori utilizzati sul tuo pulsante, la larghezza del blocco, attivare o disattivare il pulsante o cambiarne la posizione, modificare l’allineamento del blocco e altro ancora.
Per aggiungere icone social alla tua intestazione:
- Fai clic sul +, il pulsante per l’inserimento dei blocchi.
- Cerca il blocco Icone social.
- Fai clic su di esso per inserirlo.
Dopo aver aggiunto il blocco, puoi iniziare ad aggiungerci i profili social. Per farlo:
- Fai clic sul pulsante + per l’inserimento dei blocchi e digita il nome della piattaforma social che desideri aggiungere. Fai clic sull’elemento per aggiungerlo alle tue icone social.
- Fai clic di nuovo sull’icona per aggiungere il link del tuo profilo. Incolla l’URL del tuo profilo social e fai clic sulla freccia per confermare.
- Per aggiungere una nuova icona, se il pulsante + successivo non è immediatamente visibile, fai clic su Visualizzazione a lista, poi fai clic su Icone social a sinistra per visualizzare il pulsante a forma di più in modo da poter continuare ad aggiungere nuove icone.
- Ripeti i passaggi 2 e 3 tutte le volte che lo necessiti per aggiungere tutti i tuoi profili dei social media.
Una volta aggiunte tutte le icone, puoi selezionare il blocco facendo clic sul blocco Icone social nella Visualizzazione a lista, quindi usa le frecce di navigazione sinistra e destra per modificare la posizione del blocco rispetto agli altri elementi del menu.
Al termine, accertati di fare clic su Salva, poi su Salva di nuovo, assicurandoti che la casella di controllo per la parte del template Intestazione sia selezionata.
Leggi di più sull’uso del blocco Icone social. Imparerai come inserire le icone, aggiungere i tuoi profili social, cambiare il tipo di icone, lo stile o rimuovere le tue icone e altro ancora.