Come creare un menù a tendina su WordPress

Come creare un menù a tendina su WordPress

Creare un menù a tendina su WordPress è una necessità che avvertirai non appena inizierai a lavorare sul tuo nuovo sito o blog.

 

guida per capire come creare un menu a tendina su wordpress

Scopriamo insieme come creare un menù a tendina su WordPress

 

Un menù a tendina è infatti un elemento molto importante perché ti consente di facilitare enormemente la navigazione agli utenti, aiutandoli nell’individuare più velocemente le risorse o informazioni di cui hanno bisogno e contribuendo a migliorare la loro esperienza di navigazione.

Un menù a tendina consente infatti di comprendere al meglio la struttura di un sito e le aree tematiche che questo presenta, semplicemente posizionandovi sopra il puntatore del mouse, ed è una funzionalità fantastica perché permette a chi visita il tuo sito di raggiungere la pagina desiderata con un solo clic.

Andiamo adesso a vedere in dettaglio come creare un menù a tendina su WordPress, vedrai che bastano veramente pochi passaggi per riuscirci con successo.

Dando per scontato che tu abbia già creato le pagine con i relativi contenuti, tutto quel che dobbiamo fare adesso è creare il menù e aggiungere le sottopagine che lo compongono.

Come creare un menù a tendina su WordPress

Per far ciò, dal tuo pannello di controllo WordPress clicca su Aspetto > Menù: questa è la sezione nella quale ti sarà possibile creare un menù personalizzato in base alle tue preferenze.

Per iniziare a creare il menù di navigazione  a tendina puoi cliccare su “Crea un nuovo menù“.

Vedrai subito l’apposito campo “Nome menu” nel quale potrai inserire il nome che hai deciso di assegnare al tuo nuovo menù.

 

creare un menù di navigazione con WordPress

Scegli il nome e crea il tuo menù di navigazione con WordPress

 

Si tratta di aspetti che gli utenti non possono vedere o scoprire, è solo un nome che devi assegnare così da riconoscerlo facilmente nel caso decidessi ad esempio di creare menù diversi per ogni pagina.

Digitato il nome del menù che preferisci, puoi cliccare su “Crea menù” ed accedere ad una nuova schermata (“Impostazioni del menu”)  in cui WordPress ti consente di stabilire a priori se desideri:

  • Aggiungere automaticamente le nuove pagine di primo livello a questo menu. Se metti la spunta qui, tutte le nuove pagine che andrai a creare saranno automaticamente aggiunte al menù. Personalmente non utilizzo questa funzione perché preferisco aggiungere manualmente le pagine nel menù.
  • Posizione di visualizzazione. Questa opzione ti consente di decidere dove il menù che ti accingi a personalizzare debba essere visualizzato, ad esempio in alto, nel footer (in questo caso non potrai ovviamente creare un menù a tendina) o come sottomenù di quello principale.
creare menu wordpress posizione visualizzazione

Seleziona le impostazioni di personalizzazione per il menù a tendina che ti accingi a creare

 

Puoi decidere in quale punto della pagina visualizzare i menù che crei direttamente dalla tab “Gestione posizioni”.

Sei pronto adesso ad entrare nel vivo?

Organizza la struttura del menù

Bene! È giunto finalmente il momento di creare il menù di navigazione a tendina. Come puoi vedere, sulla parte sinistra dello schermo hai alcune schede che si espandono cliccandoci sopra:

  • Pagine
  • Articoli
  • Link personalizzati
  • Categorie
organizzare la struttura del menù in WordPress

Personalizza la struttura del tuo menù in WordPress in base alle necessità

 

Pagine e Articoli

All’interno della sezione “Pagine” e della sezione “Articoli” (basta farci un clic sopra per espanderle) troverai tutte quelle pagine e articoli che hai creato e pubblicato sino ad ora.

Per aggiungere queste risorse al tuo nuovo menù ti basterà mettere la spunta su tutte le pagine o articoli che desideri e cliccare su “Aggiungi al menù“: vedrai che le pagine e gli articoli selezionati si sposteranno automaticamente sulla destra, in quella che a tutti gli effetti è la struttura del menù di navigazione che stai creando.

A questo punto, semplicemente trascinando le pagine o gli articoli che hai appena aggiunto alla struttura del menù, potrai stabilire esattamente in quale posizione del menù farle comparire, nonchè quali saranno pagine principali e quali diverranno invece delle sottopagine che costituiranno proprio la “tendina” del tuo menù.

Per far si che una o più pagine compaiano come sottopagine di una pagina principale a tua scelta, basterà trascinarle proprio sotto quest’ultima avendo cura di farle rientrare leggermente sulla destra, fin quando non comparirà la dicitura “sottoelemento” come evidenziato nell’animazione che segue.

 

