{"id":10718,"date":"2016-07-07T14:51:33","date_gmt":"2016-07-07T12:51:33","guid":{"rendered":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?p=10718"},"modified":"2020-11-13T10:56:21","modified_gmt":"2020-11-13T09:56:21","slug":"wordpress-fuer-einsteiger-menues-fuer-die-navigation","status":"publish","type":"post","link":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-fuer-einsteiger-menues-fuer-die-navigation\/","title":{"rendered":"WordPress f\u00fcr Einsteiger:  Men\u00fcs f\u00fcr die Navigation"},"content":{"rendered":"<p>Eine gute Navigation in einem WordPress-Blog ist \u2013 neben den eigentlichen Blogbeitr\u00e4gen \u2013 das wichtigste Element. Der Workshop zeigt Schritt f\u00fcr Schritt, wie Du Navigations-Men\u00fcs in WordPress erstellst und in Dein Blog integrierst.<\/p>\n<p><!--more--><\/p>\n<p>Men\u00fcs helfen Deinen Lesern, sich auf Deinem Blog zu Recht zu finden. Mit einer guten Navigations-Struktur erreichst Du, dass auch zuf\u00e4llige Besucher mehr als nur einen Beitrag lesen und Stammleser beispielsweise \u00e4ltere Beitr\u00e4ge leichter wiederfinden. Ein einfach nutzbares, klar strukturiertes Navigationsmen\u00fc ist deshalb f\u00fcr jedes Blog essenziell.<\/p>\n<h2>WordPress verstehen: So funktionieren Men\u00fcs<\/h2>\n<p>Um zu verstehen, wie Du Navigationsmen\u00fcs in WordPress erstellst, ist zun\u00e4chst ein wenig Grundverst\u00e4ndnis f\u00fcr die Funktionsweise von WordPress wichtig. Sobald Du das Grundprinzip der Men\u00fcs verstanden hast, ist alles ganz einfach.<\/p>\n<p>WordPress behandelt drei Dinge komplett separat:<\/p>\n<ul>\n<li>den Text-Inhalt der Men\u00fcs (die einzelnen Men\u00fcpunkte und ihre Reihenfolge)<\/li>\n<li>das optische Design der Men\u00fcs (Schriftgr\u00f6\u00dfe, Farbe und so weiter)<\/li>\n<li>die Position, an der ein Navigationsmen\u00fc im Blog dargestellt wird<\/li>\n<\/ul>\n<p>Alle drei Aspekte konfigurierst Du unabh\u00e4ngig voneinander. Wenn alle drei Aspekte erledigt sind, werden Deine Leser die Men\u00fcs fehlerfrei zu sehen bekommen.<\/p>\n<p>Der Vorteil dieser Trennung ist, dass Du viel flexibler bist. Du musst Dich \u00a0in den meisten F\u00e4llen weder um die Position der Men\u00fcs, noch um das Design \u00a0im Detail k\u00fcmmern musst. Diese beiden Aspekte deckt bereits Dein Theme ab.<\/p>\n<h2>Schritt 1: Men\u00fc-Inhalt erstellen<\/h2>\n<p>Grunds\u00e4tzlich kannst Du in WordPress beliebig viele verschiedene Navigations-Men\u00fcs erstellen, die Du anschlie\u00dfend in Deinem Blog positionierst. Zus\u00e4tzliche Men\u00fcs neben der Hauptnavigation k\u00f6nnen beispielsweise f\u00fcr die Fu\u00dfzeile n\u00fctzlich sein oder f\u00fcr die weitere Gliederung eines umfangreicheren Unterbereichs Deines Blogs. Im ersten Schritt erstellen wir aber erst einmal ein einzelnes Men\u00fc, damit wir anschlie\u00dfend etwas haben, das wir positionieren k\u00f6nnen.<\/p>\n<p>Zum Erstellen eines neuen Men\u00fcs klickst Du unter <em>Design \u2013 Men\u00fcs<\/em> auf den Link <em>erstelle ein neues Men\u00fc<\/em>. Ist bereits ein Men\u00fc vorhanden, das Dein Theme vorinstalliert hat, kannst Du Dir diesen Schritt sparen und das bereits vorhandene Men\u00fc bearbeiten.<\/p>\n<figure id=\"attachment_10719\" aria-describedby=\"caption-attachment-10719\" style=\"width: 728px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-10719 size-full\" src=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/01-neues-menue-erstellen.jpg\" alt=\"Neues Navigations-Men\u00fc erstellen\" width=\"728\" height=\"260\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/01-neues-menue-erstellen.jpg 728w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/01-neues-menue-erstellen-160x57.jpg 160w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/01-neues-menue-erstellen-400x143.jpg 400w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><figcaption id=\"caption-attachment-10719\" class=\"wp-caption-text\">Neues Navigations-Men\u00fc erstellen<\/figcaption><\/figure>\n<p>Gib\u2018 dem neuen Men\u00fc einen aussagekr\u00e4ftigen Namen, damit Du sp\u00e4ter bei mehreren Men\u00fcs wei\u00dft, welches Du jeweils ausw\u00e4hlen willst. Dann klickst Du auf <em>Men\u00fc erstellen<\/em>.<\/p>\n<p>WordPress bietet Dir verschiedene M\u00f6glichkeiten, dem neue Men\u00fcpunkte hinzuzuf\u00fcgen. Das sind beispielsweise einzelne Seiten oder Beitr\u00e4ge, aber auch Links zu Kategorien. Aber auch \u00a0Links, die Du komplett frei definieren kannst, kannst Du einf\u00fcgen.<\/p>\n<figure id=\"attachment_10720\" aria-describedby=\"caption-attachment-10720\" style=\"width: 728px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10720\" src=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/02-elemente-einfuegen-uebersicht.jpg\" alt=\"Wordpress bietet verschiedene Elemente zum Einf\u00fcgen in Dein Men\u00fc an.\" width=\"728\" height=\"536\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/02-elemente-einfuegen-uebersicht.jpg 728w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/02-elemente-einfuegen-uebersicht-149x110.jpg 149w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/02-elemente-einfuegen-uebersicht-400x295.jpg 400w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><figcaption id=\"caption-attachment-10720\" class=\"wp-caption-text\">WordPress bietet verschiedene Elemente zum Einf\u00fcgen in Dein Men\u00fc an.<\/figcaption><\/figure>\n<p>Willst Du beispielsweise einen schon vorhandenen WordPress-Beitrag ins Men\u00fc aufnehmen, klickst Du auf <em>Beitr\u00e4ge,<\/em> setzt in der Liste der Beitr\u00e4ge ein H\u00e4kchen vor den gew\u00fcnschten Beitrag und klickst auf <em>Zum Men\u00fc hinzuf\u00fcgen<\/em>. Das wiederholst Du nun f\u00fcr alle Men\u00fc-Elemente, die aufgenommen werden sollen. Genauso funktioniert das nat\u00fcrlich auch mit Seiten oder Kategorien.<\/p>\n<p>Unter <em>Men\u00fc-Einstellungen<\/em> kannst Du auch das H\u00e4kchen bei <em>Seiten automatisch hinzuf\u00fcgen<\/em> setzen, dann erg\u00e4nzt WordPress Dein Men\u00fc ganz automatisch, wenn Du eine neue Seite (nicht: Beitrag) in WordPress anlegst.<\/p>\n<figure id=\"attachment_10721\" aria-describedby=\"caption-attachment-10721\" style=\"width: 728px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10721\" src=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/03-menue-zusammenstellen.jpg\" alt=\"Die bereits eingef\u00fcgten Men\u00fcpunkte siehst Du rechts unter \u201eMen\u00fcstrukur\u201c.\" width=\"728\" height=\"383\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/03-menue-zusammenstellen.jpg 728w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/03-menue-zusammenstellen-160x84.jpg 160w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/03-menue-zusammenstellen-400x210.jpg 400w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><figcaption id=\"caption-attachment-10721\" class=\"wp-caption-text\">Die bereits eingef\u00fcgten Men\u00fcpunkte siehst Du rechts unter \u201eMen\u00fcstrukur\u201c.<\/figcaption><\/figure>\n<p>Eine Besonderheit ist die Option <em>Links<\/em>. Statt aus vorhandenen Beitr\u00e4gen auszuw\u00e4hlen, kannst Du hier beliebige Links als Men\u00fc-Punkt definieren, beispielsweise auch Links au\u00dferhalb Deines eigenen Blogs. Trage unter <em>Links<\/em> die URL des Links ein (zum Beispiel: <a href=\"https:\/\/www.strato.de\/hosting\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/www.strato.de\/hosting\/<\/a>) und als <em>Linktext<\/em> den Text, der im Men\u00fc angezeigt werden soll (im Beispiel: \u201eStrato Hosting\u201c). Anschlie\u00dfend klickst Du wie gehabt auf <em>Zum Men\u00fc hinzuf\u00fcgen<\/em>.<\/p>\n<p><strong>Achtung:<\/strong> Zum Abschluss musst Du auf jeden Fall auf <em>Men\u00fc speichern<\/em> klicken. Denn sonst werden Deine \u00c4nderungen nicht \u00fcbernommen. Je nachdem, wie umfangreich Dein Men\u00fc geworden ist, kann das Speichern des Men\u00fcs einige Zeit dauern \u2013 also nicht nerv\u00f6s werden, das ist normal.<\/p>\n<h3>Sortieren der Men\u00fc-Eintr\u00e4ge<\/h3>\n<p>Willst Du den Men\u00fcpunkten eine andere Reihenfolge oder Hierarchie geben, geht das ganz einfach per Drag-and-Drop. Klicke mit der Maus auf den zu verschiebenden Eintrag und halte die Maustaste fest. Ziehe den Eintrag an seine neue Stelle und lasse dort die Maustaste wieder los. Um Ver\u00e4nderungen dauerhaft zu machen, musst Du auch hier auf <em>Men\u00fc speichern<\/em> klicken.<\/p>\n<figure id=\"attachment_10722\" aria-describedby=\"caption-attachment-10722\" style=\"width: 610px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10722\" src=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/04-drag-drop-submenu.jpg\" alt=\"Per Drag-and-drop kannst Du die Men\u00fcpunkte in eine andere Reihenfolge bringen, aber auch einzelne Punkte anderen hierarchisch unterordnen. \" width=\"610\" height=\"299\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/04-drag-drop-submenu.jpg 610w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/04-drag-drop-submenu-160x78.jpg 160w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/04-drag-drop-submenu-400x196.jpg 400w\" sizes=\"(max-width: 610px) 100vw, 610px\" \/><figcaption id=\"caption-attachment-10722\" class=\"wp-caption-text\">Per Drag-and-drop kannst Du die Men\u00fcpunkte in eine andere Reihenfolge bringen, aber auch einzelne Punkte anderen hierarchisch unterordnen.<\/figcaption><\/figure>\n<p>Auf die gleiche Weise kannst Du die Hierarchie im Men\u00fc ver\u00e4ndern, also manche Seiten anderen unterordnen. Selbige werden dann in einem Untermen\u00fc dargestellt. Du wirst feststellen, dass ein Men\u00fcpunkt automatisch zu einem Unterpunkt eines anderen Punktes wird, wenn Du ihn beim Drag-and-Drop etwas nach rechts bewegst und dort dann losl\u00e4sst.<\/p>\n<p>Probiere aus, ob das Men\u00fc-Design Deines Themes solche Untermen\u00fcs vorsieht und darstellen kann. Ansonsten wirst Du die Unterpunkte des Men\u00fcs im Blog nicht sehen. Dazu sp\u00e4ter noch mehr.<\/p>\n<h3>Experten-Funktionen<\/h3>\n<p>WordPress versucht, die Verwaltung der Men\u00fcs so einfach wie m\u00f6glich zu halten. Wer mehr Funktionen nutzen m\u00f6chte, kann zus\u00e4tzliche Optionen aktivieren. Dazu klickst Du rechts oben auf <em>Ansicht anpassen<\/em>. Setzt Du hier H\u00e4kchen vor den zus\u00e4tzlichen Optionen, erscheinen diese jeweils bei den einzelnen Men\u00fceintr\u00e4gen.<\/p>\n<figure id=\"attachment_10723\" aria-describedby=\"caption-attachment-10723\" style=\"width: 728px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10723\" src=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/04-z-profi-optionen-01.jpg\" alt=\"\u00dcber \u201eAnsicht anpassen\u201c stehen zus\u00e4tzliche Optionen zu Verf\u00fcgung.\" width=\"728\" height=\"253\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/04-z-profi-optionen-01.jpg 728w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/04-z-profi-optionen-01-160x56.jpg 160w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/04-z-profi-optionen-01-400x139.jpg 400w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><figcaption id=\"caption-attachment-10723\" class=\"wp-caption-text\">\u00dcber \u201eAnsicht anpassen\u201c stehen zus\u00e4tzliche Optionen zu Verf\u00fcgung.<\/figcaption><\/figure>\n<p>Auf diese Weise kannst Du bei einzelnen Men\u00fcpunkten beispielsweise Links in einem neuen Fenster \u00f6ffnen lassen, das HTML-Attribut <em>title<\/em> definieren und \u00c4hnliches.<\/p>\n<figure id=\"attachment_10724\" aria-describedby=\"caption-attachment-10724\" style=\"width: 428px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10724\" src=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/04-z-profi-optionen-02.jpg\" alt=\"BU: Die erweiterten Optionen f\u00fcr Men\u00fcpunkte stehen sofort zur Verf\u00fcgung, wenn sie \u00fcber \u201eAnsicht anpassen\u201c aktiviert werden.\" width=\"428\" height=\"475\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/04-z-profi-optionen-02.jpg 428w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/04-z-profi-optionen-02-99x110.jpg 99w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/04-z-profi-optionen-02-400x444.jpg 400w\" sizes=\"(max-width: 428px) 100vw, 428px\" \/><figcaption id=\"caption-attachment-10724\" class=\"wp-caption-text\">BU: Die erweiterten Optionen f\u00fcr Men\u00fcpunkte stehen sofort zur Verf\u00fcgung, wenn sie \u00fcber \u201eAnsicht anpassen\u201c aktiviert werden.<\/figcaption><\/figure>\n<h2>Schritt 2: Men\u00fcs im Blog positionieren<\/h2>\n<p>Nachdem Du das neue Men\u00fc mit Inhalten best\u00fcckt hast, kannst Du im n\u00e4chsten Schritt das Men\u00fc auf Deinem Blog sichtbar machen. Daf\u00fcr kommen grunds\u00e4tzlich zwei M\u00f6glichkeiten in Frage:<\/p>\n<ul>\n<li>an einer Position, die das Theme vorgibt (alle Themes definieren mindestens einen solchen Men\u00fc-Bereich)<\/li>\n<li>mit Hilfe des Standard-Widgets <em>Navigationsmen\u00fc<\/em>\u00a0an einer beliebigen Stelle im Rahmen der Widget-Bereiche Deines Themes, also zum Beispiel in einer Randspalte oder Fu\u00dfzeile<\/li>\n<\/ul>\n<p>Der Screenshot zeigt ein Beispiel-Blog, in dem zwei Men\u00fcs vorkommen:<\/p>\n<figure id=\"attachment_10731\" aria-describedby=\"caption-attachment-10731\" style=\"width: 728px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10731\" src=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/06-zwei-menues.jpg\" alt=\"M\u00f6gliche Positionierungen f\u00fcr Navigation-Men\u00fcs.\" width=\"728\" height=\"364\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/06-zwei-menues.jpg 728w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/06-zwei-menues-160x80.jpg 160w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/06-zwei-menues-400x200.jpg 400w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><figcaption id=\"caption-attachment-10731\" class=\"wp-caption-text\">M\u00f6gliche Positionierungen f\u00fcr Navigation-Men\u00fcs.<\/figcaption><\/figure>\n<ul>\n<li>Die Position der horizontalen Navigation oben ist in diesem Fall als Option im verwendeten Theme vorgesehen.<\/li>\n<li>Das Men\u00fc in der rechten Randspalte ist dagegen \u00fcber das bereits angesprochene Men\u00fc-Widget dort platziert.<\/li>\n<\/ul>\n<h3>Positionen der Men\u00fcs verwalten<\/h3>\n<p>Wie bekommst Du nun das eben erstellte Men\u00fc an die richtige Position? Am \u00fcbersichtlichsten funktioniert das \u00fcber den Reiter <em>Positionen verwalten<\/em> unter <em>Design \u2013 Men\u00fcs<\/em>. Dort sind die vom Theme vordefinierten Men\u00fc-Positionen aufgelistet, in unserem Beispiel <em>Primary Menu<\/em> und <em>Footer Menu<\/em>. Aus der Dropdown-Liste daneben w\u00e4hlst Du einfach das eben erstellte Men\u00fc aus und klickst auf \u00c4nderungen \u00fcbernehmen.<\/p>\n<figure id=\"attachment_10726\" aria-describedby=\"caption-attachment-10726\" style=\"width: 728px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10726\" src=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/07-menu-positionen-verwalten.jpg\" alt=\"Hier ordnest Du Dein Men\u00fc einer vom Theme vorgegebenen Position zu .\" width=\"728\" height=\"296\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/07-menu-positionen-verwalten.jpg 728w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/07-menu-positionen-verwalten-160x65.jpg 160w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/07-menu-positionen-verwalten-400x163.jpg 400w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><figcaption id=\"caption-attachment-10726\" class=\"wp-caption-text\">Hier ordnest Du Dein Men\u00fc einer vom Theme vorgegebenen Position zu.<\/figcaption><\/figure>\n<p>Wenn Du nicht die Men\u00fc-Positionen verwenden willst, die das \u00a0Theme vorgibt, l\u00e4sst Du die Einstellung f\u00fcr die ungenutzten Men\u00fcpositionen einfach auf der Standardeinstellung <em>W\u00e4hle ein Men\u00fc<\/em>. Dann wird an dieser Position nichts angezeigt.<\/p>\n<p>Da Du alle hier gemachten \u00c4nderungen durch neue Einstellungen wieder r\u00fcckg\u00e4ngig machen kannst, experimentierst Du einfach ein wenig herum, um die optimale L\u00f6sung f\u00fcr Dein Blog zu finden.<\/p>\n<h3>Men\u00fc per Widget einbinden<\/h3>\n<p>Du kannst jedes Men\u00fc auch in einem der vom Theme definierten Widget-Bereiche anzeigen lassen. Daf\u00fcr gibt es in WordPress das Standard-Widget \u201eNavigationsmen\u00fc\u201c im Bereich <em>Design \u2013 Widgets<\/em>. Ziehe das Men\u00fc-Widget einfach per Drag-and-Drop in den gew\u00fcnschten Widget-Bereich Deines Themes (im Beispiel: <em>Sidebar Primary<\/em>).<\/p>\n<p>Gebe dem Sidebar-Widget einen Titel oder lasse dieses Feld leer, wenn das Men\u00fc keinen Titel haben soll. Darunter w\u00e4hlst Du das Men\u00fc aus, das angezeigt werden soll. <em>Speichern,<\/em> fertig.<\/p>\n<figure id=\"attachment_10727\" aria-describedby=\"caption-attachment-10727\" style=\"width: 728px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10727\" src=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/08-menue-widget.jpg\" alt=\"Das Widget \u201eIndividuelles Men\u00fc\u201c zeigt Men\u00fcs in Widget-Bereichen an.\" width=\"728\" height=\"374\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/08-menue-widget.jpg 728w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/08-menue-widget-160x82.jpg 160w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/08-menue-widget-400x205.jpg 400w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><figcaption id=\"caption-attachment-10727\" class=\"wp-caption-text\">Das Widget \u201eNavigationsmen\u00fc\u201c zeigt Men\u00fcs in Widget-Bereichen an.<\/figcaption><\/figure>\n<p>Grundlagen zur Integration von Elementen in Widget-Bereichen findest Du \u00fcbrigens im Beitrag Widgets: individueller Inhalt f\u00fcr die Randspalten.<\/p>\n<h2>Schritt 3: Men\u00fc optisch gestalten<\/h2>\n<p>Wie bereits angesprochen, verwaltet WordPress die optische Gestaltung der Men\u00fcs unabh\u00e4ngig von Position und Inhalt. Jedes Theme beinhaltet bereits die entsprechenden Formatierungen f\u00fcr die vorgesehenen Men\u00fcs, sodass Du hier eigentlich nichts tun musst.<\/p>\n<p>M\u00f6chtest Du dennoch das Aussehen der Men\u00fcs ver\u00e4ndern, solltest Du zun\u00e4chst einen Blick in die Einstellungsoptionen Deines Themes werfen. Dort gibt es manchmal die M\u00f6glichkeit, beispielsweise Farben zu ver\u00e4ndern oder auch die Hierarchie-Tiefe von Men\u00fcs anzugeben. Die entsprechenden Optionen findest Du entweder unter <em>Design \u2013 Anpassen<\/em> oder in speziellen Options-Men\u00fcs Deines Themes. Diese Options-Men\u00fcs findest Du \u00a0meist ebenfalls als Unterpunkt von <em>Design <\/em>zu. \u00a0Das ist aber je nach verwendetem Theme recht unterschiedlich. Vor allem kostenlose Themes bieten hier allerdings meist wenig bis keine Anpassungsm\u00f6glichkeiten.<\/p>\n<figure id=\"attachment_10728\" aria-describedby=\"caption-attachment-10728\" style=\"width: 298px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10728\" src=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/09-menue-color.jpg\" alt=\"Das Theme Dazzling (https:\/\/de.wordpress.org\/themes\/dazzling\/) bietet einige Anpassungsm\u00f6glichkeiten f\u00fcr die Farbgestaltung des Men\u00fcs.\" width=\"298\" height=\"569\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/09-menue-color.jpg 298w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/09-menue-color-58x110.jpg 58w\" sizes=\"(max-width: 298px) 100vw, 298px\" \/><figcaption id=\"caption-attachment-10728\" class=\"wp-caption-text\">Das Theme <a href=\"https:\/\/de.wordpress.org\/themes\/dazzling\/\" target=\"_blank\" rel=\"noopener noreferrer\">Dazzling<\/a> bietet einige Anpassungsm\u00f6glichkeiten f\u00fcr die Farbgestaltung des Men\u00fcs.<\/figcaption><\/figure>\n<h3>Komplexe Men\u00fcs per Plugin<\/h3>\n<p>Eine andere M\u00f6glichkeit, Navigationsmen\u00fcs aufzupeppen, ohne selbst zu programmieren, sind entsprechende Plugins. Wer Men\u00fcs mit zwei oder drei Unterebenen braucht, wird mit einem guten Men\u00fc-Plugin oft bessere Ergebnisse erzielen als mit den WordPress-Bordmitteln, zumindest wenn das eingesetzte Theme keine umfangreichere Unterst\u00fctzung f\u00fcr solche Men\u00fcs anbietet.<\/p>\n<p>Allerdings sollte der Einsatz eines Plugins gerade f\u00fcr einen so essenziellen Bereich wie die Navigation des Blogs wohl durchdacht sein. Funktioniert das Plugin eines Tages nicht mehr, weil beispielsweise der Entwickler keine Updates mehr bereitstellt, entsteht schnell ein gro\u00dfes Problem f\u00fcr Deinen Blog. Wirklich gute Men\u00fc-Plugins sind au\u00dferdem meist nicht kostenlos.<\/p>\n<p>Als WordPress-Einsteiger solltest Du daher eher mit dem arbeiten, was WordPress selbst sowie Dein Theme bereitstellen. Ein sehr gutes, aber auch recht komplexes Plugin ist beispielsweise <a href=\"http:\/\/codecanyon.net\/item\/ubermenu-wordpress-mega-menu-plugin\/154703\" target=\"_blank\" rel=\"noopener noreferrer\">UberMenu f\u00fcr 25 Dollar.<\/a><\/p>\n<figure id=\"attachment_10729\" aria-describedby=\"caption-attachment-10729\" style=\"width: 728px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-10729\" src=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/10-ubermenu.jpg\" alt=\"Komplexe Navigationsmen\u00fcs sind nur mit Plugins wie zum Beispiel UberMenu machbar.\" width=\"728\" height=\"323\" srcset=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/10-ubermenu.jpg 728w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/10-ubermenu-160x71.jpg 160w, https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/06\/10-ubermenu-400x177.jpg 400w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><figcaption id=\"caption-attachment-10729\" class=\"wp-caption-text\">Komplexe Navigationsmen\u00fcs sind nur mit Plugins wie zum Beispiel UberMenu machbar.<\/figcaption><\/figure>\n<h3>Theme mit guter Men\u00fc-Unterst\u00fctzung ausw\u00e4hlen<\/h3>\n<p>Wenn absehbar ist, dass Deine Navigationsmen\u00fcs etwas komplexer und umfangreicher werden, solltest Du gleich von Anfang an ein daf\u00fcr geeignetes Theme w\u00e4hlen. L\u00e4ngst nicht alle Themes legen n\u00e4mlich gesteigerten Wert auf gut funktionierende Navigationsmen\u00fcs, sodass Du hier schnell in einer Sackgasse landest.<\/p>\n<p>Achte schon bei der Theme-Auswahl darauf, dass die im Theme vorgesehen Men\u00fc-Positionen zu Deinen Vorstellungen passen. Unterziehe die optische Gestaltung der Men\u00fcs einer kritischen Pr\u00fcfung. Und w\u00e4hle ein Theme, das Men\u00fcs mit mindestens zwei Hierarchie-Ebenen unterst\u00fctzt, sodass Du die Men\u00fcs mit Untermen\u00fcs strukturieren kannst.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Eine gute Navigation in einem WordPress-Blog ist \u2013 neben den eigentlichen Blogbeitr\u00e4gen \u2013 das wichtigste Element. Der Workshop zeigt Schritt f\u00fcr Schritt, wie Du Navigations-Men\u00fcs in WordPress erstellst und in Dein Blog integrierst.<\/p>\n","protected":false},"author":20,"featured_media":10935,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,490],"tags":[55],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>WordPress f\u00fcr Einsteiger: Men\u00fcs f\u00fcr die Navigation<\/title>\n<meta name=\"description\" content=\"Gute Navigation ist f\u00fcr ein Wordpress-Blog essenziell. Der Workshop zeigt Schritt f\u00fcr Schritt, wie Du Navigations-Men\u00fcs erstellst und im Blog integrierst.\" \/>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"WordPress f\u00fcr Einsteiger: Men\u00fcs f\u00fcr die Navigation\" \/>\n<meta property=\"og:description\" content=\"Gute Navigation ist f\u00fcr ein Wordpress-Blog essenziell. Der Workshop zeigt Schritt f\u00fcr Schritt, wie Du Navigations-Men\u00fcs erstellst und im Blog integrierst.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-fuer-einsteiger-menues-fuer-die-navigation\/\" \/>\n<meta property=\"og:site_name\" content=\"STRATO Blog DE Staging\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/strato\" \/>\n<meta property=\"article:published_time\" content=\"2016-07-07T12:51:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-11-13T09:56:21+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/07\/navigationsmenues-in-wordpress-erstellen-728.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"728\" \/>\n\t<meta property=\"og:image:height\" content=\"410\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"xxxxxxxx\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@STRATO_AG\" \/>\n<meta name=\"twitter:site\" content=\"@STRATO_AG\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"xxxxxxxx\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-fuer-einsteiger-menues-fuer-die-navigation\/\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-fuer-einsteiger-menues-fuer-die-navigation\/\",\"name\":\"WordPress f\u00fcr Einsteiger: Men\u00fcs f\u00fcr die Navigation\",\"isPartOf\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website\"},\"datePublished\":\"2016-07-07T12:51:33+00:00\",\"dateModified\":\"2020-11-13T09:56:21+00:00\",\"author\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/7787419a54ecb752a02b96a001a49ba1\"},\"description\":\"Gute Navigation ist f\u00fcr ein Wordpress-Blog essenziell. Der Workshop zeigt Schritt f\u00fcr Schritt, wie Du Navigations-Men\u00fcs erstellst und im Blog integrierst.\",\"breadcrumb\":{\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-fuer-einsteiger-menues-fuer-die-navigation\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-fuer-einsteiger-menues-fuer-die-navigation\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-fuer-einsteiger-menues-fuer-die-navigation\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress f\u00fcr Einsteiger: Men\u00fcs f\u00fcr die Navigation\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/\",\"name\":\"STRATO Blog DE Staging\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/7787419a54ecb752a02b96a001a49ba1\",\"name\":\"xxxxxxxx\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0f9de07c54a148cb53d997fdff0710aa?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0f9de07c54a148cb53d997fdff0710aa?s=96&d=mm&r=g\",\"caption\":\"xxxxxxxx\"},\"description\":\"Ich bin Franz Neumeier, war jahrelang Chefredakteur bei IT-Zeitschriften wie PC Professionell, Internet Professionell und Internet Magazin. Inzwischen habe ich mich als freier Autor vor allem auf Kreuzfahrt-Themen spezialisiert, betreibe mehrere Websites und schreibe aus diesen Praxiserfahrungen heraus weiterhin auch \u00fcber Webhosting- und Webpublishing-Themen.\",\"url\":\"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/author\/xxxxxxxx\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"WordPress f\u00fcr Einsteiger: Men\u00fcs f\u00fcr die Navigation","description":"Gute Navigation ist f\u00fcr ein Wordpress-Blog essenziell. Der Workshop zeigt Schritt f\u00fcr Schritt, wie Du Navigations-Men\u00fcs erstellst und im Blog integrierst.","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"de_DE","og_type":"article","og_title":"WordPress f\u00fcr Einsteiger: Men\u00fcs f\u00fcr die Navigation","og_description":"Gute Navigation ist f\u00fcr ein Wordpress-Blog essenziell. Der Workshop zeigt Schritt f\u00fcr Schritt, wie Du Navigations-Men\u00fcs erstellst und im Blog integrierst.","og_url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-fuer-einsteiger-menues-fuer-die-navigation\/","og_site_name":"STRATO Blog DE Staging","article_publisher":"https:\/\/www.facebook.com\/strato","article_published_time":"2016-07-07T12:51:33+00:00","article_modified_time":"2020-11-13T09:56:21+00:00","og_image":[{"width":728,"height":410,"url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-content\/uploads\/2016\/07\/navigationsmenues-in-wordpress-erstellen-728.jpg","type":"image\/jpeg"}],"author":"xxxxxxxx","twitter_card":"summary_large_image","twitter_creator":"@STRATO_AG","twitter_site":"@STRATO_AG","twitter_misc":{"Verfasst von":"xxxxxxxx","Gesch\u00e4tzte Lesezeit":"9 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-fuer-einsteiger-menues-fuer-die-navigation\/","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-fuer-einsteiger-menues-fuer-die-navigation\/","name":"WordPress f\u00fcr Einsteiger: Men\u00fcs f\u00fcr die Navigation","isPartOf":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website"},"datePublished":"2016-07-07T12:51:33+00:00","dateModified":"2020-11-13T09:56:21+00:00","author":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/7787419a54ecb752a02b96a001a49ba1"},"description":"Gute Navigation ist f\u00fcr ein Wordpress-Blog essenziell. Der Workshop zeigt Schritt f\u00fcr Schritt, wie Du Navigations-Men\u00fcs erstellst und im Blog integrierst.","breadcrumb":{"@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-fuer-einsteiger-menues-fuer-die-navigation\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-fuer-einsteiger-menues-fuer-die-navigation\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wordpress-fuer-einsteiger-menues-fuer-die-navigation\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/"},{"@type":"ListItem","position":2,"name":"WordPress f\u00fcr Einsteiger: Men\u00fcs f\u00fcr die Navigation"}]},{"@type":"WebSite","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#website","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/","name":"STRATO Blog DE Staging","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Person","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/7787419a54ecb752a02b96a001a49ba1","name":"xxxxxxxx","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0f9de07c54a148cb53d997fdff0710aa?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0f9de07c54a148cb53d997fdff0710aa?s=96&d=mm&r=g","caption":"xxxxxxxx"},"description":"Ich bin Franz Neumeier, war jahrelang Chefredakteur bei IT-Zeitschriften wie PC Professionell, Internet Professionell und Internet Magazin. Inzwischen habe ich mich als freier Autor vor allem auf Kreuzfahrt-Themen spezialisiert, betreibe mehrere Websites und schreibe aus diesen Praxiserfahrungen heraus weiterhin auch \u00fcber Webhosting- und Webpublishing-Themen.","url":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/author\/xxxxxxxx\/"}]}},"_links":{"self":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/10718"}],"collection":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/comments?post=10718"}],"version-history":[{"count":9,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/10718\/revisions"}],"predecessor-version":[{"id":90270,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/posts\/10718\/revisions\/90270"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/media\/10935"}],"wp:attachment":[{"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/media?parent=10718"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/categories?post=10718"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/stg.blog-de.strato.wpcust.com\/blog\/wp-json\/wp\/v2\/tags?post=10718"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}