Bereits bei meinen ersten Versuchen mit Blockthemes störte mich eine Sache besonders. Menüs sind meistens zu breit, und sollen daher nicht erst bei 600px in die mobile-Navigationsansicht wechseln. Ursprünglich gefixed hatte ich das dann mit CSS – Block-CSS überschreiben, und eigenes hinzufügen. Doch das ist mühsam, zumal sich die Breite eines Menüs ja jeder Zeit ändern kann. Eine Korrektur direkt in den Einstellungen wäre also hilfreicher.
WordPress hat ja für (fast) alles Filter und Hooks, das gilt auch für Blöcke. Man kann also über entsprechende Funktionen eigene Einstellungen in Core-Blöcke einbringen. Hinzu kommt mit WordPress 7, dass man für das Menü-Overlay nun einen eigenen Template-Part anlegen kann. Zusammen mit einem individuellen Breakpoint ist das doch die perfekte Kombination.
Eine weitere Einstellung lässt einen auch wählen, wo das mobile Icon der Navigation angezeigt wird. Ich wollte die Ausrichtung des Icons unabhängig von der allgemeinen Positionierung des Menüs festlegen können. Allerdings funktioniert die Einstellung nur bei geeigneter Positionierung der Navigation im Template.
Die erforderlichen Skripte sind in einem Gist auf Github.
Schreibe einen Kommentar