Creare un menu personalizzato e a tendina

Creare un menu personalizzato

I menu personalizzati sono un elemento essenziale per dare al tuo sito/blog una struttura efficace.

Un menu ben fatto comunica chiaramente ai tuoi lettori e a Google stesso quali sono le informazioni utili da mostrare.

Nel creare il menu l’immediatezza è l’obiettivo principale da raggiungere.

I menu personalizzati permettono di creare un elenco di voci da visualizzare come menu di navigazione nella testata, in una sidebar (barra laterale) e nella homepage mobile del blog.

Nel caso esista già un menu predefinito, puoi semplicemente modificare le voci esistenti e aggiungerne nuove.

Come creare un nuovo menu

Per creare un menu vai in Aspetto > Menu e clicca su “Crea un nuovo menu”.

Inserisci il nome del menu nel campo “Nome menu” e clicca su “Crea menu”.

Dopo aver creato il menu, ti basterà aggiungere uno degli elementi presenti nella barra di sinistra e cliccare su “Aggiungi al menu”, così da popolarlo con tutti gli elementi di cui hai bisogno:

Spunta gli elementi sulla sinistra e clicca su "Aggiungi al menu".
Spunta gli elementi sulla sinistra e clicca su “Aggiungi al menu”

Se hai molte categorie e pagine puoi fare una ricerca cliccando sulla tab “Cerca”, oppure puoi ordinarle per elementi più recenti e più utilizzati.

Aggiungi voci al menu, ordinandole per elementi più recenti o cercandole nella tab "cerca"
Puoi cercare voci od ordinarle
per elementi più recenti

Puoi inserire direttamente un link personalizzato a una pagina, cliccando sul box “Link” e inserendo l’URL o indirizzo della pagina:

puoi aggiungere link al menu
Al menu puoi aggiungere anche i link

Ricorda: usa un menu di una riga sola!

I menu troppo estesi sono disordinati e possono confondere il lettore.

Il tuo menu dev’essere sintetico: tieni solo le voci principali, come nell’esempio qui sotto:

Esempio di menu di una sola riga, menu di GialloZafferano
Esempio di menu di una sola riga (GialloZafferano)

Se una voce dipende da un’altra, come la voce “Secondi di carne” dipende dalla voce “Secondi”, crea un menu a tendina.

Aggiungere e modificare le voci di menu

Per aggiungere o modificare delle voci già inserite basta cliccare sulla freccia a destra dell’elemento.

In questa finestra di impostazioni puoi modificare ulteriormente la voce oppure rimuoverla cliccando su “Rimuovi”:

Clicca sulla freccia a destra dell'elemento per modificare le voci del menu
Clicca sulla freccia a destra dell’elemento per modificare le voci del menu

Cambiare l’ordine delle voci dei menu

Per modificare l’ordine delle singole voci presenti nei menu clicca e senza rilasciare il mouse trascina la voce di menu nella posizione desiderata:

Per cambiare l'ordine delle voci del menu, trascina la voce nella posizione desiderata.
Per cambiare l’ordine delle voci del menu, trascina la voce nella posizione desiderata

Alcuni temi supportano più di un menu nel layout: nelle “Impostazioni del menu“ puoi scegliere la posizione del tema e quale menu impostare come menu primario:

Imposta il menu primario in Posizione di visualizzazione
Imposta il menu primario, spuntando la casella “Posizione di visualizzazione”

Puoi vedere il risultato del tuo lavoro cliccando su “Gestisci con l’anteprima in tempo reale”:

Gestisci il menu con l'anteprima in tempo reale
Gestisci con l’anteprima in tempo reale

Come aggiungere un menu personalizzato nella sidebar e nella homepage mobile

Per inserire un menu personalizzato nella sidebar o nella homepage mobile vai in “Aspetto > Widget”.

Vedrai sulla sinistra l’elenco dei widget disponibili e sulla destra le cinque aree widget dove puoi inserirli.

Inserisci un menu nella sidebar o nella homepage mobile da “Aspetto > widget”

Cerca il widget “Menu di navigazione” e clicca su “Aggiungi”.

Widget Menu di navigazione
Aggiungi il widget Menu di navigazione

Inserisci il titolo e seleziona il menu che vuoi che appaia nella sidebar (può essere quello di navigazione o quello personalizzato che hai creato in precedenza).

Seleziona la posizione widget desiderata (sidebar principale o secondaria, mobile homepage top o bottom) e l’ordine degli elementi nel menu a tendina.

Seleziona la posizione desiderata e l'ordine degli elementi nel menu a tendina
Seleziona la posizione desiderata e
l’ordine degli elementi nel menu a tendina

Clicca su “Salva widget”, ed è fatta!

Creare un menu a tendina

Sul tuo sito/blog puoi creare anche i menu a tendina, cioè voci di menu dalle quali, passando il mouse o cliccandoci su, si aprono altre tendine con altre voci.

Questi menu instaurano una gerarchia tra i contenuti: nel menu principale appare la voce principale e nella tendina quelle secondarie.


Esempio di un menu a tendina (GialloZafferano)

I menu a tendina aiutano il lettore a orientarsi sul tuo blog e a trovare le informazioni che sta cercando.

Stai attento: se non lo guidi bene, cercherà le risposte altrove!  

Creare un menu a discesa è semplicissimo: posiziona sul tuo menu le varie voci (vedi sopra) sposta le voci della “tendina” trascinandole di qualche centimetro verso destra col mouse, fino a che non si formano dei rettangoli tratteggiati. A quel punto rilasciale.

Fai questa operazione per tutte le voci che vuoi inserire nella tendina (puoi metterne quante ne vuoi) e poi salva.

Per creare un menu a tendina trascina verso destra le voci della tendina
Per creare un menu a discesa trascina verso destra le voci della tendina

Video Tutorial