Joomla! - Creazione di un Menu

google-plus . Postato in Joomla!

L'articolo che state leggendo, è stato inizialmente scritto sulla base della versione Joomla 2.5.x oramai obsoleta. E' stato poi adattato per compatibilità alla versione attualmente in uso la 3.x

La creazione di un menu è una delle cose fondamentali da fare in un sito web: ne definisce la struttura e la modalità di navigazione che guiderà l'utente alle risorse che il website mette a sua disposizione.
In Joomla! la creazione di un menu e la sua contestuale visualizzazione nel frontend (lato utente) è un po' macchinosa, ma una volta imparato e preso dimestichezza è di facile utilizzo. Vediamo come muovere i primi passi nella creazione di un primo menu e delle sue realtive voci o link:

Creare un menu

gestione menu

Nel back end, selezionare Menu > Gestione (menu). Qui ci viene mostrata una pagina contenente tutti i menu esistenti.

Se non sono stati installati i dati di esempio o non vi sono state ulteriori modifiche all'installazione di Joomla!, si presenterà un unico menu: Menu Principale.

Per creare un nuovo menu clicca sul pulsante Nuovo

  1. Tipo menu. Qui va inserito un nome che deve essere unico per ogni menu, cioè il suo identificativo. Non può contenere spazi.
  2. Titolo, il nome del menu che potrà essere pubblicato nella pagina.
  3. Descrizione. Non obbligatorio.
  4. Cliccare su Salva e Chiudi per terminare la creazione.

Creare le voci di menu

Sotto Menu > Gestione, nella colonna Titolo, selezionare il menu nel quale si desidera inserire una nuova voce.

La pagina che viene ora mostrata contiene un elenco delle voci di menu associate al menu selezionato.

Clicca sul pulzante Nuovo

  1. Tipo di voce di menu: cliccando su selezione si potrà scegliere tra uno di quelli proposti (“Link Interno”, “Articoli”, “Categoria”, “Aspetto categoria”).
  2. Voce di menu. Importante, questo, sarà il nome che sarà pubblicato nel sito. 
  3. Nella parte sinistra, nelle Opzioni, sarà richiesto l'articolo o la categoria da visualizzare. Anche questo passaggio è fondamentale.
  4. Fare click sul pulsante Salva e Chiudi per terminare la creazione della voce di menu
  5. Salva e Nuovo se vogliamo creare subito un'altra voce di menu.

Una volta usciti, viene mostrata la pagina con la lista delle voci di menu.

Rendere visibile il menu nel front end (creazione del Modulo)

Appena creato, il menu non è pubblicato e dunque non sarà visibile dall'esterno!

moduli collegatiTornando alla Gestione menu, a destra del nuovo menu, nella colonna Moduli collegati al menu cliccare su Aggiungi nuovo modulo al menu.

Si apre una pagina con già impostato il Tipo di modulo che si creerà e il menu a cui esso è associato.

  1. Assegnare un Titolo e una posizione nel template al nuovo modulo
  2. Nella parte inferiore della pagina, selezionare le pagine nelle quali dovrà essere visualizzato.
  3. Click su Salva e Chiudi.  

In alternativa, è possibile creare il nuovo modulo manualmente.
In alto, cliccare su Estensioni > Moduli. Nella parte alta della pagina, a destra, cliccare Nuovo 

  1. Dalla finestra aperta, selezionare la voce Menu
  2. Titolo immettere il nome che si desidera visualizzare accanto al menu nel front end.
  3. Per impostare la posizione in cui il menu - modulo verrà visualizzato cliccare su Seleziona Posizione.
    (In genere le posizioni per le parti laterali di un template hanno nomi simili a “left” / "right" / "sidebar")
  4. Nella parte destra, nelle Opzioni di Base sceglere il menu che si desidera collegare al modulo(Seleziona menu).
  5. Nella parte inferiore della pagina, selezionare le pagine nelle quali dovrà essere visualizzato.
  6. Per terminare, cliccare su Salva e Chiudi.

Per vedere il risultato clicca sul pulsante "Anteprima" nella parte superiore destra della pagina.

Se hai gradito l'articolo, condividilo, basta un click:

Aggiungi commento

I commenti lasciati dagli utenti del blog sono sempre soggetti a controllo prima di eventuale pubblicazione. I commenti non considerati adatti per contenuti, spam o forma saranno eliminati e non pubblicati. Leggi i Termini e Condizioni di utilizzo per maggiori informazioni.


Codice di sicurezza
Aggiorna

  • logo teoca
  • materexcel collabora
  • logo flash pulizie
  • revolution srl
  • logo arcotraslochi
  • montaggio mobili trento
  • logo elevatori sito
  • logo prontopro

Prima di andartene...

Perché non rimanere in contatto?

Clicca sul pulsante "Mi piace" qui sotto per rimanere aggiornato su tutti i nuovi contenuti e ricevere notifica degli articoli interessanti che condivido giornalmente sulla Pagina Facebook dedicata al blog.

Puoi anche iscriverti alla newsletter e al nuovo canale YouTube di blog.dangerx82 così da rimanere sempre aggiornato sui nuovi contenuti...

x

Per essere più facile ed intuitivo, il blog fa uso dei cookie, piccole porzioni di dati che consentono di capire come gli utenti navighino e ne visualizzino le pagine. I cookie non registrano alcuna informazione personale sull'utente ed eventuali dati identificabili non verranno memorizzati. Ti invitiamo a prendere visione della nostra Informativa sulla Privacy (aggiornata il 25/05/2020). Oppure visiona la nostra Cookie Policy (aggiornata il 17/10/2019):