Drupal Nice Menus und Superfish. Beschreibung und Vergleich der Dropdown-Menü-Module.
Die Module Nice Menus und Superfish ermöglichen die Erstellung von vertikalen und horizontalen Dropdown-Menüs. Sie sollten eines der Module auswählen und verwenden. Beide Module sind beliebt und verfügen über viele Zusatzmodule.
Die Module Nice Menus und Superfish verwenden dieselbe jQuery Superfish-Bibliothek:
https://www.drupal.org/project/nice_menus
https://www.drupal.org/project/superfish
https://github.com/mehrpadin/Superfish-for-Drupal
Beginnen wir mit Nice Menus.
Nice Menus
Das Menü mit Nice Menus wird automatisch nach der Modulaktivierung erstellt. Aktivieren Sie das Modul. Es sind keine weiteren Schritte nötig, die Bibliothek ist bereits im Modul enthalten – tatsächlich ein schönes Menü.
Gehen wir nun zur Block-Konfiguration, dort gibt es mehrere Nice Menus-Blöcke, wir wählen den ersten aus:
Hier wählen wir aus, welches Menü angezeigt werden soll und wie es dargestellt wird. Ich habe momentan nur das Menü „Management“ mit Verschachtelung, das ich als Dropdown-Menü anzeigen kann.
Achten Sie auf die Einstellung „Respect 'show as expanded' option“, die ermöglicht, dass alle Menüpunkte immer aufgeklappt sind (Standard). Dies ist notwendig, damit verschachtelte Menüpunkte immer sichtbar sind und nicht nur, wenn der übergeordnete Menüpunkt ausgewählt wurde.
Man kann auch einstellen, dass das Menü nach unten aufklappt, dazu wählt man die Orientierung „Down“:
Und nun klappt das Menü nach unten aus:
Die Einstellungen von Nice Menus sind nicht sehr umfangreich:
/admin/config/user-interface/nice_menus
Hier kann man nur die Geschwindigkeit des Ausklappens und die Verzögerung einstellen. Ich mag es, wenn das Menü schnell öffnet, deshalb stelle ich es normalerweise so ein:
Das war's, Sie haben jetzt ein Dropdown-Menü. Nice Menus ist schnell und benötigt minimale Anstrengungen.
Drupal Superfish
Das Superfish-Modul benötigt etwas mehr Zeit bei der Installation, aber es lohnt sich, denn man kann das Aussehen und die Funktionalität des Menüs flexibler anpassen.
Wir benötigen die Superfish-Bibliothek für Drupal, genau die Drupal-Version. Das steht in der Modulbeschreibung:
https://github.com/mehrpadin/Superfish-for-Drupal
Falls Sie das Modul Libraries API nicht installiert haben, sollten Sie es installieren:
https://www.drupal.org/project/libraries
Ich habe Version 1.0 für die aktuelle Modulversion heruntergeladen. Die Bibliothek wird in den Ordner sites/all/libraries/superfish kopiert:
Außerdem muss das Modul jQuery Update installiert werden:
https://www.drupal.org/project/jquery_update
Ich empfehle, in den Einstellungen von jQuery Update die Frontend-Version auf 1.7 und die Admin-Version auf 1.5 zu setzen (damit Views stabil läuft):
/admin/config/development/jquery_update
Jetzt kann das Superfish-Modul aktiviert werden. Gehen Sie zum Statusbericht und prüfen Sie, ob Superfish eingebunden ist.
/admin/reports/status
Nun gehen Sie zu den Blöcken und aktivieren einen der Superfish-Blöcke:
/admin/structure/block
Hier gibt es schon deutlich mehr Einstellungen, daher betrachten wir sie Schritt für Schritt:
Auf dieser Seite können Sie auswählen, welches Menü angezeigt wird (z.B. <Management>), wohin das Menü ausgeklappt wird (Horizontal, also nach links oder rechts), das Design des Menüs (z.B. Blue) sowie die Ausklappgeschwindigkeit und Verzögerung (ich habe es etwas schneller eingestellt).
Hier gibt es Standard-Einstellungen. Einziger Punkt ist, dass jquery.easing nicht installiert ist; das kann optional hinzugefügt werden, ich verzichte darauf, da Superfish auch ohne gut funktioniert.
Wählen Sie die Region aus und sehen Sie, wie das Menü aussieht. Weitere Einstellungen erläutern wir später:
Bei mir funktioniert alles hervorragend. Wenn bei Ihnen etwas nicht klappt, schreiben Sie gern einen Kommentar.
Nun zu den besonderen Funktionen von Superfish, nämlich seiner Anpassungsfähigkeit an verschiedene Geräte. Zum Beispiel erscheint auf Mobiltelefonen das Menü als normales Select-Element, was die Auswahl erleichtert.
Außerdem funktioniert alles auch auf Touchscreen-Geräten, sowohl die mobile Version als auch die Standardversion. Dafür gibt es Einstellungen in den zusätzlichen Plugins, die aber standardmäßig vorkonfiguriert sind und meist nicht verändert werden müssen:
Damit übertrifft Superfish Nice Menus deutlich in der Funktionalität, aber Nice Menus ist einfacher und schneller zu installieren und einzurichten. Wenn Sie sich für Nice Menus entscheiden, helfen zusätzliche Module bei der Anpassung der Menüresponsivität:
https://www.drupal.org/project/responsive_menus
https://www.drupal.org/project/mobile_navigation