Come creare un menù a tendina in Joomla!

Se la struttura del tuo sito prevede dei sotto-elementi nel menu, puoi gestirlo creando un menù a tendina per il tuo sito Joomla!. Nelle ultime versioni di Joomla!  puoi creare elementi in menù a tendina come creeresti i normali elementi del menù. L’unica differenza è che dovrai scegliere un elemento genitore durante l’operazione.

Joomla! 4

Crea un menu a discesa in Joomla!

Accedi alla dashboard amministrativa del tuo Joomla! e vai su Menu > Main Menu  > Aggiungi nuova voce di menu.

Ora devi selezionare il tipo di voce di menu. In questo esempio, ti mostreremo come fare in modo che il link del menù a tendina apra un singolo articolo di Joomla!. Per fare ciò, clicca su Seleziona accanto a Tipo di voce di menu. Apparirà un elenco con le voci di menu disponibili. Seleziona la categoria Articoli e scegli Singolo articolo.

Ora devi scegliere l’articolo effettivo che vuoi collegare. Clicca su Seleziona accanto a Seleziona articolo. Apparirà un elenco con tutti i tuoi articoli. Scegli quello che vuoi collegare e clicca sul suo titolo.

Il passaggio successivo consiste nell’inserire un titolo per la voce di menu. Per fare ciò, compila il campo accanto all’etichetta del titolo del menu. In questo tutorial, creeremo un sottomenu denominato Products.

Trova la sezione Al click, apri in e clicca sul menu a discesa accanto ad essa. Ora seleziona il menu principale per la nuova voce di menu che stiamo creando. Come accennato nel primo paragrafo, ai fini di questo tutorial sceglieremo una voce del menu Home esistente come primaria.

Infine, clicca su Salva nella parte in alto a sinistra della pagina.

Questo è tutto! Ora puoi navigare nel front-end del tuo sito web e passare il mouse sopra il menu Home. Noterai che la voce di menu appena creata appare sotto di essa.

Crea un menu principale vuoto

Spesso non è necessario disporre di un menu principale che carichi una pagina specifica, ma solo un contenitore per raggruppare insieme alcune voci di menu. Joomla! non ha un tipo di menu standard per elementi di menu vuoti, ma per fortuna c’è un’alternativa per questo. Devi creare una voce di menu principale seguendo gli stessi passaggi descritti sopra finché non devi scegliere il tipo di voce di menu. Questa volta invece di un “Singolo articolo”, devi selezionare Voci di menu di sistema > URL.

Nella pagina successiva, devi inserire il simbolo dell’hashtag – “#” nel campo Link e salvare quel menu.

Ecco fatto, ora puoi aggiungere elementi secondari a questa voce di menu come spiegato nella prima parte di questo tutorial. Il menu Home non cambierà l’URL in una pagina diversa ma mostrerà solo i suoi sottomenu.

Joomla! 3

Crea un menù a discesa in Joomla! 3.x

Prima, dovrai accedere alla tua area amministrativa di Joomla! 3 ed andare su  Menu > Main menu > Nuova voce di menù

Ora dovrai selezionare la tipologia di elemento menù. In questo esempio, ti mostreremo come collegare con un link di menù a tendina un singolo articolo di Joomla! 3.x. Per farlo, clicca su Seleziona accanto a Tipo di voce di menù.

Comprarirà una lista di tutte le voci di menù disponibili. Seleziona la categoria Articoli e scegli Singolo Articolo.

Ora dovrai scegliere l’effettivo articolo per cui desideri inserire il link. Per farlo, clicca su Seleziona accanto a Seleziona articolo.

Comprarirà una lista con tutti i tuoi articoli. Seleziona quello che desideri collegare e clicca sul suo titolo.

Il prossimo passaggio è quello di inserire un titolo per la voce di menù. Per farlo, compila il campo accanto a Titolo menù. Nel nostro tutorial, creeremo un sottomenù chiamato  Awesome Menu.

Trova il campo Voce principale e clicca sul menù a tendina al suo fianco. Ora seleziona il menù genitore per il nuovo menù che stiamo creando. Come anticipato nel primo paragrafo, allo scopo di questo tutorial, useremo la voce Home già esistente come genitore per questo menù.

Infine, clicca su Salva nella parte in alto a sinistra della pagina.

Ecco fatto! Ora puoi navigare sul front-end del tuo sito e passare il mouse sopra al menu Home. Vedrai la nuova voce di menù appena creata apparire sotto di esso.

Creare un menù genitore vuoto

Spesso non ti servirà avere un menù ‘genitore’ collegato ad una pagina specifica, ma soltanto un contenitore per raggruppare insieme varie voci di menù. Joomla! 3 non ha un tipo di menù standard per elementi di menù vuoti ma fortunatamente c’è una via d’uscita. In pratica, dovrai creare una voce di menù seguendo gli stessi passaggi descritti sopra, sino al punto in cui scegliere Tipo voce menù. Questa volta, anzichè Singolo Articolo, scegliamo Voci di menù di sistema > URL.

Nella pagina seguente, dovrai inserire il simbolo cancelletto “#” nel campo Link e salvare il menù.

Ecco fatto, ora potrai aggiungere elementi ‘figli’ a questa voce di menù come spiegato nella prima parte di questo tutorial. Il menù Home non caricherà una pagina differente ma mostrerà soltanto il sottomenù.