Sottomenu

Concetti di base sui menu

In Joomla, tre elementi contribuiscono alla visualizzazione di un menu all'utente:

• Un Menu è un contenitore per le voci di menu.
• Una Voce di menu è un link a una pagina del sito o a una pagina esterna.
• Un Modulo menu fornisce un metodo per assegnare il menu a una posizione sulla pagina e per controllare aspetti dell'aspetto o del comportamento del menu o della pagina.

I menu semplici consistono in liste di link. A volte, i membri di una lista hanno relazioni genitore-figlio visualizzate come figli indentati o liste a discesa. Le relazioni genitore-figlio possono essere annidate a qualsiasi livello. Tuttavia, annidare oltre due livelli può rendere le liste poco attraenti e scomode da usare.

Ci sono occasioni in cui potresti voler mostrare i figli di un menu genitore come un submenu separato. Un caso d'uso comune è mostrare un submenu a sinistra di una pagina, il contenuto della pagina al centro, e un sommario della pagina a destra. Questo tutorial spiega come farlo.

Dati di esempio

Supponiamo che tu abbia una serie di articoli sugli animali. Potrebbero essere animali domestici, una scheda informativa veterinaria o uno zoo. Di seguito una breve struttura di esempio a scopo dimostrativo:

Animali
    Gatti
        Burmese
        Blu di Russia
    Cani
        Collie
        Volpini

Le liste potrebbero essere piuttosto lunghe, quindi potresti voler mostrare solo una lista di razze di gatti nelle pagine sui gatti e solo una lista di razze di cani nelle pagine sui cani. La seguente schermata mostra il layout obiettivo che l'utente vorrebbe ottenere:

In questo esempio, quando l'utente seleziona la voce di menu Animali, viene caricata la pagina Animali e il modulo menu Gatti scompare (nemmeno il modulo Cani è presente). Selezionando la voce di menu Gatti, il modulo menu Gatti appare accanto alla pagina Gatti. Selezionando la voce di menu Burmese, appare la pagina Burmese. Selezionando la voce di menu Cani, il modulo menu Gatti viene sostituito da un modulo menu Cani accanto alla pagina Cani.

Per provare tu stesso questo tutorial dovrai creare alcuni articoli, un menu con voci di menu e tre moduli menu.

Creare gli articoli

Se sei molto efficiente puoi creare un articolo e poi creare una voce di menu dall'articolo. Per questo dovresti prima creare un nuovo menu ed eseguire alcuni passaggi extra durante la creazione dell'articolo. Quindi è meglio mantenere le cose semplici all'inizio e iniziare con i tuoi nuovi articoli:

• Seleziona Contenuti → Articoli → + dal menu Amministratore. Oppure seleziona il pulsante Nuovo dalla lista Articoli.
• Compila il modulo come faresti per qualsiasi articolo.
• Seleziona il pulsante Salva e nuovo invece di Salva e chiudi per passare al prossimo nuovo articolo.

I dati di esempio mostrati sopra richiedono sette articoli.

Creare un nuovo menu

Dal menu Amministratore:

• Seleziona Menu → Gestisci.
• Nella pagina lista Menu seleziona il pulsante Nuovo per creare un nuovo menu.
• Nel modulo Menu: Aggiungi, assegna al menu un titolo: Animali e un nome univoco: animali.
• In alcuni casi potresti aver bisogno di ricordarti a cosa serve questo menu. Quindi compila il campo descrizione.
• Salva o Salva e chiudi.

Creare le voci di menu

Ci sono sette voci di menu da creare.

Voce di menu Animals

Le nuove voci di menu saranno collocate nel menu Animals.

• Seleziona Menu → Animals → + dal menu dell'amministratore.
• Compila il modulo Menu: modifica voce.
  • Titolo: Animals
  • Tipo di voce di menu: Articolo singolo
  • Seleziona articolo: Animals - questo è l'articolo principale usato per introdurre la serie sugli animali
  • Menu: Animals
  • Principale: - Nessun principale - questa è la radice del menu
• Seleziona Salva e nuovo dal menu a tendina Salva e chiudi.

Voce di menu Cats

Questa è praticamente una ripetizione della voce di menu Animals. Tranne che:

• Il titolo dovrebbe essere Cats.
• L'articolo selezionato nel campo Seleziona articolo dovrebbe essere Cats.
• La voce principale dovrebbe essere impostata su Animals.

Voce di menu Burmese

Ripeti ancora. Tranne che:

• Il titolo dovrebbe essere Burmese.
• L'articolo selezionato nel campo Seleziona articolo dovrebbe essere Burmese.
• La voce principale dovrebbe essere impostata su Cats.

