====== Max Mega Menu ====== [[plugins:start|← Plugins]] **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 [[plugins:max-mega-menu-pro:start|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. [[#max_mega_menu|↑]]