27.12.2023
Von Raimund Milde

Toggle: Offenes Hamburger Menu Icon in Divi bei Klick in ein X ändern

Für WordPress Divi Websites: So ändern Sie das geöffnete Hamburger Menu Icon in ein „X“

Im Divi Theme wird das Hamburger Icon vor dem Öffnen des Menüs standardmäßig als drei horizontale Balken dargestellt. Wenn Nutzer auf dieses Icon klicken, öffnet sich das Menü. In diesem Moment sollte das Hamburger Icon idealerweise durch ein „X“ ersetzt werden. Dies entspricht den gängigen Konventionen im Webdesign. Abweichungen von diesem etablierten Standard können bei manchen Website-Besuchern Verwirrung auslösen, da es für sie nicht direkt ersichtlich ist, wie das Menü wieder geschlossen wird.

Mein schlankes WordPress Plugin verwandelt das Hamburger-Icon bei Klick in ein „X“ und macht die Navigation für Ihre Besucher intuitiver. Im nächsten Abschnitt finden Sie den Link zum kostenlosen Download.

Inhaltsverzeichnis

WordPress Plugin „Divi Hamburger X-Icon Konverter“ herunterladen und installieren

Mein speziell für Divi Theme-Websites entwickeltes WordPress Plugin „Divi Hamburger X-Icon Konverter“ ermöglicht es Ihnen, ganz einfach das „X“ Icon in das offene Hamburger Menü zu integrieren.

Klicken Sie auf die folgende Schaltfläche, um die ZIP-Datei des Plugins auf Ihren Computer herunterzuladen.

„Divi Hamburger X-Icon Konverter“ installieren

  1. Melden Sie sich in Ihrem WordPress-Dashboard an.
  2. In Ihrem Dashboard gehen Sie zu „Plugins“ > Neues Plugin hinzufügen.
  3. Klicken Sie oben auf der Seite auf die Schaltfläche „Plugin hochladen“.
  4. Klicken Sie auf Datei auswählen und wählen Sie die zuvor heruntergeladene ZIP-Datei des Plugins von Ihrem Computer aus.
  5. Klicken Sie auf Jetzt installieren, um das Plugin hochzuladen und zu installieren.
  6. Nach der Installation erhalten Sie eine Benachrichtigung, dass das Plugin erfolgreich installiert wurde. Klicken Sie auf Plugin aktivieren, um es in Ihrem WordPress-System zu aktivieren.

Überprüfen Sie die neue Funktion auf Ihrem Smartphone

  • Öffnen Sie Ihre Website auf einem mobilen Gerät.
  • Löschen Sie den Browserverlauf und den Cache Ihrer Website, um sicherzustellen, dass keine gespeicherten Daten die Überprüfung beeinflussen.
  • Öffnen Sie nun das Hamburger-Menü auf Ihrem Smartphone. Sie sollten jetzt das „X“-Symbol und eine nette Animation sehen, die anzeigt, dass die neue Funktion aktiv ist.

Herzlichen Glückwunsch!

Mit Ihrem heutigen Schritt haben Sie bereits viel dazu beigetragen, die Zugänglichkeit Ihrer Divi WordPress-Website auf mobilen Geräten zu verbessern. Das „X“-Icon im Hamburger Menü macht es für Benutzer von mobilen Geräten einfacher, das Menü zu schließen, was die Navigation auf Ihrer Website erleichtert.

Denken Sie daran, vor jeder Änderung an Ihrer Website eine Sicherung zu erstellen.

Ich hoffe, dass dieser Artikel Ihnen bei Ihren Divi-Projekten hilfreich war. Wenn Sie weitere Fragen haben oder Unterstützung benötigen, zögern Sie nicht, mich zu kontaktieren.

* Dieses WordPress Plugin, „Divi Hamburger X-Icon Konverter“, steht unter der GNU General Public License, Version 2.0 (GPL-2.0). Es wird kostenlos zur Verfügung gestellt und darf unter den Bedingungen der GPL-2.0 verwendet, modifiziert und verbreitet werden.

Für weitere Informationen zur GPL-2.0-Lizenz besuchen Sie bitte GNU General Public License 2.0 – Offizielle Webseite.