Altre voci di menu

Continua finché non avrai sette voci di menu, una per ciascun articolo.

Lista delle voci di menu

Quando hai creato tutte le voci di menu, verifica che abbiano le corrette relazioni principale-derivato e che siano nell'ordine corretto. Puoi ordinare in base alla colonna Ordinamento (la seconda colonna) e usare le maniglie di trascinamento (i puntini verticali) per trascinare le voci nell'ordine corretto. Se una voce ha una voce principale errata, seleziona semplicemente il titolo della voce e cambia la voce principale nel modulo Menu: modifica voce.

Moduli menu

A questo punto hai un menu, ma non ha un modulo da assegnare a una posizione della pagina. Potresti usare l'intero menu come menu standard o a tendina. Tuttavia, lo scopo di questo tutorial è dimostrare come creare dei submenu. Per questo hai bisogno di tre moduli diversi:

• Un modulo Animals per un submenu con voci di menu su Animals, Cats e Dogs.
• Un modulo Cats per un submenu con voci di menu sulle razze di gatti.
• Un modulo Dogs per un submenu con voci di menu sulle razze di cani.

Modulo submenu Animals

Dal menu dell'amministratore:

• Seleziona Contenuti → Moduli sito → + oppure seleziona Nuovo dalla lista dei moduli (sito).
• Seleziona il modulo Menu.
• Nel modulo Moduli: Menu inserisci i seguenti dati:
  • Titolo: Animals
  • Seleziona menu: Animals
  • Voce base: Animals (questa è la voce di menu principale)
  • Livello iniziale: 1
  • Livello finale: 2 (questo limita le voci a quelle su Cats e Dogs)
  • Posizione: sidebar-left (o dove preferisci)

Assegnazione menu Animals

I submenu normalmente vengono mostrati solo nelle pagine in cui sono rilevanti, in questo caso solo in tre pagine. Dalla scheda Assegnazione menu:

• Imposta il campo Assegnazione modulo su Solo nelle pagine selezionate. Questo mostra una lista gerarchica di tutte le voci di tutti i menu.
• Spunta le caselle accanto ad Animals, Cats e Dogs.
• Spunta le caselle accanto alle razze di gatti e cani. Altrimenti il submenu Animals scomparirà nelle pagine sulle razze.
• Assicurati che nessun'altra casella sia selezionata.
• Salva e chiudi

Modulo Submenu Cats

È molto simile:

• Seleziona Contenuti → Moduli sito → + oppure seleziona Nuovo dalla lista dei Moduli (Sito).
• Seleziona il modulo Menu.
• Nel modulo di modifica Moduli: Menu inserisci i seguenti dati:
  • Titolo: Cats
  • Seleziona Menu: Animals
  • Voce base: Cats (questa è la voce di menu principale)
  • Livello iniziale: 3
  • Livello finale: Tutti
  • Posizione: sidebar-left (o dove preferisci)

Assegnazione Menu Cats

Dall'Assegnazione modulo

• Imposta il campo Assegnazione modulo su Solo nelle pagine selezionate. Questo mostra una lista gerarchica di tutte le voci in tutti i menu.
• Seleziona le caselle accanto a Cats, Burmese e Russian Blue. Assicurati che nessun'altra casella sia selezionata.
• Salva e chiudi

Modulo Submenu Dogs

Altro dello stesso tipo ...

Alias voce di menu

Fin qui tutto bene! Ma non c'è alcun link alla pagina Animals dal Menu principale, né da nessun altro menu del sito. Il modo più semplice per risolvere questo problema è con un Alias voce di menu. Per questo esempio, viene creata una voce nel menu in cima alla pagina, intitolato Main Menu Blog. Dal menu dell'Amministratore:

• Seleziona Menu → Main Menu Blog (o il menu del sito che preferisci).
• Seleziona il pulsante Nuovo dalla Barra degli strumenti.
• Compila il modulo Menu: modifica voce
  • Titolo: Animals
  • Alias: creatures - esiste già una voce di menu chiamata Animals quindi devi usare un alias diverso.
  • Tipo voce di menu: Alias voce di menu
  • Voce di menu: Animals - selezionata dalla lista delle voci di menu esistenti.

• Salva
• Ordinamento - dopo il salvataggio l'ordine può essere modificato. In questo esempio viene messo per primo.

Verifica il risultato

Visualizza le pagine del tuo sito. In questo esempio, la maggior parte delle pagine non mostrerà i submenu nella posizione laterale sinistra. Il link Animals nel menu in alto aprirà la pagina animals da cui è possibile navigare verso le pagine Cats o Dogs: