Drupal Nice Menus et Superfish. Description et comparaison des modules de menus déroulants.
Les modules Nice Menus et Superfish permettent de créer des menus déroulants verticaux et horizontaux. Vous devriez choisir l’un des modules et l’utiliser. Les deux modules sont populaires et disposent d’un grand nombre de modules complémentaires.
Les modules Nice Menus et Superfish utilisent la même bibliothèque jQuery Superfish :
https://www.drupal.org/project/nice_menus
https://www.drupal.org/project/superfish
https://github.com/mehrpadin/Superfish-for-Drupal
Commençons par Nice Menus.
Nice Menus
Le menu avec Nice Menus est créé automatiquement après l’activation du module. Activez le module. Aucune action supplémentaire n’est nécessaire, la bibliothèque est déjà incluse dans le module, vraiment, un menu nice :)
Maintenant, allons dans la configuration des blocs, il y aura plusieurs blocs Nice Menus, choisissons le premier :
Ici, nous choisissons quel menu afficher et comment l’afficher. Pour l’instant, je n’ai que le menu Management avec des sous-niveaux, que je peux afficher en menu déroulant.
Notez la configuration Respect "show as expanded" option, elle permet d’ouvrir tous les éléments du menu (par défaut). Cela permet d’afficher toujours les sous-éléments du menu, pas seulement lorsque l’on a déjà sélectionné un élément parent.
Vous pouvez également configurer le menu pour qu’il s’affiche vers le bas, pour cela il faut choisir l’orientation Down :
Et maintenant le menu déroulera vers le bas :
Les réglages de Nice Menus ne sont pas très nombreux :
/admin/config/user-interface/nice_menus
Nous pouvons seulement définir la vitesse d’ouverture et le délai, j’aime que le menu s’ouvre rapidement, donc je règle habituellement ainsi :
Voilà, vous avez un menu déroulant. Nice Menus, c’est rapide et demande un minimum d’efforts.
Drupal Superfish
Le module Superfish nécessite un peu plus de temps pour l’installation, mais cela en vaut la peine, nous aurons plus de possibilités pour configurer l’apparence et le fonctionnement du menu.
Nous aurons besoin de la bibliothèque superfish pour Drupal, précisément la version pour Drupal. Cela est mentionné dans la description du module :
https://github.com/mehrpadin/Superfish-for-Drupal
Si vous n’avez pas installé le module Libraries API, il faut l’installer :
https://www.drupal.org/project/libraries
J’ai téléchargé la version 1.0 pour la version actuelle du module. Copiez la bibliothèque dans le dossier sites/all/libraries/superfish :
Il faut aussi installer le module jQuery Update :
https://www.drupal.org/project/jquery_update
Dans les réglages de jQuery Update, je recommande de configurer la version 1.7 pour le frontend, et 1.5 pour la partie administrative (afin d’éviter des bugs avec Views) :
/admin/config/development/jquery_update
Vous pouvez maintenant activer le module Superfish. Allez dans le rapport d’état et vérifiez que superfish est bien connecté.
/admin/reports/status
Maintenant, allez dans les blocs et activez un des blocs superfish :
/admin/structure/block
Ici, nous avons beaucoup plus de réglages, donc passons-les en revue étape par étape :
Sur cette page, nous pouvons choisir quel menu afficher <Management>, la direction d’ouverture du menu Horizontal (donc vers la gauche ou la droite), le style de notre menu Blue et la vitesse d’ouverture ainsi que le délai (je l’ai mis plus rapide).
Ce sont les réglages standards, la seule chose c’est que jquery.easing n’est pas installé, il peut être ajouté en option, mais je ne le fais pas car superfish fonctionne très bien comme ça.
Choisissez la région et vous pouvez voir à quoi cela ressemble. Nous examinerons les autres réglages plus bas :
Tout fonctionne parfaitement chez moi, si vous avez un problème, écrivez dans les commentaires.
Passons maintenant aux points forts de Superfish, notamment son adaptabilité aux différents appareils. Par exemple, sur les téléphones, notre menu apparaîtra comme un sélecteur classique, ce qui facilite la sélection des options sur mobile.
Et tout cela fonctionne également sur les appareils à écran tactile, aussi bien la version mobile que la version classique du menu. Pour cela, nous avons des réglages dans les plugins additionnels, bien que tout soit configuré par défaut et fonctionne sans modification :
Ainsi, Superfish surpasse clairement Nice Menus en termes de fonctionnalités, mais Nice Menus est plus simple et plus rapide à installer et configurer. Si vous choisissez Nice Menus, des modules supplémentaires peuvent vous aider à configurer l’adaptabilité du menu :
https://www.drupal.org/project/responsive_menus
https://www.drupal.org/project/mobile_navigation