gestire struttura menu tendina WordPress

Sposta la pagina desiderata sotto quella principale per renderla un sottoelemento

 

Fatto questo potrai salvare e visionare l’anteprima: scoprirai che al passaggio del mouse sulla pagina da te prescelta, si aprirà automaticamente un menù a tendina che mostra le relative sottopagine da te prescelte.

Esempio pratico: se hai creato la pagina “Social Network” e vuoi che la pagina “Facebook” e l’articolo “Instagram” diventino sue sottopagine, sarà sufficiente aggiungere le 3 risorse alla struttura del menù e successivamente trascinare Facebook” e “Instagram” esattamente sotto la pagina “Social Network” come mostrato nell’immagine che segue, con un leggero scarto sulla destra.

Link personalizzati

Adesso che il come creare un menù a tendina su WordPress ti è più chiaro, approfittiamone per vedere come è possibile sfruttare la scheda “Link personalizzati”.

Diciamo subito che questa serve quando desideri aggiungere al tuo menù una pagina che in realtà non fa parte del tuo sito ma di un altro: in questo caso ti è sufficiente incollare il link della pagina esterna nel campo “URL” e nel campo “Testo del link” il testo cliccabile che vuoi associare a questo link.

Personalmente non mi è mai capitato di utilizzare la scheda “Link personalizzati” per inserire nel menù un link che porta ad un sito esterno, ma la utilizzo per una funzione molto più cool…adesso ti spiego quale!

Hai presente quando vedi un menù a tendina in cui c’ una voce non cliccabile, mentre tutte le altre pagine o sottopagine lo sono? Dai un’occhiata allo screenshot in basso per capire al volo a cosa mi riferisco.

Bene, ti sei mai chiesto come si faccia ad aggiungere una voce non cliccabile sul menù di navigazione? E se ti dicessi che si fa esattamente sfruttando la scheda “Link personalizzati”?

Eh eh…proprio così!

Per aggiungere un testo non cliccabile al menù non devi far altro che andare su “Link personalizzati” ed inserire il simbolo “#” (il cancelletto) nel campo “URL” (puoi cancellare quel “http://” che trovi di default) e scrivere quello che preferisci nel campo “Testo del link”.

 

link personalizzati per intestazioni non cliccabili

La scheda “link personalizzati” ti consente di aggiungere intestazioni non cliccabili al tuo menù a tendina

 

Fatto questo clicca come al solito su “Aggiungi al menù” ed avrai aggiunto una cosiddetta intestazione non cliccabile al menù.

A questo punto, trascinandole sotto come ti spiegavo prima, potrai associare a questa nuova voce del menù non cliccabile tutte le sottopagine che vuoi! Figo, no? 😉

Categorie

Infine, la sezione “Categorie” serve ad aggiungere le categorie al menù del tuo sito.

Le categorie ti sono preziose anche quando cerchi di far confluire automaticamente determinati post all’interno di una pagina specifica.

A questo scopo ti tornerà utile la guida che ho scritto per aiutarti a mostrare in una pagina solo i post di una determinata categoria.

Plugin per modificare e personalizzare il menù di navigazione

WordPress.org ti offre una serie di ottimi plugin gratuiti per la modifica e personalizzazione del menù che hai appena creato. Tra questi, Max Mega Menù è probabilmente il più famoso ed utilizzato: è un plugin che viene aggiornato quasi quotidianamente dallo sviluppatore e vanta oltre 200mila installazioni attive, per cui puoi installarlo ed attivarlo senza paura.

È uno strumento che ti consente di arricchire dal punto di vista del design il tuo menù, consentendoti di personalizzarlo come desideri.

Il video che segue ti mostra in pochi minuti come funziona Max Mega Menù e perchè fai bene ad utilizzarlo per rendere il tuo sito ancora più accattivante e funzionale.

 

Bene, adesso dovresti avere le idee molto più chiare sul come creare un menù a tendina su WordPress.

Come sempre, se qualcosa non ti è chiaro o se incontri difficoltà, lasciami un commento e ti aiuterò volentieri a risolvere 😉

Da sempre appassionato di SEO e Web Marketing, con particolare riferimento al Web Marketing Turistico e alla SEO per Hotel, metto la mia esperienza al servizio di aziende, esercizi commerciali, strutture ricettive e blogger che desiderano acquisire maggiore visibilità sul web. Se hai dubbi o desideri un chiarimento, lascia pure un commento in basso 😉

0 commenti

Lascia un Commento

Vuoi partecipare alla discussione?
Fornisci il tuo contributo!

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *