{"id":12443,"date":"2018-05-09T09:51:44","date_gmt":"2018-05-09T09:51:44","guid":{"rendered":"https:\/\/www.templatemonster.com\/de\/blog\/?p=12443"},"modified":"2020-04-02T13:44:21","modified_gmt":"2020-04-02T13:44:21","slug":"wie-erstellt-man-eine-navigation-in-wordpress-mit-wp_nav_menu","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/de\/wie-erstellt-man-eine-navigation-in-wordpress-mit-wp_nav_menu\/","title":{"rendered":"WordPress: Wie f\u00fcgt man eigene Navigation mit  wp_nav_menu() ein?"},"content":{"rendered":"<p><span style=\"font-weight: 400\">Mit jedem WordPress Theme werden viele Elemente standardm\u00e4\u00dfig mitgeliefert. Harte Codierung der Navigation ist erforderlich, wenn\u00a0man\u00a0Inhalte\u00a0schon\u00a0ver\u00f6ffentlicht hat, aber\u00a0sie sind\u00a0nicht dynamisch. Die beste Methode w\u00e4re es, eine benutzerdefinierte Navigation programmatisch zu erstellen und sie in ein Theme einzubinden.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Weiter\u00a0betrachten\u00a0wir benutzerdefinierte Optionen\u00a0und gehen der Frage nach, wie Ihr ein neues Men\u00fc von Grund auf erstellt. Diesen Beitrag k\u00f6nnt Ihr in der Folge als eine Kurzanleitung f\u00fcr die Programmierung nutzen.<\/span><\/p>\n<h3 style=\"text-align: center\">Grundlagen\u00a0der\u00a0Navigationsmen\u00fcs<\/h3>\n<p><span style=\"font-weight: 400\">Bevor mit WordPress 3.0 viele Erweiterungen eingef\u00fchrt wurden, setzte man bei der Theme-Entwicklung <\/span><a href=\"http:\/\/codex.wordpress.org\/Function_Reference\/wp_page_menu\" target=\"_blank\" rel=\"nofollow\"><span style=\"font-weight: 400\">wp_page_menu()<\/span><\/a><span style=\"font-weight: 400\"> ein. Diese Funktion l\u00e4sst alle Seiten als eine Liste mit einem Link zur Homepage ausgeben. Ihre Parameter\u00a0 wurden im WordPress Codex beschrieben.\u00a0Bei Bedarf k\u00f6nnt Ihr das\u00a0Men\u00fc in der Sidebar oder im Footer unterbringen.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400\">Eines gr\u00f6\u00dferen Zuspruchs erfreut sich <\/span><a href=\"http:\/\/codex.wordpress.org\/WordPress_Menu_User_Guide\" target=\"_blank\" rel=\"nofollow\"><span style=\"font-weight: 400\">das eingebaute Men\u00fcsystem<\/span><\/a><span style=\"font-weight: 400\">, um die Navigation in WordPress zu erstellen. Damit k\u00f6nnen Administratoren\u00a0benutzerdefinierte Men\u00fcs nach\u00a0ihren Vorstellungen\u00a0anlegen, indem sie Links <\/span><span style=\"font-weight: 400\">via <\/span><span style=\"font-weight: 400\">Drag<\/span><span style=\"font-weight: 400\">-and-<\/span><span style=\"font-weight: 400\">drop anordnen, um <\/span><span style=\"font-weight: 400\">Hierarchie und Struktur manuell vorzugeben.\u00a0Ihr k\u00f6nnt Links direkt zu Posts, Seiten, Kategorien, Tags,\u00a0also fast zu allen Bereichen auf Eurer Website verwalten. <\/span><\/p>\n<p><span style=\"font-weight: 400\">Der erste Schritt ist es, den Code in <\/span><b>functions<\/b><span style=\"font-weight: 400\">.<\/span><b>php<\/b><span style=\"font-weight: 400\">-Datei einzuf\u00fcgen, mit der sich ein Men\u00fc anlegen l\u00e4sst. Ihr k\u00f6nnt das \u00fcber <a href=\"http:\/\/codex.wordpress.org\/Function_Reference\/register_nav_menu\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">register_nav_menu()<\/a><\/span><span style=\"font-weight: 400\">-<\/span><span style=\"font-weight: 400\">Funktion <\/span><span style=\"font-weight: 400\">\u00a0oder \u00a0<a href=\"http:\/\/codex.wordpress.org\/Function_Reference\/register_nav_menus\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">register_nav_menus()<\/a>\u00a0tun, wenn Ihr mehrere Men\u00fcs einbinden wollt. Diese Men\u00fcs erfordern nur einen einzigen ID<strong> $location\u00a0<\/strong>mit\u00a0einer beschreibenden Zeile:<\/span><\/p>\n<div class=\"wp_syntax\">\n<table style=\"height: 70px\" width=\"646\">\n<tbody>\n<tr>\n<td class=\"line_numbers\" style=\"width: 58px\">\n<pre>1\r\n<\/pre>\n<\/td>\n<td class=\"code\" style=\"width: 484px\">\n<pre class=\"php\">register_nav_menu( 'primary', 'Primary Menu' );<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p><span style=\"font-weight: 400\"><strong>$location<\/strong> entspricht eher der <\/span><span style=\"font-weight: 400\">ID bzw. dem Slug, die zur Men\u00fc-Identifizierung im Theme verwendet wird. Ihr\u00a0m\u00fcsst in jeder php-Datei Eures Themes\u00a0<\/span><span style=\"font-weight: 400\">auf definiertes Element\u00a0 verweisen, das dargestellt werden soll. Ihr solltet beachten, dass die Unterst\u00fctzung f\u00fcr Navigationsmen\u00fcs in Eurem Theme \u00a0automatisch aktiviert wird,\u00a0deshalb braucht Ihr nicht die <\/span><a href=\"http:\/\/codex.wordpress.org\/Function_Reference\/add_theme_support\" target=\"_blank\" rel=\"nofollow\"><span style=\"font-weight: 400\">add_theme_support()<\/span><\/a><span style=\"font-weight: 400\">-Funktion f\u00fcr Men\u00fcs anzuwenden.<\/span><\/p>\n<h3 style=\"text-align: center\">Positionen im Theme<\/h3>\n<p>Nachdem Ihr das Men\u00fc in\u00a0<strong>functions.php<\/strong> registriert\u00a0habt, k\u00f6nnen wir zu anderen Theme-Dateien, und zwar\u00a0<strong>header.php<\/strong> \u00fcbergehen. In diese Datei kann man einen einfachen Code einf\u00fcgen. Dieser Code-Schnipsel wurde bei WordPress Codex aus \u00a0<a href=\"http:\/\/codex.wordpress.org\/Function_Reference\/wp_nav_menu\" target=\"_blank\" rel=\"nofollow\">wp_nav_menu()<\/a> kopiert und hat alle optionalen Parameter.<\/p>\n<div class=\"wp_syntax\">\n<table>\n<tbody>\n<tr>\n<td class=\"line_numbers\">\n<pre>1\r\n2\r\n3\r\n4\r\n5\r\n6\r\n7\r\n8\r\n9\r\n10\r\n11\r\n12\r\n13\r\n14\r\n15\r\n16\r\n17\r\n18\r\n19\r\n20\r\n<\/pre>\n<\/td>\n<td class=\"code\">\n<pre class=\"php\">$defaults = array(\r\n\t'theme_location'  =&amp;gt; '',\r\n\t'menu'            =&amp;gt; '',\r\n\t'container'       =&amp;gt; 'div',\r\n\t'container_class' =&amp;gt; '',\r\n\t'container_id'    =&amp;gt; '',\r\n\t'menu_class'      =&amp;gt; 'menu',\r\n\t'menu_id'         =&amp;gt; '',\r\n\t'echo'            =&amp;gt; true,\r\n\t'fallback_cb'     =&amp;gt; 'wp_page_menu',\r\n\t'before'          =&amp;gt; '',\r\n\t'after'           =&amp;gt; '',\r\n\t'link_before'     =&amp;gt; '',\r\n\t'link_after'      =&amp;gt; '',\r\n\t'items_wrap'      =&amp;gt; '&amp;lt;ul id=\"%1$s\" class=\"%2$s\"&amp;gt;%3$s&amp;lt;\/ul&amp;gt;',\r\n\t'depth'           =&amp;gt; 0,\r\n\t'walker'          =&amp;gt; ''\r\n);\r\n\u00a0\r\nwp_nav_menu( $defaults );<\/pre>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<p><span style=\"font-weight: 400\">Mit diesen Optionen setzen wir uns weiter auseinander. Auf\u00a0 zwei obere m\u00f6chten wir hier n\u00e4her eingehen.\u00a0<\/span><span style=\"font-weight: 400\">Bitte achtet darauf, dass\u00a0diese optional sind, und Werte, die Ihr unten seht, werden zum Standard, wenn sie nicht\u00a0ge\u00e4ndert werden. <strong>theme_location<\/strong> sollte mit dem <\/span><span style=\"font-weight: 400\">location-Slug<\/span><span style=\"font-weight: 400\"> \u00fcbereinstimmen, den Ihr bei der Men\u00fc-Registrierung ausgew\u00e4hlt haben. Dies ist der einzige Wert, den Ihr \u00e4ndern solltet, um sicherzustellen, dass es \u00fcbereinstimmt.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Manchmal werden der Men\u00fcplatz mit dem <strong>menu<\/strong>\u00a0verwechselt, weil sie einander sehr \u00e4hnlich sind. In der Tat sollte das Men\u00fc fast immer\u00a0 weggelassen werden, denn das erm\u00f6glicht einem Webmaster, das erstellte Men\u00fc einem Men\u00fcplatz zuzuordnen. Dieser <strong>menu<\/strong> -Parameter wird verwendet, um ein vorgefertigtes Admin-Men\u00fc einzubinden. Es\u00a0muss mit einem\u00a0 bestehenden Men\u00fc identisch sein, das bereits erstellt wurde. Da man oft\u00a0kein bestehendes Men\u00fc ha<span style=\"color: #333333\">t (oder Men\u00fcs k\u00f6nnen sich\u00a0auf Websites unterscheiden), <\/span>w\u00e4re es am besten, es au\u00dferhalb der Navigation Eures Themes zu lassen.<\/span><\/p>\n<h3 style=\"text-align: center\">Einstellen der Parameter<\/h3>\n<p><span style=\"font-weight: 400\">Die anderen Einstellungen dienen haupts\u00e4chlich zur Anpassung, deshalb Ihr sie ignorieren k\u00f6nnt. Betrachten wir die \u00fcbrigen, damit wir die M\u00f6glichkeiten\u00a0besser verstehen. <strong>container, container_class<\/strong> und <strong>container_id<\/strong> sind beim Formatieren des Men\u00fcs hilfreich. Das \u00e4u\u00dfere Container-Element umgibt das UL-Element, so dass es auch ein HTML5 <strong>&lt;nav&gt;<\/strong> sein kann, wenn Ihr die Semantik m\u00f6gt.<\/span><\/p>\n<p><span style=\"font-weight: 400\"><strong>menu_class<\/strong> und <strong>menu_id<\/strong> \u00a0werden auf die ungeordnete Liste angewendet. Jedes Men\u00fc bekommt die .menu-Klasse.\u00a0Ihr k\u00f6nnt\u00a0das\u00a0\u00e4ndern, wenn\u00a0Ihr mehrere Men\u00fcs verwendet. Der <strong>Echo<\/strong>-Parameter teilt dieser Funktion mit, das HTML-Men\u00fc auszugeben ist, andernfalls wird der Wert an eine Funktion oder PHP-Variable zur\u00fcckgegeben. Wenn <\/span><a href=\"http:\/\/codex.wordpress.org\/Function_Reference\/wp_nav_menu\" target=\"_blank\" rel=\"nofollow\"><span style=\"font-weight: 400\">wp_nav_menu()<\/span><\/a><span style=\"font-weight: 400\"> \u00a0aus irgendeinem Grund nicht ausgef\u00fchrt werden kann, wird automatisch auf die Verwendung von <\/span><a href=\"http:\/\/codex.wordpress.org\/Function_Reference\/wp_page_menu\" target=\"_blank\" rel=\"nofollow\"><span style=\"font-weight: 400\">wp_page_menu()<\/span><\/a><span style=\"font-weight: 400\"> zur\u00fcckgegriffen, wie es bereits erw\u00e4hnt wurde.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Die n\u00e4chsten zwei <\/span><b>before- und after<\/b><span style=\"font-weight: 400\">-Parameter\u00a0lassen\u00a0<span style=\"color: #333333\">HTML <\/span>direkt vor oder nach dem Anker-Link ausgeben. <\/span><b>link_before<\/b><span style=\"font-weight: 400\"> und <\/span><b>link_after<\/b><span style=\"font-weight: 400\"> f\u00fcgen HTML innerhalb der Anker-Links direkt vor und nach dem Text hinzu. Es sollte darauf geachtet werden, dass diese Optionen nicht verwechselt werden! Wenn Ihr Zweifel habt, w\u00e4re es empfehlenswert im \u00a0Codex nachzuschlagen.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Nun wenn Ihr eine ungeordnete Liste nicht verwenden wollt, dann k\u00f6nnt Ihr das in <\/span><b>items_wrap<\/b><span style=\"font-weight: 400\"> \u00e4ndern. Es wird die <a href=\"http:\/\/php.net\/manual\/en\/function.sprintf.php\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">sprintf()<\/a>-Syntax angewendet, um Werte durch dynamische Parameter in derselben Funktion zu ersetzen.\u00a0<\/span><b><strong>%1$s<\/strong> <\/b><span style=\"font-weight: 400\">steht f\u00fcr menu_id, <\/span><b>%2$s <\/b>- f\u00fcr<b> <\/b><span style=\"font-weight: 400\">menu_class und <\/span><b>%3$s <\/b><span style=\"font-weight: 400\">bezieht sich auf die Ausgabe der Listenelemente. Da es sehr viel zus\u00e4tzliche Arbeit erfordert, um die &lt;li&gt; -Elemente zu \u00e4ndern, w\u00e4re es besser, das unver\u00e4ndert \u00a0zu lassen.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Der <\/span><b>depth<\/b><span style=\"font-weight: 400\">-Parameter teilt dem Men\u00fc von der <\/span><span style=\"font-weight: 400\">Hierarchie<\/span><span style=\"font-weight: 400\">-<\/span><span style=\"font-weight: 400\">Tiefe <\/span><span style=\"font-weight: 400\">mit. Wenn\u00a0Eure Header-Navigation ein 1-Level-Dropdown-Men\u00fc darstellt, braucht Ihr\u00a0nur eine Ebene. Ein 2-Level-Flyout-Men\u00fc unterst\u00fctzt\u00a02 \u00a0<\/span><span style=\"font-weight: 400\">Hierarchie-<\/span><span style=\"font-weight: 400\">Ebenen. <\/span><span style=\"font-weight: 400\">\u00a0-1 ist ein spezieller Wert, der alle Links im Men\u00fc anzeigen l\u00e4sst und sie in der gleichen Ebene zusammenfasst.<\/span><\/p>\n<p><b>$walker<\/b><span style=\"font-weight: 400\">-Klasse ist ein spezieller Parameter, der die Ausgabe der Inhalte in einer Baumhierarchie in WordPress anpassen l\u00e4sst.\u00a0Das ist ein fortgeschrittenes Thema, mehr dar\u00fcber k\u00f6nnt Ihr im <\/span><a href=\"http:\/\/codex.wordpress.org\/Class_Reference\/Walker\" target=\"_blank\" rel=\"nofollow\"><span style=\"font-weight: 400\">Referenz-Guide f\u00fcr Walker-Klassen<\/span><\/a><span style=\"font-weight: 400\"> lesen.<\/span><\/p>\n<h3 style=\"text-align: center\">Men\u00fcs im Admin-Bereich anlegen<\/h3>\n<p><span style=\"font-weight: 400\">Dieser letzte Abschnitt sollte Administratoren und Webmastern eine bessere M\u00f6glichkeit bieten, Men\u00fcs zu verstehen. Nachdem Ihr euch im Admin-Panel angemeldet habt, solltet Ihr mit der Maus <\/span><span style=\"font-weight: 400\">\u201eDesign\u201c\u00a0\u00fcberfahren und den Men\u00fc-Link anklicken.<\/span><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-12446\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2018\/05\/select-menu-wp-admin-screenshot.jpg\" alt=\"\" width=\"620\" height=\"400\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2018\/05\/select-menu-wp-admin-screenshot.jpg 620w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2018\/05\/select-menu-wp-admin-screenshot-300x194.jpg 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p><span style=\"font-weight: 400\">Hier k\u00f6nnt Ihr Links neu anordnen, damit sie vom linken Akkordeon in den rechten Bereich gehen. Sie k\u00f6nnen dem Men\u00fc einen Namen geben, der in PHP referenziert werden kann. Beachtet jedoch, dass oben ein Drop-down-Auswahlmen\u00fc angezeigt wird. Sobald Ihr eine Navigation registriert und ihr eine Platz im Theme zugewiesen habt, erscheint \u00a0sie in diesem Dropdown-Men\u00fc,\u00a0wo der Administrator ausw\u00e4hlen kann. Auf diese Weise k\u00f6nnen Webmaster ihre eigenen Men\u00fcs erstellen, ohne in PHP programmieren zu m\u00fcssen.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Auf der linken Seite k\u00f6nnt Ihr zwischen Seiten, Posts, Links, Kategorien und Tags w\u00e4hlen. Wenn Ihr auf den kleinen Tab \"Bildschirm-Optionen\" oben rechts klicken, k\u00f6nnt Ihr einige dieser Optionen ausblenden. Ihr findet au\u00dferdem erweiterte Men\u00fcoptionen, mit denen Ihr jedem Link ein Ziel (z. B. target = \"_ blank\") oder sogar CSS-Klassen zuweisen k\u00f6nnt.<\/span><\/p>\n<p><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-12447\" src=\"https:\/\/www.templatemonster.com\/blog\/de\/wp-content\/uploads\/2018\/05\/wordpress-menus-screen-options.jpg\" alt=\"\" width=\"620\" height=\"400\" srcset=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2018\/05\/wordpress-menus-screen-options.jpg 620w, https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2018\/05\/wordpress-menus-screen-options-300x194.jpg 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p><span style=\"font-weight: 400\">Jeder Link zu Kategorien k\u00f6nnte eine andere Klasse f\u00fcr einzigartige Farbe verwenden, wenn sie definiert\u00a0wird. Standardm\u00e4\u00dfig verkn\u00fcpft Ihr jeden Link mit einem Text und einer kurzen Beschreibung, die oft nur vom Website-Administrator verwendet wird. Links k\u00f6nnen auch \u00fcber Titel-Attribute und XFN-Werte verf\u00fcgen.<\/span><\/p>\n<p><span style=\"font-weight: 400\">Je mehr Ihr Men\u00fcs \u00fcber dieses Men\u00fcsystem anlegt, desto\u00a0einfacher wird es f\u00fcr Euch. Erfahrene Entwickler, die WordPress seit Jahren verwenden, finden es sehr praktisch. Newcomer, die nur die Grundlagen von WordPress erlernen, k\u00f6nnen es auch problemlos verwenden.<\/span><\/p>\n<h3 style=\"text-align: center\"><span style=\"font-weight: 400\">Zum Schluss <\/span><\/h3>\n<p><span style=\"font-weight: 400\">Wir hoffen, dass der Blick auf das WordPress-Navigationssystem angehenden Entwicklern helfen kann, direkt in das Thema einzutauchen. Nat\u00fcrlich gibt es noch andere grundlegende Aspekte beim Codieren eines Themes. Aber die Navigation ist sehr wichtig und kann etwas verwirrend wirken, wenn Ihr noch nie so etwas gebaut habt. Probiert \u00a0die angef\u00fchrten PHP-Codes aus und Ihr seht, was Ihr am Theme mit WordPress vornehmen k\u00f6nnt.<\/span><\/p>\n<p>Dieser Beitrag wurde aus dem Englischen ins Deutsche \u00fcbertragen. Das <a href=\"https:\/\/www.templatemonster.com\/blog\/how-to-build-wordpress-navigation-using-wp_nav_menu\/\" target=\"_blank\">Original<\/a> ist hier zu lesen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mit jedem WordPress Theme werden viele Elemente standardm\u00e4\u00dfig mitgeliefert. Harte Codierung der Navigation ist erforderlich, wenn\u00a0man\u00a0Inhalte\u00a0schon\u00a0ver\u00f6ffentlicht hat, aber\u00a0sie sind\u00a0nicht dynamisch. Die beste Methode w\u00e4re es, eine benutzerdefinierte Navigation programmatisch zu erstellen und sie in ein Theme einzubinden.\u00a0 Weiter\u00a0betrachten\u00a0wir benutzerdefinierte Optionen\u00a0und gehen der Frage nach, wie Ihr ein neues Men\u00fc von Grund auf erstellt. Diesen Beitrag [&hellip;]<\/p>\n","protected":false},"author":1657845,"featured_media":12445,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[19,16],"tags":[187,110],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Benutzerdefinierte Men\u00fcs im WordPress Theme anlegen<\/title>\n<meta name=\"description\" content=\"In jedem WordPress Theme gibt es standardm\u00e4\u00dfig ein Men\u00fc. Mit register_nav_menu k\u00f6nnt Ihr benutzerdefinierte Men\u00fcs anlegen.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/de\/wie-erstellt-man-eine-navigation-in-wordpress-mit-wp_nav_menu\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Benutzerdefinierte Men\u00fcs im WordPress Theme anlegen\" \/>\n<meta property=\"og:description\" content=\"In jedem WordPress Theme gibt es standardm\u00e4\u00dfig ein Men\u00fc. Mit register_nav_menu k\u00f6nnt Ihr benutzerdefinierte Men\u00fcs anlegen.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/de\/wie-erstellt-man-eine-navigation-in-wordpress-mit-wp_nav_menu\/\" \/>\n<meta property=\"og:site_name\" content=\"TemplateMonster Deutscher Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/templatemonster.de\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-05-09T09:51:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-04-02T13:44:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2018\/05\/featured_image6-768x459.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"768\" \/>\n\t<meta property=\"og:image:height\" content=\"459\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Olga Kulmann\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TM_Deutschland\" \/>\n<meta name=\"twitter:site\" content=\"@TM_Deutschland\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Olga Kulmann\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/de\/wie-erstellt-man-eine-navigation-in-wordpress-mit-wp_nav_menu\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/de\/wie-erstellt-man-eine-navigation-in-wordpress-mit-wp_nav_menu\/\"},\"author\":{\"name\":\"Olga Kulmann\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/8da307d177541069e7bf4abccc1e6130\"},\"headline\":\"WordPress: Wie f\u00fcgt man eigene Navigation mit wp_nav_menu() ein?\",\"datePublished\":\"2018-05-09T09:51:44+00:00\",\"dateModified\":\"2020-04-02T13:44:21+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/de\/wie-erstellt-man-eine-navigation-in-wordpress-mit-wp_nav_menu\/\"},\"wordCount\":1255,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\"},\"keywords\":[\"Navigation\",\"Usability\"],\"articleSection\":[\"Anleitungen\",\"Webentwicklung\"],\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/de\/wie-erstellt-man-eine-navigation-in-wordpress-mit-wp_nav_menu\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/de\/wie-erstellt-man-eine-navigation-in-wordpress-mit-wp_nav_menu\/\",\"url\":\"https:\/\/monsterspost.com\/de\/wie-erstellt-man-eine-navigation-in-wordpress-mit-wp_nav_menu\/\",\"name\":\"Benutzerdefinierte Men\u00fcs im WordPress Theme anlegen\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#website\"},\"datePublished\":\"2018-05-09T09:51:44+00:00\",\"dateModified\":\"2020-04-02T13:44:21+00:00\",\"description\":\"In jedem WordPress Theme gibt es standardm\u00e4\u00dfig ein Men\u00fc. Mit register_nav_menu k\u00f6nnt Ihr benutzerdefinierte Men\u00fcs anlegen.\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/de\/wie-erstellt-man-eine-navigation-in-wordpress-mit-wp_nav_menu\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/de\/wie-erstellt-man-eine-navigation-in-wordpress-mit-wp_nav_menu\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/de\/wie-erstellt-man-eine-navigation-in-wordpress-mit-wp_nav_menu\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress: Wie f\u00fcgt man eigene Navigation mit wp_nav_menu() ein?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/de\/#website\",\"url\":\"https:\/\/monsterspost.com\/de\/\",\"name\":\"TemplateMonster Deutscher Blog\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/de\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\",\"name\":\"MonsterPost Deutschland\",\"url\":\"https:\/\/monsterspost.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost Deutschland\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/channel\/UC19iEGcEhlFidO5ruNGE5yg\",\"https:\/\/www.facebook.com\/templatemonster.de\/\",\"https:\/\/twitter.com\/TM_Deutschland\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/8da307d177541069e7bf4abccc1e6130\",\"name\":\"Olga Kulmann\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/514d0fd5ba77426a747ad480e3c87ae5?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/514d0fd5ba77426a747ad480e3c87ae5?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Olga Kulmann\"},\"description\":\"Olga Kulmann ist Mitglied des deutschen Marketer-Teams von TemplateMonster. Ihr Interessenkreis umfasst von Online-Marketing \u00fcber E-Commerce bis hin zum Webdesign. Olgas Anliegen ist es, die Blogleser mit besten Erfahrungen und gepr\u00fcftem Expertenwissen in diesen Bereichen vertraut zu machen. Olga auf Facebook.\",\"url\":\"https:\/\/monsterspost.com\/de\/author\/kulmann\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Benutzerdefinierte Men\u00fcs im WordPress Theme anlegen","description":"In jedem WordPress Theme gibt es standardm\u00e4\u00dfig ein Men\u00fc. Mit register_nav_menu k\u00f6nnt Ihr benutzerdefinierte Men\u00fcs anlegen.","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:\/\/monsterspost.com\/de\/wie-erstellt-man-eine-navigation-in-wordpress-mit-wp_nav_menu\/","og_locale":"de_DE","og_type":"article","og_title":"Benutzerdefinierte Men\u00fcs im WordPress Theme anlegen","og_description":"In jedem WordPress Theme gibt es standardm\u00e4\u00dfig ein Men\u00fc. Mit register_nav_menu k\u00f6nnt Ihr benutzerdefinierte Men\u00fcs anlegen.","og_url":"https:\/\/monsterspost.com\/de\/wie-erstellt-man-eine-navigation-in-wordpress-mit-wp_nav_menu\/","og_site_name":"TemplateMonster Deutscher Blog","article_publisher":"https:\/\/www.facebook.com\/templatemonster.de\/","article_published_time":"2018-05-09T09:51:44+00:00","article_modified_time":"2020-04-02T13:44:21+00:00","og_image":[{"width":768,"height":459,"url":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2018\/05\/featured_image6-768x459.jpg","type":"image\/jpeg"}],"author":"Olga Kulmann","twitter_card":"summary_large_image","twitter_creator":"@TM_Deutschland","twitter_site":"@TM_Deutschland","twitter_misc":{"Verfasst von":"Olga Kulmann","Gesch\u00e4tzte Lesezeit":"7 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/de\/wie-erstellt-man-eine-navigation-in-wordpress-mit-wp_nav_menu\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/de\/wie-erstellt-man-eine-navigation-in-wordpress-mit-wp_nav_menu\/"},"author":{"name":"Olga Kulmann","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/8da307d177541069e7bf4abccc1e6130"},"headline":"WordPress: Wie f\u00fcgt man eigene Navigation mit wp_nav_menu() ein?","datePublished":"2018-05-09T09:51:44+00:00","dateModified":"2020-04-02T13:44:21+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/de\/wie-erstellt-man-eine-navigation-in-wordpress-mit-wp_nav_menu\/"},"wordCount":1255,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/de\/#organization"},"keywords":["Navigation","Usability"],"articleSection":["Anleitungen","Webentwicklung"],"inLanguage":"de-DE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/de\/wie-erstellt-man-eine-navigation-in-wordpress-mit-wp_nav_menu\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/de\/wie-erstellt-man-eine-navigation-in-wordpress-mit-wp_nav_menu\/","url":"https:\/\/monsterspost.com\/de\/wie-erstellt-man-eine-navigation-in-wordpress-mit-wp_nav_menu\/","name":"Benutzerdefinierte Men\u00fcs im WordPress Theme anlegen","isPartOf":{"@id":"https:\/\/monsterspost.com\/de\/#website"},"datePublished":"2018-05-09T09:51:44+00:00","dateModified":"2020-04-02T13:44:21+00:00","description":"In jedem WordPress Theme gibt es standardm\u00e4\u00dfig ein Men\u00fc. Mit register_nav_menu k\u00f6nnt Ihr benutzerdefinierte Men\u00fcs anlegen.","breadcrumb":{"@id":"https:\/\/monsterspost.com\/de\/wie-erstellt-man-eine-navigation-in-wordpress-mit-wp_nav_menu\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/de\/wie-erstellt-man-eine-navigation-in-wordpress-mit-wp_nav_menu\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/de\/wie-erstellt-man-eine-navigation-in-wordpress-mit-wp_nav_menu\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/de\/"},{"@type":"ListItem","position":2,"name":"WordPress: Wie f\u00fcgt man eigene Navigation mit wp_nav_menu() ein?"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/de\/#website","url":"https:\/\/monsterspost.com\/de\/","name":"TemplateMonster Deutscher Blog","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/de\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/de\/#organization","name":"MonsterPost Deutschland","url":"https:\/\/monsterspost.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost Deutschland"},"image":{"@id":"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/channel\/UC19iEGcEhlFidO5ruNGE5yg","https:\/\/www.facebook.com\/templatemonster.de\/","https:\/\/twitter.com\/TM_Deutschland"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/8da307d177541069e7bf4abccc1e6130","name":"Olga Kulmann","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/514d0fd5ba77426a747ad480e3c87ae5?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/514d0fd5ba77426a747ad480e3c87ae5?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Olga Kulmann"},"description":"Olga Kulmann ist Mitglied des deutschen Marketer-Teams von TemplateMonster. Ihr Interessenkreis umfasst von Online-Marketing \u00fcber E-Commerce bis hin zum Webdesign. Olgas Anliegen ist es, die Blogleser mit besten Erfahrungen und gepr\u00fcftem Expertenwissen in diesen Bereichen vertraut zu machen. Olga auf Facebook.","url":"https:\/\/monsterspost.com\/de\/author\/kulmann\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/12443"}],"collection":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/users\/1657845"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/comments?post=12443"}],"version-history":[{"count":24,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/12443\/revisions"}],"predecessor-version":[{"id":25011,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/12443\/revisions\/25011"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/media\/12445"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/media?parent=12443"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/categories?post=12443"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/tags?post=12443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}