Come creare un menu verticale attraverso un modulo in Joomla

In questo articolo vedremo come creare un menu verticale in Joomla 3. Naturalmente il tema non è nuovo ed è già stato affrontato più volte ma è sempre un problema per quelli che stanno creando il suo primo sito Joomla. Oggi vedremo come creare un menu verticale atraverso moduli. Per puoi piazzarli dove vuoi.

Primo modulo per  creare menu verticale in Joomla

Quindi, come accennato in precedenza in questo articolo, vediamo due moduli molto interessanti, che ci aiuterano nella creazione del menu verticali nel CMS Joomla.  Il primo modulo che vediamo si chiama  Simple Responsive Menu.

1

Cliccare sul pulsante "Download" per scaricare il fail di installazione .

2

Al momento della scritura del articolo, l'ultima versione attuale era 1.10,  scaricala  cliccando il pulsante "Download Now". Dopo il download, procedere col installare modulo. Usando Estensioni: Installa

Creare menu verticale joomla
Vorrei far notare che il modulo visualizza un menu gia esistente creato in precedenza  il che significa che è necessario prima creare un menu con delle voci  prima di usare il  modulo. Poi andiamo alla scheda della gestione moduli

Modulo menu verticale joomla
E dopo averlo abilitato passiamo alla scheda di impostazioni del modulo
Pubblicazione module menu joomla
Nella opzione "Selezionare il menu" scegliere il menu che volete visualizzare in questo modulo e renderlo verticale. Se il menu ha tanti livelli nel parametro "Visualizza voci di sotto menu ", potete specificare la modalità di visualizzazione o visualizzare solo le voci principali del menu o visualizzare anche voci figli. Scegliere una posizione per visualizzazione del modulo in sito e  specificare le pagine dove sarà visualizzato il modulo e dopo di che pubblicare il modulo. E non dimenticare di salvare le impostazioni fatte

Dopo aver completato le impostazioni pasiamo al front end del sito per vedere come apparirà il nostro modulo con menu verticale a tendina

menu a tendina joomla

menu a tendina responsivo

 

Come si può vedere, l'estensione funziona perfettamente. Questo modulo è responsivo, è con abbasamento delle larghezza del browser  il nostro menu  verticale viene minimizzato, in tal modo risparmiando lo spazio sullo schermo del dispositivo del utente.

I parametri che corispondono  per la  capacità di adattamento allo scermo piccolo si trovano nella scheda "Opzioni Responsive", nel menu del modulo stesso.

Vorrei anche sottolineare che un menu in HTML non è altro che una lista e quindi nel mio caso l'avevo decorata in modo come lo vedi. Guarda esempi di come puoi tu decorare il tuo menu qui

Seconda soluzione del menu verticale a tendina in Joomla

Passiamo ora al modulo successivo, che si chiama Joombig Menu Tree.

8

 

Questo modulo visualizza un menu verticale di un sito joomla, la cui forma è molto simile alla struttura delle cartele del  sistema operativo Windows. Come al solito, fare clic sul pulsante "Download"   e scaricare il fail di installazione

9

Utilizzanre il pulsante "Download gratuito" per scaricare la versione gratuita del modulo, e installare il modulo attraverso  gestore di estensioni.
Semplice menu verticale joomla

Ora passiamo alla pagina delle impostazioni del modulo appena installato.

11

Impostazioni del modulo "menu verticale semplice"

  1. Enable/Disable jQuery – collegare o meno la libreria  jQuery;
  2. Width of module(%) – largezza del modulo in %;
  3. Margin – spazii estreni ;
  4. Show Sub-menu Items – Mostrare voci menu o no .

Dopo aver pubblicato il  modulo, andare al frontend del sito  per vedere il risultato.

Menu verticale joomla

Dopo di che possiamo anche  decorarele le nostre voci del menu come per esempio descritto qui

Letto 1299 volte