Differenze

Queste sono le differenze tra la revisione selezionata e la versione attuale della pagina.

--- liquens:menu [2013/05/22 18:22]
gbonanome creata
+++ liquens:menu [2021/03/08 15:39] (versione attuale)
@@ Linea 1: / Linea 1: @@
 ====== Creare e pubblicare menu di navigazione ======
-Il tema predefinito di DiscoveryNG utilizza un menu di navigazione orizzontale sotto al box di ricerca. Per la gestione del menu di navigazione è necessario utilizzare l'area Menu del CMS, da cui è possibile modificare i menu esistenti o crearne di nuovi.
+Un **menu di navigazione** rappresenta un elenco di link pensato per permettere l'accesso a una serie di pagine web. Dovrebbe essere strutturato per orientare e facilitare l'utente alla navigazione del sito.
-===== Creare un menu =====
+Il tema predefinito di DiscoveryNG utilizza un [[#Menu predefiniti|menu di navigazione orizzontale]] sotto al box di ricerca e un altro menu di navigazione verticale (costituito da 3 voci), accanto allo stesso box. È inoltre possibile costruire altri menu di navigazione, pubblicabili poi tramite un apposito widget all'interno delle pagine del sito (o nel footer).
+Per la gestione e creazione di menu di navigazione si utilizza l'area Menu del CMS.
-===== Menu speciali =====
+{{:liquens:menu:menu_area.png?600|}}
+<WRAP important round>
+== Menu principale ==
+Il menu di navigazione principale non mostra //automaticamente// le pagine di primo livello pubblicate nel sito. Ogni volta che si vuole aggiungere una voce al menu è necessario inserirla in maniera esplicita dall'area Menu del CMS.
+</WRAP>
+===== Creare un nuovo menu =====
+Per creare un nuovo Menu è necessario cliccare il pulsante **Crea 'Menu Item'** nella parte sinistra dell'area Menu. Verrà aperta nella parte destra l'area di inserimento delle voci di menu, da cui è possibile assegnare un nome al menu e una lingua.
+{{:liquens:menu:crea_menu_item.png?200|}}
+<WRAP tip round>
+== Traduzione del menu ==
+I menu di navigazione non vengono creati automaticamente per diverse lingue, ma è necessario creare un menu di navigazione per ogni lingua utilizzata sul sito (nel caso di **siti multilingue**).
+</WRAP>
+{{:liquens:menu:nuovo_menu.png?500|}}
+Una volta creato il menu è possibile cliccare il pulsante Aggiungi in basso a destra.
+==== Aggiungere voci al menu ====
+Per aggiungere una nuova voce al menu è sufficiente cliccare il pulsante **Aggiungi voce**.
+Per una nuova voce è possibile indicare il testo del collegamento (ovvero il testo della voce del menu) e il tipo di link. Questo può essere sostanzialmente di 2 tipi: **interno**, ovvero puntare ad una pagina del sito, **esterno**, ovvero puntare ad una risorsa esterna al sito.
+{{:liquens:menu:aggiunta_voce.png?500|}}
+Nel caso venga selezionato come tipo di link **interno**, il box **Collegamento**, dove è possibile inserire il vero e proprio link, farà uso dell'**autocompletamento tra le pagine Pubblicate** del sito. È sufficiente iniziare a digitare il nome della pagina per farla comparire nella tendina, quindi selezionarla.
+Nel caso venga selezionato come tipo di link **esterno**, sarà sufficiente inserire nel box **Collegamento** l'URL completo della risorsa a cui puntare.
+Esistono altre 3 tipologie di collegamento, molto utili nel caso di **menu verticali o gerarchici**:
+  * **Nessuno**, disattiva il box **Collegamento** e mostra solamente la voce del menu senza possibilità di cliccarla
+  * **Divisore**, nel caso di menu verticali mostra una linea orizzontale (non serve scrivere il testo del link)
+  * **Intestazione**, nel caso di menu verticali mostra una intestazione non cliccabile. È utile nel caso si vogliano fare dei raggruppamenti di voci.
+È possibile **spostare** le voci nel menu utilizzando le //frecce azzurre// accanto al box Collegamento oppure **rimuoverle** cliccando il link //Rimuovi//.
+Una volta costruito il menu è possibile cliccare il pulsante **Salva** per salvare le modifiche (oppure **Indietro** per annullarle)
+==== Menu gerarchici ====
+Accanto ad ogni voce del menu è presente la checkbox **Sottomenu**. Selezionandola è possibile costruire un nuovo livello di navigazione, sotto alla voce per cui è stato cliccato.
+{{:liquens:menu:sottomenu.png?500|}}
+Questo permette di costruire menu di navigazione gerarchici. Nel caso del menu di navigazione orizzontale **Main**, questi saranno mostrati sottoforma di **tendina a scomparsa (dropdown)**, mostrata al clic della voce //madre//.
+<WRAP tip round>
+== Tendine a scomparsa (dropdown) ==
+Nel caso del menu orizzontale **Main**, cliccando la voce //madre// verrà aperta la tendina. In questo senso suggeriamo di **non usare link** per la voce che contiene il sottomenu (ovvero usare il tipo link //Nessuno//)
+</WRAP>
+===== Menu predefiniti =====
+Il tema predefinito di DiscoveryNG offre 2 menu di navigazione **speciali**, ovvero non cancellabili perchè necessari al funzionamento del tema stesso.
+{{:liquens:menu:menu_pubblicato.png?600|}}
+==== Main ====
+Il menu principale del sito, si trova nell'intestazione del sito e permette la navigazione globale. In questo menu orizzontale, i sottomenu sono mostrati come tendine a scomparsa (dropdown).
+Questo menu non può superare lo spazio a sua disposizione (una riga di altezza), ovvero inserendo più voci di quelle visualizzabili in quello spazio, queste verranno automaticamente nascoste dal tema.
+==== TopRight ====
+Questo menu verticale permette di inserire fino a 3 voci nella parte in alto a destra dell'intestazione. È stato pensato come spazio di accesso rapido ad alcune aree di DiscoveryNG, quindi in maniera predefinita mostra link alle pagine: Biblioteche, Eventi, Community.
+<WRAP info round>
+== Icone delle pagine ==
+Per le 3 pagine predefinite sono mostrate delle icone speciali accanto al testo del link. Nel caso di pagine normali verrà mostrata una icona predefinita. Poichè per le icone viene usato [[http://fortawesome.github.io/Font-Awesome/|Font Awesome]], è possibile modificarle o aggiungerne tramite CSS.
+</WRAP>
 ===== Pubblicare un menu tramite widget =====
+Grazie al **widget Menu** è possibile pubblicare un menu all'intero di una qualsiasi [[liquens:widgets#inserimento_di_un_widget|area widget]].
+{{:liquens:menu:menu_widget.png?600|}}
+Le opzioni disponibili permettono di indicare:
+  * **titolo** del widget
+  * un **limite** al numero di voci da mostrare. In maniera predefinita vengono mostrate tutte
+  * il **menu** da mostrare, che deve essere stato precedentemente creato dall'area Menu.

Manuale utente di DiscoveryNG

Strumenti Utente

Strumenti Sito

Differenze

Strumenti Pagina