Inhaltsverzeichnis
Max Mega Menu
Max Mega Menu ist ein Drittanbieter-Plugin zur erweiterten Verwaltung und Gestaltung der Navigation von TheCruiserBlog.
Das Plugin ergänzt die WordPress-Menüverwaltung um zusätzliche Funktionen für Menüpositionen, Menü-Themes, responsive Navigation und individuelle Gestaltung.
Aktueller Stand
| Komponente | Version | Status |
|---|---|---|
| Max Mega Menu | 3.10.8 | aktiv |
| Max Mega Menu Pro | 2.5 | aktiv |
Max Mega Menu wird auf TheCruiserBlog produktiv für die Navigation eingesetzt.
Einsatz auf TheCruiserBlog
Max Mega Menu ist aktuell für drei Menüpositionen aktiviert:
| Menüposition | Zugeordnetes WordPress-Menü |
|---|---|
| Benutzerdefiniertes Menü | menue_home_top |
| Footer | TCB Footermenü |
| Main Menu Top | TCB Hauptmenü |
Damit übernimmt Max Mega Menu Funktionen für die Hauptnavigation sowie weitere Navigationsbereiche von TheCruiserBlog.
Menü-Themes
Die Darstellung der Menüs wird über die Theme-Funktionen von Max Mega Menu konfiguriert.
Der Theme-Editor stellt unter anderem Einstellungen für folgende Bereiche bereit:
- Allgemeine Einstellungen
- Menüleiste
- Mega-Menüs
- Flyout-Menüs
- Badges
- Mobilmenü
- individuelles Styling
Die Konfiguration erfolgt direkt im WordPress-Backend über die Benutzeroberfläche von Max Mega Menu.
Allgemeine Theme-Einstellungen
Für das verwendete Menü-Theme sind unter anderem folgende grundlegende Einstellungen sichtbar:
- Schriftfamilie: Theme-Standard
- Zeilenhöhe:
1.7 - z-index:
999
Weitere Eigenschaften der Navigation werden über die einzelnen Bereiche des Theme-Editors gesteuert.
Menüleiste
Für die Menüleiste ist eine Höhe von
40px
konfiguriert.
Als Hintergrund wird ein dunkler Farbwert verwendet:
rgb(34,34,34)
Die Sticky-Menüfunktion ist in der dokumentierten Konfiguration nicht aktiviert.
Mega-Menüs
Für Mega-Menüs sind folgende grundlegende Werte eingestellt:
| Einstellung | Wert |
|---|---|
| Äußere Breite | 100 % |
| Innere Breite | 100 % |
| Hintergrund | rgb(241,241,241) |
| Innenabstand oben | 0 px |
| Innenabstand rechts | 0 px |
| Innenabstand unten | 0 px |
| Innenabstand links | 0 px |
Flyout-Menüs
Für Flyout-Menüs sind folgende Werte sichtbar:
| Einstellung | Wert |
|---|---|
| Hintergrund | rgb(241,241,241) |
| Breite | 250 px |
| Innenabstand oben | 0 px |
| Innenabstand rechts | 0 px |
| Innenabstand unten | 0 px |
| Innenabstand links | 0 px |
Badges
Max Mega Menu stellt eine eigene Badge-Funktion für Menüeinträge zur Verfügung.
Für die allgemeine Badge-Darstellung sind aktuell unter anderem folgende Werte konfiguriert:
| Einstellung | Wert |
|---|---|
| Eckenradius | 2 px |
| Innenabstand oben/unten | 1 px |
| Innenabstand rechts/links | 4 px |
| vertikaler Versatz | -7 px |
| Hintergrund Badge Style One | rgb(211,47,47) |
Responsive Navigation
Der Responsive Breakpoint von Max Mega Menu ist auf
768px
eingestellt.
Unterhalb dieses Wertes kann Max Mega Menu die Navigation in seine mobile Darstellung umwandeln.
Für die mobile Umschaltleiste ist ein dunkler Hintergrund eingestellt:
rgb(34,34,34)
Die sichtbare Höhe der Umschaltleiste beträgt:
40px
Individuelles Styling
Im Theme-Editor von Max Mega Menu ist individuelles CSS hinterlegt.
Aktuell ist folgende Regel vorhanden:
/** Push menu onto new line **/ #{$wrap} { clear: both; }
Max Mega Menu ersetzt die Variable #{$wrap} bei der CSS-Erzeugung durch den jeweiligen Selektor des Menü-Wrappers.
CSS-Ausgabe
Die von Max Mega Menu erzeugten CSS-Regeln werden im Dateisystem gespeichert.
Die entsprechende Einstellung lautet:
CSS Ausgabe → Im Dateisystem speichern
Max Mega Menu speichert die erzeugte CSS-Datei innerhalb des WordPress-Upload-Verzeichnisses unter:
wp-content/uploads/maxmegamenu/style.css
Icons
Für die Icon-Unterstützung sind folgende Icon-Sets aktiviert:
- Font Awesome 6
- Genericons
Eigene zusätzliche Schriftarten sind derzeit nicht hinterlegt.
Werkzeuge
Max Mega Menu stellt eigene Wartungswerkzeuge zur Verfügung.
Dazu gehören:
- CSS-Cache löschen – erzwingt die Neuerstellung des Menü-CSS
- Daten löschen – entfernt die von Max Mega Menu gespeicherten Plugin-Daten aus der Datenbank
Die Funktion Daten löschen ist mit besonderer Vorsicht zu verwenden, da damit die gespeicherte Plugin-Konfiguration entfernt wird.
Lizenz
Für Max Mega Menu Pro ist auf TheCruiserBlog eine aktive Lizenz hinterlegt.
Der eigentliche Lizenzschlüssel wird aus Sicherheitsgründen nicht im TheCruiserWiki dokumentiert.
Die Pro-Erweiterung wird separat unter Max Mega Menu Pro dokumentiert.
Administration
Die zentralen Verwaltungsbereiche von Max Mega Menu befinden sich im WordPress-Backend unter Mega Menü.
Zur Verfügung stehen unter anderem:
- Menüpositionen
- Menü-Themes
- Allgemeine Einstellungen
- Werkzeuge
- Lizenz
Änderungen an der Navigation sollten kontrolliert durchgeführt und anschließend im Frontend überprüft werden.
Abhängigkeiten
Max Mega Menu arbeitet mit den von WordPress und dem eingesetzten Theme bereitgestellten Menüpositionen und WordPress-Menüs.
Auf TheCruiserBlog wird zusätzlich Max Mega Menu Pro eingesetzt.
Die Pro-Erweiterung ergänzt die Funktionen der kostenlosen Core-Version und setzt diese voraus.
Hinweise
Die Navigation gehört zu den zentralen Strukturen von TheCruiserBlog.
Änderungen an Menüpositionen, Menü-Themes, Breakpoints oder individuellem CSS können sich unmittelbar auf die Darstellung und Bedienbarkeit der Website auswirken.
Vor größeren Änderungen sollte daher ein aktuelles Backup vorhanden sein.
