RD Slide Menue

Filesize: 25kb

Kostenlos und dauerhaft nutzbar

Dieses Plugin ist komplett kostenlos: ohne Abo, ohne Testphase und ohne versteckte Kosten.

RD Slide Menü: Burger-Menü mit Slide-in-Panel für WordPress

RD Slide Menü ergänzt deine Website um ein klassisches Burger-Icon, das beim Klick ein Menü-Panel von der rechten Seite einfahren lässt. Das Panel nutzt die volle Höhe des Browserfensters und zeigt die Links eines beliebigen WordPress-Menüs an. Das Plugin ist schlank, braucht keine zusätzlichen Bibliotheken und lässt sich komplett im WordPress-Backend konfigurieren.

Funktionen

• Burger-Icon mit frei wählbarer Farbe
• Slide-in-Panel von rechts über die gesamte Fensterhöhe
• Hintergrundfarbe und Breite des Panels einstellbar (Standard: #95292E und 400 px)
• Schließen-Kreuz oben rechts im Panel
• Farbe von Kreuz und Links einstellbar (Standard: #ffffff)
• Auswahl des WordPress-Menüs, das im Panel erscheinen soll
• Geschwindigkeit der Animation einstellbar, auch ganz ohne Animation
• Ausrichtung der Links wahlweise links, zentriert oder rechts
• Untermenüs werden eingerückt dargestellt
• Abgedunkelter Hintergrund hinter dem Panel
• Auf kleinen Bildschirmen wird das Panel automatisch auf die Fensterbreite begrenzt

Bedienung

Das Panel schließt sich per Klick auf das Kreuz, per Klick auf den abgedunkelten Hintergrund oder mit der Esc-Taste. Das Burger-Icon und das Panel sind mit ARIA-Attributen für Screenreader ausgestattet. Wer Animationen am Betriebssystem reduziert hat, bekommt das Panel ohne Übergang angezeigt.

Einrichtung

1. Plugin installieren und aktivieren.
2. Unter Einstellungen → RD Slide Menü öffnen (oder direkt über den Link „Einstellungen“ in der Plugin-Liste).
3. Menü auswählen, Farben, Breite, Geschwindigkeit und Ausrichtung festlegen.
4. Speichern. Fertig.

Burger-Icon platzieren

Standardmäßig erscheint das Icon fest oben rechts auf der Seite. Wenn du es an einer bestimmten Stelle im Header haben möchtest, deaktiviere die automatische Einblendung und nutze eine dieser Möglichkeiten:

• den Shortcode [rd_slide_menue], z. B. im Header-Builder deines Themes oder Page Builders
• eine beliebige Schaltfläche oder ein Element mit der CSS-Klasse rd-slide-menue-toggle

Individuelle Anpassungen

Wer das Aussehen weiter verfeinern möchte, kann über Design → Customizer → Zusätzliches CSS eigene Regeln ergänzen. Alle Elemente haben eindeutige Klassen, zum Beispiel .rd-slide-menue-panel, .rd-slide-menue-list und .rd-slide-menue-close.

Hinweise

Das Plugin nutzt das Menü, das du unter Design → Menüs pflegst. Ist kein Menü ausgewählt, verwendet es das erste vorhandene. Damit das Panel angezeigt wird, muss dein Theme die Funktion wp_footer() ausgeben, was bei praktisch allen Themes der Fall ist.