WP Manifestindependent plugin directory
manifest / editor / exzenterberg-menu

Flavor Slide Menu

improves the native gutenberg menu

by Flavor · github.com/exzenter/exzenterberg-menu

★ 1stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/exzenter/exzenterberg-menu/archive/refs/heads/master.zip
No built-in updater. New versions won't appear under Dashboard → Updates. Install new releases yourself, or let Git Updater track the repository.
Readme github.com/exzenter/exzenterberg-menu ↗

WordPress-Plugin das den mobilen Vollbild-Overlay des Twenty Twenty-Five Themes durch ein schlankes Slide-Down-Panel ersetzt. Die Einstellungen sitzen direkt in der Navigation-Block-Sidebar im Gutenberg-Editor.

Features

  • Slide-Down-Panel statt Vollbild-Overlay
  • Einstellbar pro Navigation-Block (kein globales Settings-Menü)
  • Overlay mit konfigurierbarer Deckkraft
  • Konfigurierbarer Breakpoint (unter welcher Viewport-Breite das Mobile-Menu aktiv ist)
  • Option: Burger-Button immer anzeigen (auch auf Desktop)
  • Top-Offset einstellbar (z.B. bei Sticky Header)
  • Hintergrund- und Textfarbe wählbar (aus Theme-Palette)
  • Custom Slide-Content via Block-Anker (beliebige Gutenberg-Blocks im Panel)
  • Schliesst bei Link-Klick, Overlay-Klick, Escape-Taste und Scroll (>50px)

Installation

  1. Plugin-Ordner in /wp-content/plugins/ ablegen
  2. Plugin in WordPress aktivieren

Einstellungen

Den Navigation-Block im Editor auswählen — in der rechten Sidebar erscheint das Panel Slide Menu mit folgenden Optionen:

Einstellung Beschreibung
Enable Slide Menu Plugin aktivieren/deaktivieren pro Navigation-Block
Open Duration Animationsdauer beim Oeffnen (ms)
Close Duration Animationsdauer beim Schliessen (ms)
Overlay Opacity Deckkraft des dunklen Hintergrunds (%)
Mobile Breakpoint Unter dieser Breite (px) ist das Mobile-Menu aktiv
Top Offset Zusaetzlicher Versatz unter dem Header (px)
Always Show Burger Burger-Icon auch auf Desktop sichtbar
Menu Source Klassisches WordPress-Menu auswaehlen (optional)
Background Color Hintergrundfarbe des Panels
Text Color Textfarbe des Panels

Custom Slide-Content (Workaround fuer beliebige Blocks)

Der Navigation-Block erlaubt von Haus aus nur spezielle Menu-Elemente (Links, Submenus etc.). Um beliebige Gutenberg-Blocks im Slide-Panel anzuzeigen:

  1. Im Header-Template-Part unterhalb des Navigation-Blocks einen Group-Block einfuegen
  2. Im Group-Block unter Erweitert → HTML-Anker den Wert fsm-slide-content eintragen
  3. Beliebige Blocks in den Group-Block packen (Paragraphen, Bilder, eigene Navigation, Custom Patterns etc.)

Das Plugin erkennt diesen Block automatisch, kopiert seinen Inhalt ins Slide-Panel und versteckt den Original-Block auf der Seite. Die "Menu Source"-Einstellung wird in diesem Fall ignoriert.

Dateistruktur

wordpressmenu/
├── flavor-slide-menu.php     # Plugin-Hauptdatei, Block-Attribute, PHP-Rendering
├── assets/
│   ├── css/
│   │   └── mobile-menu.css   # Panel-Styles
│   └── js/
│       ├── editor.js         # Gutenberg-Sidebar-Controls
│       └── mobile-menu.js    # Frontend-Logik
└── README.md