Drupal Nice Menus e Superfish. Descrizione e confronto dei moduli per menu a discesa (dropdown).
I moduli Nice Menus e Superfish consentono di creare menu a discesa sia verticali che orizzontali. È consigliabile scegliere uno dei due moduli e utilizzarlo. Entrambi sono molto popolari e dispongono di numerosi moduli aggiuntivi.
Sia Nice Menus che Superfish utilizzano la stessa libreria jQuery Superfish:
https://www.drupal.org/project/nice_menus
https://www.drupal.org/project/superfish
https://github.com/mehrpadin/Superfish-for-Drupal
Iniziamo con Nice Menus.
Nice Menus
Il menu con Nice Menus viene creato automaticamente dopo l’attivazione del modulo. Attiva il modulo: non sono necessarie ulteriori azioni, la libreria è già inclusa — davvero “nice”!
Ora accedi alla configurazione dei blocchi: troverai diversi blocchi Nice Menu, scegli il primo:
Qui puoi scegliere quale menu visualizzare e in che modo mostrarlo. In questo esempio ho solo il menu “Management” con elementi annidati, che posso visualizzare come menu a discesa.
Fai attenzione all’opzione Respect "show as expanded": consente di espandere tutti gli elementi del menu per impostazione predefinita. Questo è utile per mostrare sempre i sottomenu, non solo dopo aver cliccato sulla voce principale.
Puoi anche impostare il menu in modo che si apra verso il basso, selezionando l’orientamento Down:
Il risultato sarà un menu a discesa verticale:
Le impostazioni di Nice Menus non sono molte: /admin/config/user-interface/nice_menus
Puoi regolare solo la velocità di apertura e il ritardo. Personalmente preferisco un’apertura rapida, quindi imposto valori più bassi:
Ecco fatto! Hai un menu a discesa funzionante. Nice Menus è semplice, veloce e immediato.
Drupal Superfish
Il modulo Superfish richiede un po’ più di tempo per l’installazione, ma ne vale la pena: offre molte più opzioni per personalizzare l’aspetto e il comportamento del menu.
Per prima cosa, serve la libreria Superfish per Drupal (specifica per Drupal): https://github.com/mehrpadin/Superfish-for-Drupal
Se non hai ancora installato il modulo Libraries API, fallo ora:
https://www.drupal.org/project/libraries
Scarica la versione 1.0 e copia la libreria nella cartella sites/all/libraries/superfish:
Installa anche il modulo jQuery Update:
https://www.drupal.org/project/jquery_update
Nelle impostazioni di jQuery Update, imposta la versione 1.7 per il frontend e 1.5 per l’amministrazione (per evitare conflitti con Views): /admin/config/development/jquery_update
Ora puoi attivare il modulo Superfish. Vai nel report di stato per verificare che la libreria sia riconosciuta:
/admin/reports/status
Poi vai nella gestione dei blocchi e attiva uno dei blocchi Superfish: /admin/structure/block
Qui troverai molte più impostazioni rispetto a Nice Menus, quindi analizziamole passo dopo passo:
In questa pagina puoi scegliere quale menu visualizzare (<Management>), la direzione del dropdown (orizzontale, sinistra/destra), lo stile grafico (es. Blue) e la velocità di apertura/chiusura del menu (io preferisco valori rapidi).
Le impostazioni standard funzionano bene. Il modulo segnala che manca jquery.easing, ma non è necessario installarlo — Superfish funziona perfettamente anche senza.
Scegli la regione del tema in cui visualizzare il menu e controlla il risultato. Altre impostazioni avanzate sono descritte di seguito:
Nel mio caso tutto funziona correttamente; se riscontri problemi, puoi lasciare un commento.
Ora veniamo al punto forte di Superfish: la sua capacità di adattarsi ai diversi dispositivi. Ad esempio, sugli smartphone il menu si trasforma in un menu a selezione (select), perfetto per la navigazione mobile.
Inoltre, tutto funziona anche sui dispositivi touchscreen, sia nella versione mobile che in quella desktop. Le impostazioni per questi comportamenti si trovano nella sezione dei plugin aggiuntivi; in genere sono già configurate correttamente e non è necessario modificarle:
In conclusione, Superfish supera nettamente Nice Menus in termini di funzionalità e flessibilità, mentre Nice Menus rimane più rapido e semplice da installare e configurare. Se preferisci la leggerezza di Nice Menus, puoi migliorarlo per i dispositivi mobili con questi moduli aggiuntivi:
https://www.drupal.org/project/responsive_menus
https://www.drupal.org/project/mobile_navigation