Plugin DiviMenus by DonDivi - 2.5.1

DiviMenus: kreatives Menü und Mikro-Navigation für Divi-basierte Websites

Das Plugin DiviMenus by DonDivi ist eine Premium-Erweiterung für das Theme und den Builder Divi von Elegant Themes: entwickelt für die Erstellung ansprechender, interaktiver und vollständig responsiver Menüs ohne Programmierung. Es ermöglicht den Aufbau horizontaler, vertikaler und kreisförmiger Navigation sowie schwebender Aktionspanels und Shortcut-Sets, die sich nahtlos in den Stil jedes Bereichs einfügen. Dank der Arbeit im nativen Visual Builder werden Änderungen in Echtzeit umgesetzt: von Layout über Typografie und Icons bis hin zu Animationen und dem Verhalten bei Hover oder Klick. Die Lösung richtet sich an Designer und Website-Betreiber, die durch eine durchdachte Navigation und schnellen Zugriff auf zentrale Aktionen Konversion und Nutzbarkeit steigern möchten.

Die DiviMenus-Module lassen sich in den Theme Builder integrieren: Sie können in Headern, Footern und Beitragsvorlagen eingebettet werden, aber auch direkt im Content als CTA-Elemente. Flexible Positionierung sowie die Kompatibilität mit den Divi-Anzeigebedingungen ermöglichen es, die Sichtbarkeit an die Nutzerrolle, den Gerätetyp oder das Scrollverhalten anzupassen. So bleibt die Navigation leicht, übersichtlich und im täglichen Gebrauch der Website maximal nützlich.

Die wichtigsten Funktionen der DiviMenus-Module und ihr praktischer Nutzen

Das Plugin DiviMenus Pro erweitert die Standardoptionen von Divi um eine Reihe von Modulen zur Erstellung individueller Menüs und Aktions-Sets. Es ermöglicht eine präzise Planung der Nutzerpfade: vom ersten Seitenaufruf bis zur Ausführung einer konkreten Aktion, etwa dem Wechsel zum Angebot oder dem Hinzufügen eines Produkts zum Warenkorb. Intuitive Bedienung und vorgefertigte Stile verkürzen die Gestaltungszeit und erhöhen gleichzeitig die Konsistenz der gesamten Oberfläche.

• Navigationstypen: horizontal, vertikal, kreisförmig und schwebend, mit Kontrolle über Abstände, Radien und Öffnungsrichtung.
• Menüelemente: Icons, Text, Bilder, Buttons und deren Kombinationen mit Beschriftungen und Tooltips.
• Interaktionen und Verlinkung: Unterpunkte, die per Klick oder Hover geöffnet werden, externe Links, Anker, Telefonnummern, E-Mails und Downloads.
• Responsivität: unabhängige Konfiguration von Größen, Abständen und Sichtbarkeit für Desktop, Tablet und Smartphone.
• Animationen und Effekte: Schatten, Transformationen, Rotation kreisförmiger Elemente, Einblendanimationen und Hover-Zustände.
• Barrierefreiheit: Textbeschriftungen, Focus States und eine logische Elementreihenfolge für die Tastaturnavigation.
• Anzeigebedingungen: Regeln basierend auf Nutzerrolle, Anmeldestatus, Seitentyp, Kategorien oder Bildschirmgröße.
• Visuelle Konsistenz: Übernahme der Farb- und Typografievariablen aus dem Divi-Theme bei gleichzeitig präziser Stilkontrolle.

Diese Flexibilität begünstigt den Aufbau übersichtlicher Oberflächen: von leichten Kontextmenüs in Hero-Bereichen über Sets schneller Shortcuts auf Mobilgeräten bis hin zu kompakter kreisförmiger Navigation. DiviMenus bewährt sich sowohl auf Unternehmensseiten und Landingpages als auch in Portfolios und einfachen Shops mit digitalen Produkten, wo ein klarer Konversionspfad und ein leichter Zugang zu zentralen Inhalten zählen.

Anwendungsszenarien und Beispielmuster

Die Wahl des Menümusters sollte sich am Geschäftsziel und am Verhalten der Besucher orientieren. Die folgenden Beispiele zeigen, wie sich die Oberfläche organisieren lässt, um die Klickrate zu erhöhen und die Zeit bis zum Erreichen der Information zu verkürzen:

• One-Page-Website: Anker-Navigation in vertikaler oder kreisförmiger Anordnung für schnelles Springen zwischen Bereichen.
• Landingpage: schwebendes Panel mit Kontakt-Button, Preisliste und FAQ.
• Portfolio: Kontextmenü über der Galerie mit Kategoriefiltern und Rückkehr zur Projektliste.
• Shop: Shortcuts zu Produktkategorien und AGB in einem kompakten Set im Footer.
• Dienstleistungsseite: kreisförmiges Icon-Menü mit Beschreibungen, die beim Hover sichtbar werden.

Bei der Umsetzung hilft es, Namen und Icons nach folgendem Prinzip zu planen: ein Menüpunkt entspricht einer Nutzeraufgabe. Die DiviMenus-Module ermöglichen die Wiederverwendung von Mustern auf der gesamten Website: Es genügt, einen Stil als global zu speichern und ihn in den gewünschten Vorlagen einzufügen. Das sorgt für UX-Konsistenz und spart beim Ausbau der Website Zeit.

Technische Daten, Kompatibilität und Integration mit Divi

Das Plugin wurde für einen stabilen Betrieb in der WordPress- und Divi-Umgebung entwickelt. Dank der nativen Integration mit dem Builder von Elegant Themes verläuft die Konfiguration intuitiv: Die Elemente verhalten sich wie Standardmodule, mit voller Unterstützung für responsive Einstellungen und Interaktionszustände.

• Umgebung: WordPress mit aktivem Divi-Theme oder -Builder.
• Kompatibilität: vollständige Integration mit dem Visual Builder und dem Theme Builder.
• Styling: Kontrolle über Typografie, Farben, Rahmen und Schatten im Modulpanel.
• Responsivität: separate Einstellungen für Größe, Position und Sichtbarkeit auf Desktop, Tablet und Smartphone.
• Positionierung: lineares Layout, Raster, Kreis und schwebende Anordnung mit der Option, am Bildschirmrand zu fixieren.
• Anzeigebedingungen: Zusammenspiel mit den Display Conditions von Divi zur Erstellung von Anzeigeregeln.
• Lokalisierung: Übersetzungsbereitschaft und vollständige Kompatibilität mit den offiziellen Sprachversionen von Divi.
• Optimierung: schlankes Markup und klare Elementhierarchie für UX und SEO.

Der Einsatz der DiviMenus-Module folgt einem People-First-Ansatz: Nutzer finden gesuchte Inhalte schneller, und Website-Betreiber erhalten Werkzeuge, mit denen sich Ästhetik und Funktionalität verbinden lassen. Eine durchdachte Navigation senkt die Absprungrate und hilft, die Aufmerksamkeit auf zentrale Bereiche zu lenken: Kontakt, Preise oder Angebot.

Best Practices für Konfiguration und Optimierung

Um eine hohe Nutzbarkeit und Übersichtlichkeit der Oberfläche zu erhalten, empfiehlt es sich, einige Regeln zu beachten: die Anzahl der Menüpunkte auf das Notwendige beschränken, Icons mit eindeutigen Beschriftungen verwenden und die Größen an die kleinsten Bildschirme anpassen. Werden mehr Shortcuts benötigt, ist es besser, sie in logische Gruppen aufzuteilen und untergeordnete Elemente in Aufklappbereichen zu verbergen. So bleibt jedes Menü-Set verständlich und schnell zu bedienen, und DiviMenus hilft dabei, die Balance zwischen Funktionsreichtum und Einfachheit zu wahren.

Das Plugin DiviMenus ist die Lösung für alle, die volle Kontrolle über die Navigation in Divi haben möchten, ohne zusätzlichen Code zu schreiben. Die DiviMenus-Module ermöglichen die Erstellung von Menüs, die auf den Kontext der Seite abgestimmt sind: von minimalistischen Icon-Sets bis zu umfangreichen Layouts mit Beschreibungen. Dieser Grad an Flexibilität erleichtert die Gestaltung konsistenter Nutzererlebnisse und die Umsetzung von Geschäftszielen im Ökosystem von Elegant Themes.