{"id":32379,"date":"2020-02-26T06:19:10","date_gmt":"2020-02-26T14:19:10","guid":{"rendered":"https:\/\/kinsta.com\/?post_type=knowledgebase&#038;p=66027"},"modified":"2025-10-01T20:22:20","modified_gmt":"2025-10-01T19:22:20","slug":"dropdown-menu-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/","title":{"rendered":"Wie man ein Dropdown-Men\u00fc in WordPress Erstellt (in 5 Schritten)"},"content":{"rendered":"<p>Die Webseiten-Navigation ist der Schl\u00fcssel dazu, dass deine Benutzer zum gew\u00fcnschten Ziel gelangen. Ein gut gestaltetes Men\u00fc kann die User Experience (UX) erheblich verbessern und sogar die <a href=\"https:\/\/kinsta.com\/de\/blog\/bounce-rate-reduzieren\/\">Absprungrate verringern<\/a>. Ein schlecht gestaltetes Men\u00fc kann jedoch genau das Gegenteil bewirken.<\/p>\n<p>Gl\u00fccklicherweise kannst du mit WordPress <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-menue\/\">individuelle Men\u00fcs erstellen<\/a>, die den Anforderungen deiner Webseite entsprechen. Du kannst sogar systemeigene Funktionen verwenden, um ein kompaktes WordPress-Dropdown-Men\u00fc hinzuzuf\u00fcgen, das Platz spart und gleichzeitig eine klare Orientierung f\u00fcr deine Besucher bietet.<\/p>\n<p>In diesem Beitrag werden wir er\u00f6rtern, warum die Webseiten-Navigation wichtig ist und wie Dropdown-Men\u00fcs besonders n\u00fctzlich sein k\u00f6nnen. Dann f\u00fchren wir dich durch die Erstellung in WordPress und stellen dir einige Plugins vor, die dir dabei helfen k\u00f6nnen.<\/p>\n<p>Lass uns starten!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Eine Einf\u00fchrung in die Navigation und die Dropdown-Men\u00fcs von WordPress<\/h2>\n<p>Auch wenn sie unscheinbar sind, sind Navigationsmen\u00fcs ein wesentliches Element jeder Webseite. Sie helfen den Benutzern, schnell die f\u00fcr die Erreichung ihrer Ziele wichtigsten Seiten zu finden, und geben gleichzeitig Erstbesuchern eine Vorstellung davon, was sie zu bieten haben:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/hauptnavigationsmenu-kinsta-webseite.png\" alt=\"Das Hauptnavigationsmen\u00fc der Kinsta-Webseite\" width=\"1500\" height=\"112\"><figcaption class=\"wp-caption-text\">Das Hauptnavigationsmen\u00fc der Kinsta-Webseite<\/figcaption><\/figure>\n<p>Ein gut durchdachtes Navigationsmen\u00fc ist der Schl\u00fcssel zur Steigerung der Conversions und zur Verringerung der Absprungrate. Wenn die Benutzer die Seiten, auf denen sich dein Produkt, dein <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-kontaktformular-plugins\/\">E-Mail-Anmeldeformular<\/a> oder andere konvertierende Inhalte befinden, leicht finden k\u00f6nnen, ist es einfacher, sie zum Kauf oder zur Anmeldung zu bewegen.<\/p>\n<p>Und wenn die Benutzer sich auf deiner Webseite sicher zurechtfinden, m\u00fcssen sie nicht mehr von den Seiten zur\u00fcck, weil sie an der falschen Stelle gelandet sind. Wenn man ihnen hilft, es beim ersten Mal richtig zu machen, kann man sowohl die UX verbessern als auch die Frustration minimieren.<\/p>\n<p>In WordPress sind Men\u00fcs eine wichtige Funktion. Jede mit der Plattform erstellte Webseite kann eines oder mehrere davon anzeigen. <a href=\"https:\/\/kinsta.com\/de\/blog\/schnellsten-wordpress-theme\/\">WordPress-Themes<\/a> spielen jedoch auch eine wichtige Rolle, wenn es um die Gestaltung und Platzierung deines Men\u00fcs oder deiner Men\u00fcs geht.<\/p>\n<p>Aus diesem Grund kann dein WordPress-Men\u00fc viele verschiedene Formen annehmen. Die bekannteste ist das Standard-Kopfmen\u00fc:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/beispiel-typisches-header-menu.png\" alt=\"Ein Beispiel f\u00fcr ein typisches Header-Men\u00fc\" width=\"1500\" height=\"618\"><figcaption class=\"wp-caption-text\">Ein Beispiel f\u00fcr ein typisches Header-Men\u00fc<\/figcaption><\/figure>\n<p>Oft kannst du auch ein zus\u00e4tzliches Fu\u00dfzeilenmen\u00fc am unteren Rand deiner Seiten einf\u00fcgen. Es kann den gleichen Inhalt wie dein Hauptmen\u00fc anzeigen oder etwas andere Optionen bieten:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/beispiel-fubzeilenmenu.png\" alt=\"Ein Beispiel f\u00fcr ein Fu\u00dfzeilenmen\u00fc\" width=\"1500\" height=\"391\"><figcaption class=\"wp-caption-text\">Ein Beispiel f\u00fcr ein Fu\u00dfzeilenmen\u00fc<\/figcaption><\/figure>\n<p>Ein weiterer Stil ist die Men\u00fc\u00fcberlagerung, die der Benutzer nach Belieben \u00f6ffnen und schlie\u00dfen kann:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/beispiel-overlay-menu.png\" alt=\"Ein Beispiel f\u00fcr ein Overlay-Men\u00fc\" width=\"1500\" height=\"854\"><figcaption class=\"wp-caption-text\">Ein Beispiel f\u00fcr ein Overlay-Men\u00fc<\/figcaption><\/figure>\n<p>Alternativ kannst du die Verwendung eines Seitenleistenmen\u00fcs in Betracht ziehen:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/beispiel-menu-seitenleiste.png\" alt=\"Ein Beispiel f\u00fcr ein Men\u00fc in der Seitenleiste\" width=\"1500\" height=\"797\"><figcaption class=\"wp-caption-text\">Ein Beispiel f\u00fcr ein Men\u00fc in der Seitenleiste<\/figcaption><\/figure>\n<p>Oder du kannst ein Dropdown-Men\u00fc einbauen, auch manchmal als &#8222;verschachteltes&#8220; Men\u00fc bezeichnet:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/beispiel-dropdown-menu.png\" alt=\"Ein Beispiel f\u00fcr ein Dropdown-Men\u00fc\" width=\"1500\" height=\"806\"><figcaption class=\"wp-caption-text\">Ein Beispiel f\u00fcr ein Dropdown-Men\u00fc<\/figcaption><\/figure>\n<p>Diese Art der Navigation eignet sich f\u00fcr viele Arten von Webseiten. Sie verdeckt deinen Inhalt nicht wie ein Overlay-Men\u00fc, ist aber auch nicht so aufdringlich wie eine gro\u00dfe Kopfleiste oder ein Seitenleistenmen\u00fc.<\/p>\n<p>Indem man einige Inhalte so lange verbirgt, bis sie ben\u00f6tigt werden, spart man Platz auf dem Bildschirm und bietet den Benutzern dennoch eine einfache M\u00f6glichkeit, sich zu bewegen.<\/p>\n<h2>Wie man ein Dropdown-Men\u00fc in WordPress erstellt (in 5 Schritten)<\/h2>\n<p>Wenn du dich entschieden hast, dass ein Dropdown-Men\u00fc f\u00fcr deine WordPress-Seite gut geeignet ist, ist die Einrichtung eines solchen Men\u00fcs ganz einfach. Durch die Verwendung der in WordPress verf\u00fcgbaren Men\u00fcfunktionen kannst du in nur f\u00fcnf Schritten ein individuelles Navigationssystem erstellen, das deinen Bed\u00fcrfnissen entspricht.<\/p>\n<h3>Schritt 1: Erstelle deine Men\u00fcpunkte<\/h3>\n<p>Der erste Schritt zur Erstellung eines Men\u00fcs ist die Entscheidung, was darin enthalten sein soll. Beginne, indem du in deinem WordPress-Dashboard zu <strong>Darstellung &gt; Men\u00fcs navigieren<\/strong> gehst:<\/p>\n<figure style=\"width: 437px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/menu-editor-wordpress-dashboard.png\" alt=\"Men\u00fc-Editor im WordPress-Dashboard\" width=\"437\" height=\"524\"><figcaption class=\"wp-caption-text\">Zugriff auf den Men\u00fc-Editor im WordPress-Dashboard<\/figcaption><\/figure>\n<p>Was du im Men\u00fc-Editor siehst, wird je nach Theme leicht variieren.<\/p>\n<p>Wichtig ist jedoch vorerst die erste Option im Register &#8222;<strong>Men\u00fcs bearbeiten<\/strong>&#8222;. Du solltest eine Option sehen, mit der du eines deiner bestehenden Men\u00fcs zum Bearbeiten ausw\u00e4hlen kannst, sowie eine Option zum <strong>Erstellen eines neuen Men\u00fcs<\/strong>:<\/p>\n<figure style=\"width: 662px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/neuen-menu-link-wordpress-menu-editor-erstellen.png\" alt=\"Du kannst einen neuen Men\u00fc-Link oben im WordPress-Men\u00fc-Editor erstellen\" width=\"662\" height=\"189\"><figcaption class=\"wp-caption-text\">Du kannst einen neuen Men\u00fc-Link oben im WordPress-Men\u00fc-Editor erstellen<\/figcaption><\/figure>\n<p>F\u00fcr dieses Beispiel w\u00e4hle die letztere Option und erstelle ein neues Men\u00fc. Dazu f\u00fcge einen Titel hinzu und klicke dann auf die Schaltfl\u00e4che <strong>Men\u00fc erstellen<\/strong>:<\/p>\n<figure style=\"width: 888px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/benennung-erstellung-neuen-menus.png\" alt=\"Benennung und Erstellung des neuen Men\u00fcs\" width=\"888\" height=\"683\"><figcaption class=\"wp-caption-text\">Benennung und Erstellung des neuen Men\u00fcs<\/figcaption><\/figure>\n<p>Jetzt kannst du damit beginnen, deinem WordPress-Men\u00fc Eintr\u00e4ge hinzuzuf\u00fcgen. In den meisten F\u00e4llen ist es am besten, das Men\u00fc so einfach wie m\u00f6glich zu halten und gleichzeitig den Benutzern gen\u00fcgend Informationen zu geben, um an dein Ziel zu gelangen.<\/p>\n<p>Die Aufnahme zu vieler Seiten kann Besucher \u00fcberfordern und die Navigation erschweren statt erleichtern.<\/p>\n<p>Es gibt einige verschiedene M\u00f6glichkeiten, deine Men\u00fcpunkte hinzuzuf\u00fcgen. Die ersten beiden sind <strong>Pages<\/strong> und <strong>Posts<\/strong>, und sie funktionieren sehr \u00e4hnlich.<\/p>\n<figure style=\"width: 884px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/hinzufugen-seiten-menu-1.png\" alt=\"Hinzuf\u00fcgen von Seiten zum Men\u00fc\" width=\"884\" height=\"696\"><figcaption class=\"wp-caption-text\">Hinzuf\u00fcgen von Seiten zum Men\u00fc<\/figcaption><\/figure>\n<p>Markiere in der Seitenleiste des Men\u00fc-Editors einfach die Kontrollk\u00e4stchen f\u00fcr jede Seite oder jeden Beitrag, den du aufnehmen m\u00f6chtest, und klicke auf die Schaltfl\u00e4che <strong>Zum Men\u00fc Hinzuf\u00fcgen<\/strong>:<\/p>\n<p>Deine n\u00e4chste Option ist die Einbindung von <strong>Benutzerdefinierten Links<\/strong>. Dazu muss die URL f\u00fcr die Seite angegeben werden, zu der du die Benutzer leiten m\u00f6chtest, und dann eine kurze, aber beschreibende Bezeichnung f\u00fcr diese Seite erstellst. Danach kannst du erneut auf Add to Menu (<strong>Zum Men\u00fc Hinzuf\u00fcgen<\/strong>) klicken:<\/p>\n<figure style=\"width: 889px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/hinzufugen-benutzerdefinierten-links-menu.png\" alt=\"Hinzuf\u00fcgen eines benutzerdefinierten Links zum Men\u00fc\" width=\"889\" height=\"551\"><figcaption class=\"wp-caption-text\">Hinzuf\u00fcgen eines benutzerdefinierten Links zum Men\u00fc<\/figcaption><\/figure>\n<p>Schlie\u00dflich kannst du auch <strong>Seiten- und Beitragskategorien<\/strong> zu deinem Navigationsmen\u00fc hinzuf\u00fcgen. Dies f\u00fchrt die Benutzer zu einer Archivseite, auf der sie alle Inhalte zu einem bestimmten Thema einsehen k\u00f6nnen.<\/p>\n<p>F\u00fcr Blogs und andere inhaltsintensive Webseiten kann diese Funktion besonders n\u00fctzlich sein:<\/p>\n<figure style=\"width: 886px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/hinzufugen-kategorien-menu.png\" alt=\"Hinzuf\u00fcgen von Kategorien zum Men\u00fc\" width=\"886\" height=\"662\"><figcaption class=\"wp-caption-text\">Hinzuf\u00fcgen von Kategorien zum Men\u00fc<\/figcaption><\/figure>\n<p>Wie bei den Optionen Pages und Posts markierst du einfach die <strong>Kontrollk\u00e4stchen der Kategorien<\/strong>, die du aufnehmen m\u00f6chtest, und w\u00e4hlst <strong>Add to Menu<\/strong>.<\/p>\n<h3>Schritt 2: Organisiere dein WordPress-Men\u00fc<\/h3>\n<p>Wenn du alle deine Men\u00fcpunkte hinzugef\u00fcgt hast, solltest du sie in einzelnen Kacheln unter &#8222;<strong>Men\u00fcstruktur<\/strong>&#8220; im Editor aufgelistet sehen:<\/p>\n<figure style=\"width: 882px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/abschnitt-menustruktur-menueditors.png\" alt=\"Der Abschnitt Men\u00fcstruktur des Men\u00fceditors\" width=\"882\" height=\"742\"><figcaption class=\"wp-caption-text\">Der Abschnitt Men\u00fcstruktur des Men\u00fceditors<\/figcaption><\/figure>\n<p>Zun\u00e4chst werden die Men\u00fcpunkte in der Reihenfolge angezeigt, in der du sie hinzugef\u00fcgt hast. Du kannst deine Anordnung jedoch leicht \u00e4ndern, indem du sie per Drag &#038; Drop an die gew\u00fcnschte Stelle ziehst. Auf diese Weise kannst du ein einfaches Men\u00fc ohne Dropdown-Funktionalit\u00e4t erstellen.<\/p>\n<p>Es gibt mehrere M\u00f6glichkeiten, deinem WordPress-Men\u00fc Dropdown-Men\u00fcs hinzuzuf\u00fcgen.<\/p>\n<p>Die einfachste ist, mit dem Ziehen und Ablegen fortzufahren, aber bestimmte Men\u00fcpunkte unter anderen zu verschachteln:<\/p>\n<figure style=\"width: 894px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/verschachtelungskategorien-blog-seite.png\" alt=\"Verschachtelungskategorien unter der Blog-Seite\" width=\"894\" height=\"742\"><figcaption class=\"wp-caption-text\">Verschachtelungskategorien unter der Blog-Seite<\/figcaption><\/figure>\n<p>In der obigen Abbildung haben wir beispielsweise die drei Beitragskategorien, die wir dem Men\u00fc unter <strong>Blog<\/strong> hinzugef\u00fcgt haben, verschoben und zu &#8222;Unterpunkten&#8220; gemacht. Im Frontend wird dadurch ein Dropdown-Men\u00fc erstellt, das wie folgt aussieht:<\/p>\n<figure style=\"width: 470px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/beispiel-dropdown-menu-wordpress.png\" alt=\"Beispiel f\u00fcr ein Dropdown-Men\u00fc in WordPress\" width=\"470\" height=\"263\"><figcaption class=\"wp-caption-text\">Beispiel f\u00fcr ein Dropdown-Men\u00fc in WordPress<\/figcaption><\/figure>\n<p>Wenn du ein Dropdown-Men\u00fc hinzuf\u00fcgen m\u00f6chtest, das alle Kategorien auf deiner Webseite enth\u00e4lt, kannst du dies tun, indem du einen <strong>benutzerdefinierten Link<\/strong> zu deinem Men\u00fc hinzuf\u00fcgst. Verwende &#8222;#&#8220; als URL und &#8222;Kategorien&#8220; oder etwas \u00c4hnliches f\u00fcr das Label:<\/p>\n<figure style=\"width: 883px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/erstellen-kategoriebeschriftung-menu.png\" alt=\"Erstellen einer Kategoriebeschriftung f\u00fcr das Men\u00fc\" width=\"883\" height=\"744\"><figcaption class=\"wp-caption-text\">Erstellen einer Kategoriebeschriftung f\u00fcr das Men\u00fc<\/figcaption><\/figure>\n<p>Du kannst dann alle deine Kategorien zum Men\u00fc hinzuf\u00fcgen und sie unter diesem Label verschachteln. Jede Kategorie wird anklickbar sein, aber das Label wird nicht anklickbar sein:<\/p>\n<figure style=\"width: 508px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/dropdown-menu-kategorien.png\" alt=\"Dropdown-Men\u00fc Kategorien\" width=\"508\" height=\"229\"><figcaption class=\"wp-caption-text\">Dropdown-Men\u00fc Kategorien<\/figcaption><\/figure>\n<p>Mit einer \u00e4hnlichen Technik kannst du auch alle deine Men\u00fcpunkte in einem einzigen Dropdown-Men\u00fc ausblenden.<\/p>\n<p>F\u00fcge einen weiteren benutzerdefinierten Link hinzu, indem du &#8222;#&#8220; als URL und &#8222;Men\u00fc&#8220; als Bezeichnung verwendest. Schachtel dann alle deine anderen Men\u00fceintr\u00e4ge unter diesem ein:<\/p>\n<figure style=\"width: 909px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/verschachtelung-navigationslinks-einzigen-menubezeichnung.png\" alt=\"Verschachtelung aller Navigationslinks unter einer einzigen Men\u00fcbezeichnung\" width=\"909\" height=\"816\"><figcaption class=\"wp-caption-text\">Verschachtelung aller Navigationslinks unter einer einzigen Men\u00fcbezeichnung<\/figcaption><\/figure>\n<p>Das Ergebnis auf dem Frontend wird ein Dropdown-Men\u00fc sein, das die Schl\u00fcsselseiten deiner Webseite enth\u00e4lt.<\/p>\n<p>Wie du unter dem Punkt <strong>Kategorien<\/strong> unten sehen kannst, wird jeder Inhalt, der unter einem Unterpunkt verschachtelt ist, in einem Untermen\u00fc angezeigt:<\/p>\n<figure style=\"width: 468px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/echtes-wordpress-dropdown-navigationsmenu.png\" alt=\"Ein echtes WordPress-Dropdown-Navigationsmen\u00fc\" width=\"468\" height=\"314\"><figcaption class=\"wp-caption-text\">Ein echtes WordPress-Dropdown-Navigationsmen\u00fc<\/figcaption><\/figure>\n<p>Wenn du den Drag-and-Drop-Men\u00fc-Editor auf diese Weise verwendest, kannst du jeden Stil und jede Kombination von WordPress-Dropdown-Men\u00fcs erstellen. Denke jedoch daran, dass zu viele Men\u00fcpunkte f\u00fcr die Benutzer verwirrend sein k\u00f6nnen.<\/p>\n<p>Es ist auch gut, die Anzahl der Untermen\u00fcs zu begrenzen, um die Navigation nicht zu \u00fcberladen.<\/p>\n<h3>Schritt 3: Integriere Bilder in dein WordPress-Men\u00fc<\/h3>\n<p>Wenn dein Dropdown-Men\u00fc am Ende von Schritt 2 genau so aussieht, wie du es dir vorgestellt hast, kannst du zu Schritt 5 springen, um es zu ver\u00f6ffentlichen. Es gibt jedoch noch weitere Schritte, die du m\u00f6glicherweise durchf\u00fchren m\u00f6chtest, wenn du dein Men\u00fc mit Anpassungen erweitern m\u00f6chtest.<\/p>\n<p>Eine Taktik, die du in Betracht ziehen solltest, ist die Aufnahme visueller Elemente in deine Men\u00fcs, um den Besuchern weitere Hinweise zu geben. W\u00e4hrend beschreibende Etiketten von entscheidender Bedeutung sind, kann ein Bild oder ein Symbol den Benutzern manchmal helfen, schneller festzustellen, wohin ein bestimmter Navigationslink f\u00fchrt.<\/p>\n<p>Es ist m\u00f6glich, Bilder mit Hilfe von benutzerdefiniertem CSS hinzuzuf\u00fcgen, was wir in K\u00fcrze besprechen werden. Wir empfehlen jedoch die Verwendung eines Plugins wie <a href=\"https:\/\/wordpress.org\/plugins\/menu-image\/\">Menu-Image, Icons Made Easy<\/a>:<\/p>\n<figure style=\"width: 279px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/wordpress-dropdown-menu-bildern.png\" alt=\"WordPress-Dropdown-Men\u00fc mit Bildern\" width=\"279\" height=\"340\"><figcaption class=\"wp-caption-text\">WordPress-Dropdown-Men\u00fc mit Bildern<\/figcaption><\/figure>\n<p>Auf diese Weise musst du dich nicht mit irgendeinem Code herumschlagen, um dein Dropdown-Men\u00fc visuell interessant zu gestalten.<\/p>\n<p>Installiere einfach das Plugin und kehre dann zu <strong>Erscheinung &gt; Men\u00fcs zur\u00fcck<\/strong>:<\/p>\n<figure style=\"width: 714px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/abschnitt-menu-bild-menu-editor.png\" alt=\"Der Abschnitt Men\u00fc-Bild im Men\u00fc-Editor\" width=\"714\" height=\"523\"><figcaption class=\"wp-caption-text\">Der Abschnitt Men\u00fc-Bild im Men\u00fc-Editor<\/figcaption><\/figure>\n<p>Du wirst sehen, dass es jetzt Bildoptionen f\u00fcr jede Seite gibt, die du in dein Men\u00fc aufgenommen hast. Du kannst f\u00fcr jede Seite das Foto, die Gr\u00f6\u00dfe und die Position ausw\u00e4hlen. Denke daran, deine \u00c4nderungen zu speichern, wenn du fertig bist.<\/p>\n<h3>Schritt 4: F\u00fcge benutzerdefiniertes CSS zu deinem Dropdown-Men\u00fc hinzu<\/h3>\n<p>Obwohl es nicht f\u00fcr Anf\u00e4nger empfohlen wird, m\u00f6chten fortgeschrittene Benutzer vielleicht ihr eigenes Styling in ihre WordPress-Dropdown-Men\u00fcs integrieren. Bevor du<a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-css\/\"> jedoch direkt in das CSS springst<\/a>, musst du eine Klasse zu deinem Men\u00fc hinzuf\u00fcgen.<\/p>\n<p>Wenn du diesen Schritt \u00fcberspringst, kann dein <a href=\"https:\/\/kinsta.com\/de\/blog\/bearbeitest-wordpress-code\/#css\">benutzerdefiniertes CSS<\/a> Probleme f\u00fcr alle anderen Men\u00fcs auf deiner Webseite verursachen. Beispielsweise kannst du versehentlich ein Styling auf dein Fu\u00dfzeilenmen\u00fc anwenden, das du nur f\u00fcr dein Haupt-Dropdown-Men\u00fc gedacht hast.<\/p>\n<p>Klicke im Men\u00fc-Editor oben rechts auf <strong>Bildschirmoptionen<\/strong>:<\/p>\n<figure style=\"width: 263px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/registerkarte-bildschirmoptionen-menueditor.png\" alt=\"Die Registerkarte Bildschirmoptionen im Men\u00fceditor\" width=\"263\" height=\"98\"><figcaption class=\"wp-caption-text\">Die Registerkarte Bildschirmoptionen im Men\u00fceditor<\/figcaption><\/figure>\n<p>Then, check the box for <strong>CSS Classes<\/strong>:<\/p>\n<figure style=\"width: 727px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/kontrollkastchen-css-klassen-registerkarte-bildschirmoptionen.png\" alt=\"Das Kontrollk\u00e4stchen CSS-Klassen auf der Registerkarte Bildschirmoptionen\" width=\"727\" height=\"166\"><figcaption class=\"wp-caption-text\">Das Kontrollk\u00e4stchen CSS-Klassen auf der Registerkarte Bildschirmoptionen<\/figcaption><\/figure>\n<p>Dadurch wird jeder Seite in deinem Men\u00fc ein <strong>CSS-Klassen<\/strong>-Feld hinzugef\u00fcgt:<\/p>\n<figure style=\"width: 431px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/feld-css-klassen-menu-editor.png\" alt=\"Das Feld CSS-Klassen im Men\u00fc-Editor\" width=\"431\" height=\"508\"><figcaption class=\"wp-caption-text\">Das Feld CSS-Klassen im Men\u00fc-Editor<\/figcaption><\/figure>\n<p>Sobald du eine oder mehrere CSS-Klassen zu deinen Men\u00fcpunkten hinzuf\u00fcgst, wird jeder benutzerdefinierte Code, den du in dein Stylesheet einf\u00fcgst, nur auf die Eintr\u00e4ge in deinem Men\u00fc mit der von dir angegebenen Klasse angewendet.<\/p>\n<p>Du kannst jetzt zu deinem Stylesheet oder dem Customizer wechseln und mit der Arbeit an deinem <a href=\"https:\/\/kinsta.com\/de\/blog\/bearbeitest-wordpress-code\/#css\">benutzerdefinierten Styling<\/a> beginnen.<\/p>\n<h3>Schritt 5: Ver\u00f6ffentliche dein Men\u00fc an den besten Pl\u00e4tzen<\/h3>\n<p>Sobald dein WordPress-Dropdown-Men\u00fc so strukturiert ist, dass es deinen Bed\u00fcrfnissen entspricht, und du alle gew\u00fcnschten Anpassungen vorgenommen hast, kannst du es auf deiner Webseite ver\u00f6ffentlichen.<\/p>\n<p>Dieser Prozess wird leicht variieren, je nachdem, welches <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-theme-andern\/\">Theme<\/a> und welche Men\u00fcpunkte es unterst\u00fctzt. F\u00fcr dieses Beispiel werden wir das <a href=\"https:\/\/kinsta.com\/de\/blog\/twenty-twenty-theme\/\">Twenty Twenty Theme<\/a> verwenden.<\/p>\n<p>Bl\u00e4ttere im Men\u00fc-Editor nach unten zum Abschnitt <strong>Men\u00fceinstellungen<\/strong>:<\/p>\n<figure style=\"width: 636px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/abschnitt-menueinstellungen-editor-1.png\" alt=\"Der Abschnitt Men\u00fceinstellungen im Editor\" width=\"636\" height=\"210\"><figcaption class=\"wp-caption-text\">Der Abschnitt Men\u00fceinstellungen im Editor<\/figcaption><\/figure>\n<p>Du kannst das erste Kontrollk\u00e4stchen aktivieren, wenn du m\u00f6chtest, dass neue Seiten automatisch zu deinem Men\u00fc hinzugef\u00fcgt werden. Wenn du gerade erst mit deiner Webseite beginnst und noch nicht alle Schl\u00fcsselseiten hinzugef\u00fcgt hast, kann dies n\u00fctzlich sein. Achte jedoch darauf, dass du nicht versehentlich zu viele Eintr\u00e4ge zu deinem Men\u00fc hinzuf\u00fcgst.<\/p>\n<p>Unterhalb dieser Option siehst du eine Liste von Kontrollk\u00e4stchen, die die verschiedenen Bereiche deiner Webseite aufzeigt, in denen du dein Men\u00fc anzeigen kannst.<\/p>\n<p>Das Twenty Twenty Theme umfasst verschiedene Men\u00fcbereiche: <strong>Horizontales Desktop-Men\u00fc, Erweitertes Desktop-Men\u00fc, Mobiles Men\u00fc, Fu\u00dfzeilenmen\u00fc, Soziales Men\u00fc.<\/strong><\/p>\n<p>In diesem Fall eignet sich das von uns erstellte Men\u00fc am besten f\u00fcr die Position des <strong>horizontalen Desktop-Men\u00fcs<\/strong>, das sich in der Kopfzeile der Webseite befindet:<\/p>\n<figure style=\"width: 1627px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/horizontales-desktop-menu-twenty-twenty-theme.png\" alt=\"Horizontales Desktop-Men\u00fc f\u00fcr das Twenty-Twenty-Theme\" width=\"1627\" height=\"112\"><figcaption class=\"wp-caption-text\">Horizontales Desktop-Men\u00fc f\u00fcr das Twenty-Twenty-Theme<\/figcaption><\/figure>\n<p>Du kannst auch in Erw\u00e4gung ziehen, zur <strong>Registerkarte Locations<\/strong> verwalten im Bereich <strong>Men\u00fcs<\/strong> deines Dashboards zu navigieren. Hier siehst du alle von deinem Theme unterst\u00fctzten Men\u00fcpunkte sowie das Men\u00fc, das du jedem einzelnen zugeordnet hast:<\/p>\n<figure style=\"width: 1067px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/registerkarte-standorte-verwalten.png\" alt=\"Die Registerkarte \"Standorte verwalten\".\" width=\"1067\" height=\"479\"><figcaption class=\"wp-caption-text\">Die Registerkarte &#8222;Standorte verwalten&#8220;<\/figcaption><\/figure>\n<p>Wenn du deine Men\u00fcs platzierst, kann es hilfreich sein, zu sehen, wie sie auf dem Frontend aussehen werden.<\/p>\n<figure style=\"width: 288px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/option-verwalten-live-vorschau.png\" alt=\"Die Option Verwalten mit Live-Vorschau\" width=\"288\" height=\"99\"><figcaption class=\"wp-caption-text\">Die Option Verwalten mit Live-Vorschau<\/figcaption><\/figure>\n<p>Klicke auf die Schaltfl\u00e4che <strong>Verwalten mit Live-Vorschau<\/strong>, um zu sehen, wie dein Men\u00fc an dem von dir gew\u00e4hlten Ort mit dem WordPress Customizer angezeigt wird:<\/p>\n<figure style=\"width: 1378px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/live-vorschau-wordpress-menu-customizer.png\" alt=\"Eine Live-Vorschau f\u00fcr das WordPress-Men\u00fc im Customizer\" width=\"1378\" height=\"1049\"><figcaption class=\"wp-caption-text\">Eine Live-Vorschau f\u00fcr das WordPress-Men\u00fc im Customizer<\/figcaption><\/figure>\n<p>Danach kannst du dein Men\u00fc oder deine Men\u00fcs direkt aus dem Customizer heraus ver\u00f6ffentlichen. Wenn du jemals Eintr\u00e4ge zu deinem Dropdown-Men\u00fc hinzuf\u00fcgst oder entfernst, kannst du einfach zum Men\u00fc-Editor zur\u00fcckkehren und die erforderlichen Anpassungen vornehmen.<\/p>\n<h2>WordPress-Plugins zur Verbesserung des Dropdown-Men\u00fcs<\/h2>\n<p>Obwohl du voll funktionsf\u00e4hige WordPress-Navigationsmen\u00fcs ohne zus\u00e4tzliche Tools erstellen kannst, kann es manchmal n\u00fctzlich sein, die Funktionalit\u00e4t deines Men\u00fcs zu erweitern. Wenn das bei deiner Webseite der Fall ist, solltest du dir einige <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-menu-plugins\/\">popul\u00e4re WordPress-Men\u00fc-Plugins ansehen<\/a>.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/wp-nested-pages\/\">Verschachtelte Seiten<\/a> sind eine effiziente M\u00f6glichkeit f\u00fcr <a href=\"https:\/\/kinsta.com\/de\/blog\/langform-artikel\/\">inhaltsreiche Blogs<\/a>, Dropdown-Men\u00fcs zu erstellen. W\u00e4hrend es in erster Linie f\u00fcr die Organisation von Beitr\u00e4gen und Seiten verwendet wird, generiert dieses Plugin auch automatisch ein Men\u00fc, das die Struktur deines Inhalts widerspiegelt:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/verschachtelte-seiten-wordpress-plugin.png\" alt=\"Verschachtelte Seiten WordPress-Plugin\" width=\"1500\" height=\"488\"><figcaption class=\"wp-caption-text\">Verschachtelte Seiten WordPress-Plugin<\/figcaption><\/figure>\n<p>Es ist zwar nicht unbedingt ratsam, eine gro\u00dfe Anzahl von Punkten in deine Men\u00fcs aufzunehmen, aber manchmal ist es unvermeidlich.<\/p>\n<p>Wenn das bei deiner Webseite der Fall ist, kann <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-menu-plugins\/#max-mega-menu\">Max Mega Menu<\/a> dir helfen, deine bestehenden WordPress-Men\u00fcs zu einem &#8222;Mega-Men\u00fc&#8220; zusammenzufassen:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/max-mega-menu-1.png\" alt=\"Max Mega Menu WordPress-Plugin\" width=\"1500\" height=\"489\"><figcaption class=\"wp-caption-text\">Max Mega Menu WordPress-Plugin<\/figcaption><\/figure>\n<p>Da das mobile Surfen immer mehr zunimmt, ist es wichtig sicherzustellen, dass deine Men\u00fcs auch auf mobilen Ger\u00e4ten noch lesbar sind.<\/p>\n<p><a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-menu-plugins\/#wp-mobile-menu\">WP Mobile Menu<\/a> ist mit jedem responsive Theme kombinierbar und hilft dir, ein Navigationssystem f\u00fcr die Benutzer deiner Webseite zu erstellen, die sie gerade nutzen:<\/p>\n<figure style=\"width: 1500px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/wp-mobile-menu-1.png\" alt=\"wp mobile menu\" width=\"1500\" height=\"488\"><figcaption class=\"wp-caption-text\">WP Mobile Menus WordPress-Plugin<\/figcaption><\/figure>\n<p>Schlie\u00dflich kann es, wie wir bereits diskutiert haben, Situationen geben, in denen beschreibende Men\u00fcpunkte nicht ausreichen. In diesen Situationen solltest du vielleicht die Verwendung von Menu Image, Icons Made Easy in Betracht ziehen, wie wir in Schritt 3 oben beschrieben haben.<\/p>\n<p>Du kannst jedes dieser Plugins verwenden, um dein aktuelles Navigationssystem zu verbessern und dein WordPress-Dropdown-Men\u00fc effektiver zu gestalten. Denke nur daran, dass es manchmal besser ist, wenn es um die Navigation geht, <strong>einfacher zu sein<\/strong>. F\u00fcge nur dann zus\u00e4tzliche Funktionen hinzu, wenn dies deine UX verbessert und eine \u00dcberlastung deiner Webseite verhindert.<\/p>\n<h2>Fehlerbehebung f\u00fcr dein WordPress-Dropdown-Men\u00fc<\/h2>\n<p>Wenn du das Men\u00fc wie oben beschrieben konfiguriert hast, aber die Dropdown-Funktionalit\u00e4t nicht funktioniert, gibt es mehrere m\u00f6gliche Ursachen.<\/p>\n<p>Wir k\u00f6nnen zwar nicht alle hier behandeln, aber wir k\u00f6nnen dir helfen, die Ursache deines Problems einzugrenzen, damit du die richtige L\u00f6sung finden kannst.<\/p>\n<p>H\u00e4ufig ist ein nicht funktionierendes Men\u00fc das Ergebnis von widerspr\u00fcchlichem Code zwischen deinem benutzerdefinierten Men\u00fc und deinem Theme. Wenn dein Men\u00fc nicht funktioniert, solltest du als erstes auf ein Standardtheme wie Twenty Twenty umschalten. Wenn dein Men\u00fc wieder funktioniert, wirst du wissen, dass das Problem mit deinem Theme zu tun hatte. Du kannst dich dann an den Entwickler deines Themes wenden, um nach einer L\u00f6sung zu suchen.<\/p>\n<p>Es gibt noch einige andere m\u00f6gliche Ursachen:<\/p>\n<ul>\n<li><strong>Falsch eingegebener Code<\/strong>: \u00dcberpr\u00fcfe, ob die von dir hinzugef\u00fcgten benutzerdefinierten CSS korrekt sind und ob du CSS-Klassen verwendest, wie in Schritt 4 beschrieben.<\/li>\n<li><strong>Inkompatibilit\u00e4t des Plugins:<\/strong> Versuche, alle men\u00fcbezogenen Plugins, die du installiert hast, zu deaktivieren, um zu sehen, ob das Problem dadurch gel\u00f6st wird.<\/li>\n<li><strong>Veraltete jQuery<\/strong>: Aktualisiere auf die neueste Version von jQuery und versuche erneut, das Dropdown-Men\u00fc zu \u00f6ffnen.<\/li>\n<\/ul>\n<p>Wie wir bereits erw\u00e4hnt haben, sind die m\u00f6glichen Ursachen f\u00fcr das fehlerhafte Men\u00fc jedoch zahlreich. Wenn keine der oben genannten L\u00f6sungen zu funktionieren scheint, empfehlen wir, die <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-unterstutzung\/\">WordPress-Support-Foren<\/a> zu besuchen, sich an unser <a href=\"https:\/\/kinsta.com\/de\/kontaktiere-uns\/\">fachkundiges WordPress-Support-Team von Kinsta<\/a> zu wenden oder einen <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-entwickler-engagiert\/\">WordPress-Entwickler zu beauftragen<\/a>, das Problem f\u00fcr dich zu beheben.<\/p>\n\n<h2>Zusammenfassung<\/h2>\n<p>Auch wenn es wie eine Kleinigkeit aussieht, kann die Navigation deiner WordPress-Seite \u00fcber den Erfolg entscheiden. Die Verwendung von Dropdown-Men\u00fcs kann Platz auf den Bildschirmen der Besucher sparen und gleichzeitig es erm\u00f6glichen, dass sich die Benutzer leicht auf deiner Webseite zurechtzufinden und zudem deine Conversions verbessern.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Die Webseiten-Navigation ist der Schl\u00fcssel dazu, dass deine Benutzer zum gew\u00fcnschten Ziel gelangen. Ein gut gestaltetes Men\u00fc kann die User Experience (UX) erheblich verbessern und sogar &#8230;<\/p>\n","protected":false},"author":103,"featured_media":32423,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[280,29],"topic":[999,1010],"class_list":["post-32379","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-ux","tag-wordpress","topic-wordpress-entwicklung","topic-wordpress-tipps"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Wie man ein Dropdown-Men\u00fc in WordPress Erstellt (in 5 Schritten)<\/title>\n<meta name=\"description\" content=\"Musst du viele Punkte in deinem WordPress-Men\u00fc unterbringen? Schnelle L\u00f6sung: Erstelle ein WordPress-Dropdown-Men\u00fc in nur wenigen Schritten mit dieser Anleitung!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Wie man ein Dropdown-Men\u00fc in WordPress Erstellt (in 5 Schritten)\" \/>\n<meta property=\"og:description\" content=\"Musst du viele Punkte in deinem WordPress-Men\u00fc unterbringen? Schnelle L\u00f6sung: Erstelle ein WordPress-Dropdown-Men\u00fc in nur wenigen Schritten mit dieser Anleitung!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-26T14:19:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-01T19:22:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/02\/dropdown-menu-wordpress.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Matteo Du\u00f2\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Musst du viele Punkte in deinem WordPress-Men\u00fc unterbringen? Schnelle L\u00f6sung: Erstelle ein WordPress-Dropdown-Men\u00fc in nur wenigen Schritten mit dieser Anleitung!\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/02\/dropdown-menu-wordpress.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@matteoduo\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Matteo Du\u00f2\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"15\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/\"},\"author\":{\"name\":\"Matteo Du\u00f2\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/9d811e805493f00205e6409451055174\"},\"headline\":\"Wie man ein Dropdown-Men\u00fc in WordPress Erstellt (in 5 Schritten)\",\"datePublished\":\"2020-02-26T14:19:10+00:00\",\"dateModified\":\"2025-10-01T19:22:20+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/\"},\"wordCount\":2980,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/02\/dropdown-menu-wordpress.jpg\",\"keywords\":[\"ux\",\"WordPress\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/\",\"name\":\"Wie man ein Dropdown-Men\u00fc in WordPress Erstellt (in 5 Schritten)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/02\/dropdown-menu-wordpress.jpg\",\"datePublished\":\"2020-02-26T14:19:10+00:00\",\"dateModified\":\"2025-10-01T19:22:20+00:00\",\"description\":\"Musst du viele Punkte in deinem WordPress-Men\u00fc unterbringen? Schnelle L\u00f6sung: Erstelle ein WordPress-Dropdown-Men\u00fc in nur wenigen Schritten mit dieser Anleitung!\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/02\/dropdown-menu-wordpress.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/02\/dropdown-menu-wordpress.jpg\",\"width\":1460,\"height\":730,\"caption\":\"Wie man ein Dropdown-Men\u00fc in WordPress Erstellt (in 5 Schritten)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress Tipps\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/wordpress-tipps\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Wie man ein Dropdown-Men\u00fc in WordPress Erstellt (in 5 Schritten)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/9d811e805493f00205e6409451055174\",\"name\":\"Matteo Du\u00f2\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g\",\"caption\":\"Matteo Du\u00f2\"},\"description\":\"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.\",\"sameAs\":[\"https:\/\/www.matteoduo.com\",\"https:\/\/www.linkedin.com\/in\/matteoduo\/\",\"https:\/\/x.com\/matteoduo\"],\"url\":\"https:\/\/kinsta.com\/de\/blog\/author\/matteoduo\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Wie man ein Dropdown-Men\u00fc in WordPress Erstellt (in 5 Schritten)","description":"Musst du viele Punkte in deinem WordPress-Men\u00fc unterbringen? Schnelle L\u00f6sung: Erstelle ein WordPress-Dropdown-Men\u00fc in nur wenigen Schritten mit dieser Anleitung!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/","og_locale":"de_DE","og_type":"article","og_title":"Wie man ein Dropdown-Men\u00fc in WordPress Erstellt (in 5 Schritten)","og_description":"Musst du viele Punkte in deinem WordPress-Men\u00fc unterbringen? Schnelle L\u00f6sung: Erstelle ein WordPress-Dropdown-Men\u00fc in nur wenigen Schritten mit dieser Anleitung!","og_url":"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_published_time":"2020-02-26T14:19:10+00:00","article_modified_time":"2025-10-01T19:22:20+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/02\/dropdown-menu-wordpress.jpg","type":"image\/jpeg"}],"author":"Matteo Du\u00f2","twitter_card":"summary_large_image","twitter_description":"Musst du viele Punkte in deinem WordPress-Men\u00fc unterbringen? Schnelle L\u00f6sung: Erstelle ein WordPress-Dropdown-Men\u00fc in nur wenigen Schritten mit dieser Anleitung!","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/02\/dropdown-menu-wordpress.jpg","twitter_creator":"@matteoduo","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Matteo Du\u00f2","Gesch\u00e4tzte Lesezeit":"15\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/"},"author":{"name":"Matteo Du\u00f2","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/9d811e805493f00205e6409451055174"},"headline":"Wie man ein Dropdown-Men\u00fc in WordPress Erstellt (in 5 Schritten)","datePublished":"2020-02-26T14:19:10+00:00","dateModified":"2025-10-01T19:22:20+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/"},"wordCount":2980,"commentCount":1,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/02\/dropdown-menu-wordpress.jpg","keywords":["ux","WordPress"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/","url":"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/","name":"Wie man ein Dropdown-Men\u00fc in WordPress Erstellt (in 5 Schritten)","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/02\/dropdown-menu-wordpress.jpg","datePublished":"2020-02-26T14:19:10+00:00","dateModified":"2025-10-01T19:22:20+00:00","description":"Musst du viele Punkte in deinem WordPress-Men\u00fc unterbringen? Schnelle L\u00f6sung: Erstelle ein WordPress-Dropdown-Men\u00fc in nur wenigen Schritten mit dieser Anleitung!","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/02\/dropdown-menu-wordpress.jpg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/02\/dropdown-menu-wordpress.jpg","width":1460,"height":730,"caption":"Wie man ein Dropdown-Men\u00fc in WordPress Erstellt (in 5 Schritten)"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/dropdown-menu-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"WordPress Tipps","item":"https:\/\/kinsta.com\/de\/thema\/wordpress-tipps\/"},{"@type":"ListItem","position":3,"name":"Wie man ein Dropdown-Men\u00fc in WordPress Erstellt (in 5 Schritten)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/9d811e805493f00205e6409451055174","name":"Matteo Du\u00f2","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/78636e34d9c125b93efb7e0893a776f8?s=96&d=mm&r=g","caption":"Matteo Du\u00f2"},"description":"Head of Content at Kinsta and Content Marketing Consultant for WordPress plugin developers. Connect with Matteo on Twitter.","sameAs":["https:\/\/www.matteoduo.com","https:\/\/www.linkedin.com\/in\/matteoduo\/","https:\/\/x.com\/matteoduo"],"url":"https:\/\/kinsta.com\/de\/blog\/author\/matteoduo\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/32379","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/103"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=32379"}],"version-history":[{"count":4,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/32379\/revisions"}],"predecessor-version":[{"id":36916,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/32379\/revisions\/36916"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/32379\/translations\/en"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/32379\/translations\/pt"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/32379\/translations\/es"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/32379\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/32379\/translations\/de"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/32379\/translations\/se"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/32379\/translations\/it"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/32379\/translations\/dk"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/32379\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/32379\/translations\/nl"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/32379\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/32423"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=32379"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=32379"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=32379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}