Einige User halten das Hamburger-Men\u00fc f\u00fcr eine erstklassige L\u00f6sung zur Verbesserung der Navigation, w\u00e4hrend andere behaupten, dass die Verwendung des Men\u00fcs auf Websites keinen Sinn macht, weil es schlecht auffindbar ist, was verwirrend wirkt. Wir raten davon ab, diese oder jene Meinung zu unterst\u00fctzen, bevor du dich mit den Vor- und Nachteilen des Men\u00fcs vertraut machst. Nach Abw\u00e4gung aller Fakten solltest du selbst entscheiden, ob dir das Hamburger-Men\u00fc gef\u00e4llt oder nicht.<\/p>\n
Beginnen wir also mit den Vorteilen:<\/p>\n
- \n
- Es ist weit verbreitet und wird f\u00fcr Websites, Webanwendungen, Computerprogramme und sogar Videospiele verwendet.<\/li>\n
- Es ist eine gro\u00dfartige L\u00f6sung, wenn du m\u00f6chtest, dass deine Website sauber und aufger\u00e4umt wirkt, und deine Benutzer sie wegen Chaos nicht sofort verlassen.<\/li>\n
- Es ist ein perfekter Ort f\u00fcr Navi-Buttons, die f\u00fcr bestimmte Aufgaben wichtig sind, aber nicht direkt dem Hauptziel der Website dienen und daher nicht zu viel Platz auf der Homepage einnehmen sollten.<\/li>\n<\/ul>\n
![\"\"](\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/sites\/5\/2019\/10\/create-hamburger-menu-example1.jpeg\")
<\/p>\nHier sind einige Gr\u00fcnde, warum man auf das Hamburger-Men\u00fc verzichtet:<\/p>\n
- \n
- Es vermittelt die Botschaft, dass die versteckten Elemente nicht besonders wichtig sind, so dass Besucher nicht unbedingt diese Sektionen aufrufen werden.<\/li>\n
- Es f\u00fchrt zu niedrigeren Klickraten und einem schw\u00e4cheren Engagement. Das Hamburger-Men\u00fc ist nicht nur schwer aufzufinden, sondern tr\u00e4gt es dazu bei, dass Besucher keinen Wunsch haben, sich mit den Navigationsm\u00f6glichkeiten auseinanderzusetzen.<\/li>\n
- Es l\u00e4sst die Besucher die Extrameile gehen, um das Endziel zu erreichen.<\/li>\n<\/ul>\n
Jetzt, wenn du schon im Klaren \u00fcber die wichtigsten Vor- und Nachteile vom Hamburger-Men\u00fc bist, kannst du endg\u00fcltig entscheiden, ob du dieses Element auf deiner Website brauchst. Wenn ja, dann hilft dir diese Anleitung, das Navigationsmen\u00fc einfach zu erstellen.<\/p>\n
So erstellst du das Hamburger-Men\u00fc mit dem Elementor Page-Builder und JetBlocks-Plugin<\/b><\/h2>\n
Um das Hamburger-Men\u00fc einfach erstellen zu k\u00f6nnen, ben\u00f6tigst du einen Zugriff auf die Erstellung eigener Kopf- und Fu\u00dfzeilen. Hier gehen wir auf diesen Schritt n\u00e4her ein:<\/p>\n
- \n
- W\u00e4hle eine kostenlose L\u00f6sung wie das WordPress Plugin (das ist allerdings nicht die sicherste L\u00f6sung, weil niemand die Leistung des Plugins \u00fcberwachen und technischen Support anbieten wird).<\/li>\n
- Entscheide dich f\u00fcr das Elementor Pro Abonnement und erhalte die M\u00f6glichkeit, benutzerdefinierte Kopf- und Fu\u00dfzeilen nach deinem Wunsch zu bearbeiten.<\/li>\n
- Entscheide\u00a0 dich f\u00fcr das Monstroid2 WordPress Theme und erhalte die M\u00f6glichkeit, benutzerdefinierte Kopf- und Fu\u00dfzeilen zu erstellen sowie nutze weitere Vorteile wie Plugins der Jet-Familie, eine Vielzahl von vorgefertigten Seiten und Abschnitten und andere Funktionen.<\/li>\n<\/ul>\n
Wenn du ein Hamburger-Men\u00fc auf deiner Website sehen m\u00f6chtest, ben\u00f6tigst du neben dem Elementor Page-Builder ein separates JetPlugin. Das ist ein Addon namens JetBlocks, das Widgets die Erstellung von funktionalen Kopf- und Fu\u00dfzeilen liefert.<\/p>\n
Wenn du Monstroid2 f\u00fcr deine Website verwendest, entdeckst du das JetBlocks-Plugin im Dashboard. Daf\u00fcr sollst du nur Monstroid2 im Men\u00fc finden, auf Plugins gehen, und du siehst da alle Addons, die installiert und aktiviert sind. Solltest du ein anderes Theme ausw\u00e4hlen, dann stelle sicher, dass das notwendige Plugin an Bord ist.<\/p>\n
Nun, du wei\u00dft jetzt, was du brauchst, um das Hamburger-Men\u00fc zu erstellen. Lass uns nun dir genaue Schritte zeigen. Wenn eine andere Vorlage als Monstroid2 verwendest, kannst du auf die Kopfzeile \u00fcber die Theme-Bibliothek zugreifen und sie im Live Customizer einzurichten. Aber, in diesem Tutorial geht es\u00a0 gerade um das Monstroid2 WordPress Theme.<\/p>\n
- \n
- \u00d6ffne den Elementor Editor und klicke auf Header Home.<\/li>\n
- Beginne mit der Erstellung eines neuen Abschnitts.<\/li>\n
- Finde das Hamburger Panel \u00fcber die Suchleiste und ziehe es per Drag & Drop in den Bereich. Es besteht aus zwei Elementen - einem Panel und Toggle, beide m\u00fcssen angepasst werden.<\/li>\n
- Navigiere zum Men\u00fc \"Style Settings\" und spiele mit den Einstellungen f\u00fcr das Panel und Toggle herum.<\/li>\n
- Gehe zum Men\u00fc \"Content\" und w\u00e4hle eine Vorlage f\u00fcr das Hamburger-Panel. Danach kannst du \u00c4nderungen daran vornehmen. Klicke auf die Schaltfl\u00e4che \"Edit Template\". Sobald dies erledigt ist, wirst du zu einem anderen Elementor-Fenster weitergeleitet, in dem du das Aussehen der Vorlage anpassen kannst.<\/li>\n
- Navigiere zum Abschnitt \"Style\", setze den Hintergrund auf \u201ctransparent\u201d und nimm die Einstellungen f\u00fcr Rand, Hintergrund\u00fcberlagerung, Shape Divider und Typografie vor. Speichere die Vorlage, um die Erstellung des Hamburger-Men\u00fcs abzuschlie\u00dfen.<\/li>\n<\/ol>\n