Wer schon einmal mit einem modernen WordPress Block-Theme (Full Site Editing) gearbeitet hat, kennt das Problem: Das Desktop-Menü funktioniert problemlos, aber sobald es um das mobile Overlay-Menü geht, beginnt die Suche.
Genau das ist mir passiert.
Ich wollte lediglich das mobile Menü meiner Website anpassen. Stattdessen habe ich fast eine halbe Stunde sämtliche Header-, Navigations- und Template-Einstellungen durchsucht – ohne Erfolg.
Der Grund? Das mobile Menü ist kein Bestandteil des normalen Headers.
Das Problem
Im Site Editor lässt sich die Navigation zwar problemlos bearbeiten, die mobile Overlay-Ansicht jedoch oft nicht.
Man sucht intuitiv an folgenden Stellen:
- Header bearbeiten
- Navigation bearbeiten
- Menü bearbeiten
- Navigation-Block auswählen
Dort findet man jedoch nicht die Einstellungen für das Overlay.
Die Lösung
Das mobile Menü basiert auf einem eigenen Template-Teil namens Navigations-Overlay.
Ist dieses Template nicht vorhanden oder wird es nicht verwendet, lassen sich viele Anpassungen überhaupt nicht vornehmen.
Die Lösung ist überraschend einfach:
- Design → Editor → Vorlagen
- Vorlage hinzufügen
- Template-Teil hinzufügen
- Navigations-Overlay auswählen
Innerhalb weniger Sekunden steht ein eigener Editor für das mobile Overlay-Menü zur Verfügung.
Warum das so verwirrend ist
Das eigentliche Problem ist nicht die Einrichtung – sie dauert nur wenige Klicks.
Das Problem ist, dass WordPress an keiner Stelle darauf hinweist, dass das mobile Menü ein separates Template verwendet.
Die meisten Nutzer würden vermutlich erwarten, die Einstellungen direkt im Navigation-Block oder im Header zu finden.
Stattdessen ist das Overlay ein eigenständiger Template-Teil, der leicht übersehen wird.
Das Ergebnis
Nachdem ich das Navigations-Overlay erstellt und angepasst hatte, funktionierte das mobile Menü genau wie gewünscht:
- saubere Overlay-Darstellung
- verschachtelte Untermenüs
- responsives Verhalten
- normales Desktop-Menü auf größeren Bildschirmen
- übersichtliche Navigation auf Smartphones
Damit war das Problem letztendlich in wenigen Minuten gelöst – nachdem ich erst deutlich länger nach der richtigen Stelle gesucht hatte.
Mein Fazit
Das Full Site Editing von WordPress bietet viele Möglichkeiten und trennt verschiedene Bereiche sinnvoll voneinander. Gleichzeitig sind manche Funktionen so gut versteckt, dass man sie ohne Zufall kaum entdeckt.
Falls ihr also euer mobiles Menü anpassen möchtet und euch fragt, warum ihr die entsprechenden Einstellungen nicht findet: Schaut euch die Template-Teile an und erstellt gegebenenfalls ein Navigations-Overlay.
Manchmal sind es nicht komplizierte Konfigurationen, sondern einfach gut versteckte Funktionen, die am meisten Zeit kosten.
Hat euch dieser Beitrag geholfen? Schreibt mir gerne eure Erfahrungen mit dem WordPress Site Editor. Mich würde interessieren, über welche versteckten Funktionen ihr schon gestolpert seid.
Schreibe einen Kommentar