Dividi menu

Panoramica

Un menu diviso in Joomla! è una tecnica di progettazione in cui un'unica struttura di menu viene suddivisa e visualizzata in diverse aree di una pagina web. Invece di stipare un enorme albero di navigazione multilivello in un unico menu a tendina affollato, un menu diviso separa i livelli.

Ad esempio, i link principali (Livello 1) si trovano orizzontalmente nell'intestazione del sito, mentre i sotto-link secondari (Livello 2+) appaiono dinamicamente in una barra laterale o nel footer della pagina che il link di menu di primo livello ha aperto.

Perché usare un menu diviso?

L'uso dei menu divisi offre vantaggi significativi sia per le prestazioni del sito che per l'esperienza utente:

Design ordinato: elimina i menu a tendina disordinati ed enormi che sovraccaricano i visitatori da mobile e oscurano i tuoi contenuti.
Sincronizzazione automatica: mantieni un solo albero di menu nel backend del sito. Joomla! gestisce automaticamente la logica, quindi non devi mai gestire menu separati per intestazioni e barre laterali.
Navigazione contestuale: il modulo del menu secondario è intelligente. Rimane invisibile finché un utente non clicca su una voce di primo livello che contiene effettivamente sotto-pagine, mantenendo i layout puliti.

Come Joomla! gestisce la divisione

La magia dei menu divisi si basa sui parametri nativi del modulo Menu di Joomla!. Posizionando due diversi moduli menu nel tuo sito ma puntandoli esattamente allo stesso contenitore di menu, controlli l'output usando tre impostazioni chiave:

Livello iniziale: indica al modulo quale livello dell'albero del menu iniziare a visualizzare.
Livello finale: indica al modulo dove interrompere la visualizzazione.
Mostra sottovoci menu: determina se le voci figlio più profonde debbano essere completamente nascoste o visualizzate strutturalmente.

La logica di configurazione

Per far funzionare un menu diviso, è sufficiente configurare due moduli in questo modo:

Il modulo intestazione: imposta il Livello iniziale a 1 e il Livello finale a 1. Questo limita l'intestazione a mostrare solo i tuoi principali link principali (ad es. Home, Chi siamo, Servizi, Contatti).
Il modulo barra laterale: imposta il Livello iniziale a 2 e il Livello finale a Tutti. Imposta la Voce di base su Corrente. Questo indica alla barra laterale: "Guarda in quale pagina si trova il visitatore, controlla se ha voci figlie e mostrale qui."

Il risultato finale

Quando un utente visita la tua home page, vede solo la pulita barra di navigazione superiore. Se clicca su Servizi, la pagina principale si carica e la barra laterale si popola istantaneamente con Web Design, SEO e Marketing. Offre un'esperienza di navigazione fluida e approfondita senza alcuna codifica complessa o estensioni noiose.