{"id":880084,"date":"2023-10-20T08:20:24","date_gmt":"2023-10-20T13:20:24","guid":{"rendered":"https:\/\/blogging-techies.com\/ge\/so-erstellen-sie-ein-vertikales-navigationsmenu-in-wordpress\/"},"modified":"2023-10-20T08:20:24","modified_gmt":"2023-10-20T13:20:24","slug":"so-erstellen-sie-ein-vertikales-navigationsmenu-in-wordpress","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/ge\/so-erstellen-sie-ein-vertikales-navigationsmenu-in-wordpress\/","title":{"rendered":"So erstellen Sie ein vertikales Navigationsmen\u00fc in WordPress"},"content":{"rendered":"<p>M\u00f6chten Sie ein vertikales Navigationsmen\u00fc in WordPress erstellen?<\/p>\n<p>In WordPress k\u00f6nnen Navigationsmen\u00fcs horizontal oder vertikal angezeigt werden.  Vertikale Men\u00fcs bieten eine Reihe von Vorteilen, beispielsweise passen sie besser in die Seitenleiste Ihrer Website und sind auf Mobilger\u00e4ten einfacher zu navigieren.<\/p>\n<p>In diesem Artikel zeigen wir Ihnen, wie Sie in WordPress ein vertikales Navigationsmen\u00fc erstellen.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<h4 class=\"wp-block-heading\">Was ist ein Navigationsmen\u00fc?<\/h4>\n<p>Ein Navigationsmen\u00fc ist eine Liste von Links, die auf wichtige Bereiche einer Website verweisen.  Sie werden normalerweise als horizontale Leiste mit Links oben auf jeder Seite einer WordPress-Website angezeigt.<\/p>\n<p>Navigationsmen\u00fcs geben Ihrer Website Struktur und helfen Besuchern, das Gesuchte zu finden.  Sie k\u00f6nnen Links zu Ihren wichtigsten Seiten, Kategorien oder Themen, WordPress-Blogbeitr\u00e4gen und sogar benutzerdefinierten Links, wie Ihrem Social-Media-Profil, hinzuf\u00fcgen.<\/p>\n<p>Obwohl sie h\u00e4ufig horizontal oben auf einer Website platziert werden, haben vertikale Navigationsmen\u00fcs viele Verwendungsm\u00f6glichkeiten und Vorteile.<\/p>\n<p>Schauen wir uns nun verschiedene M\u00f6glichkeiten zum Erstellen eines vertikalen Navigationsmen\u00fcs in WordPress an.  Dies sind die Themen, die wir in diesem Artikel behandeln werden:<\/p>\n<p>Wenn Sie Ihrer Website ein Navigationsmen\u00fc hinzuf\u00fcgen, wird es vertikal oder horizontal angezeigt.  Dies h\u00e4ngt von Ihrem Thema sowie der von Ihnen gew\u00e4hlten Men\u00fcposition ab.<\/p>\n<p>Die Anzahl der verf\u00fcgbaren Men\u00fcpositionen h\u00e4ngt vom verwendeten Thema ab.  An einigen dieser Orte wird das Men\u00fc m\u00f6glicherweise vertikal angezeigt.<\/p>\n<p>Um dies mit Ihrem Theme zu testen, m\u00fcssen Sie zu navigieren <strong>Aussehen \u00bb Men\u00fcs<\/strong>.  Hier k\u00f6nnen Sie experimentieren, um zu sehen, welche Standorte auf Ihrer Website verf\u00fcgbar sind und wie diese angezeigt werden.<\/p>\n<p>Beispielsweise bietet das Thema \u201eTwenty Twenty-One\u201c keine vertikalen Positionen, w\u00e4hrend das Thema \u201eTwenty Twenty\u201c eine solche mit dem Namen \u201eDesktop Expanded Menu\u201c bietet.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p>Sie k\u00f6nnen einfach das Men\u00fc ausw\u00e4hlen, das Sie vertikal anzeigen m\u00f6chten, und dann das Kontrollk\u00e4stchen \u201eErweitertes Desktop-Men\u00fc\u201c am unteren Bildschirmrand aktivieren.  Danach sollten Sie unbedingt auf die Schaltfl\u00e4che \u201eMen\u00fc speichern\u201c klicken, um Ihre Einstellungen zu speichern.<\/p>\n<p>So sieht es auf unserer Demo-Website aus.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p>Weitere Informationen zum Bearbeiten von Men\u00fcs und Men\u00fcpositionen finden Sie in unserem Anf\u00e4ngerleitfaden zum Hinzuf\u00fcgen eines Navigationsmen\u00fcs in WordPress.<\/p>\n<p>Unabh\u00e4ngig davon, welches Theme Sie verwenden, k\u00f6nnen Sie mithilfe eines Widgets ganz einfach ein vertikales Navigationsmen\u00fc zur Seitenleiste hinzuf\u00fcgen.<\/p>\n<p>Zun\u00e4chst m\u00fcssen Sie ein Navigationsmen\u00fc erstellen, das Sie anzeigen m\u00f6chten, falls Sie dies noch nicht getan haben.<\/p>\n<p>Dann m\u00fcssen Sie zu navigieren <strong>Aussehen \u00bb Widgets<\/strong>.  Klicken Sie von hier aus einfach auf die blaue Schaltfl\u00e4che zum Einf\u00fcgen des Blocks \u201e+\u201c oben auf der Seite und ziehen Sie den Block \u201eNavigationsmen\u00fc\u201c in die Seitenleiste.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p>Anschlie\u00dfend k\u00f6nnen Sie dem Widget einen Namen geben und aus dem Dropdown-Men\u00fc das anzuzeigende Men\u00fc ausw\u00e4hlen.<\/p>\n<p>So sieht das vertikale Seitenleistenmen\u00fc auf unserer Demo-Website aus.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p>Auf \u00e4hnliche Weise k\u00f6nnen Sie Beitr\u00e4gen und Seiten ein vertikales Navigationsmen\u00fc hinzuf\u00fcgen.<\/p>\n<p>Zuerst m\u00fcssen Sie einen neuen Beitrag erstellen oder einen vorhandenen bearbeiten.  Danach m\u00fcssen Sie oben auf der Seite auf die blaue Schaltfl\u00e4che \u201e+\u201c zum Einf\u00fcgen von Bl\u00f6cken klicken und dann den Navigationsblock auf die Seite ziehen.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p>Als n\u00e4chstes m\u00fcssen Sie ausw\u00e4hlen, welches Men\u00fc angezeigt werden soll.  Klicken Sie einfach auf die Schaltfl\u00e4che \u201eMen\u00fc ausw\u00e4hlen\u201c in der Symbolleiste und w\u00e4hlen Sie das gew\u00fcnschte Men\u00fc aus.<\/p>\n<p>Abschlie\u00dfend sollten Sie sich die Blockeinstellungen im linken Bereich ansehen.  Dort finden Sie zwei Schaltfl\u00e4chen zur Men\u00fcorientierung.  Sie m\u00fcssen auf den Abw\u00e4rtspfeil klicken, um das Men\u00fc vertikal auszurichten.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p>Mit dem neuen vollst\u00e4ndigen Site-Editor k\u00f6nnen Sie Ihre WordPress-Themes mithilfe des Blockeditors anpassen.  Es wurde in WordPress 5.9 ver\u00f6ffentlicht und erm\u00f6glicht es Ihnen, Ihren Vorlagen verschiedene Bl\u00f6cke hinzuzuf\u00fcgen, um ein einzigartiges Design zu erstellen.<\/p>\n<p>Allerdings befindet sich der vollst\u00e4ndige Site-Editor noch in der Beta-Phase und ist auf bestimmte Themes beschr\u00e4nkt, die ihn unterst\u00fctzen, wie zum Beispiel das Standard-Theme Twenty Twenty-Two.  Weitere Informationen finden Sie in unserem Artikel \u00fcber die besten WordPress-Themen f\u00fcr die vollst\u00e4ndige Bearbeitung von Websites.<\/p>\n<p>Um ein Navigationsmen\u00fc mit dem vollst\u00e4ndigen Site-Editor hinzuzuf\u00fcgen, m\u00fcssen Sie zu gehen <strong>Aussehen \u00bb Herausgeber<\/strong> aus Ihrem WordPress-Dashboard.  Sobald Sie sich im Editor befinden, klicken Sie auf das Navigationsmen\u00fc, das oben in der Kopfzeile der Website angezeigt wird.<\/p>\n<p>Als n\u00e4chstes m\u00fcssen Sie in der Symbolleiste auf die Schaltfl\u00e4che \u201eNavigation ausw\u00e4hlen\u201c klicken.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p>Im rechten Bereich sehen Sie nun verschiedene Optionen zum Anpassen des Navigationsmen\u00fcs.  Eine dieser Optionen besteht darin, ob das Men\u00fc in horizontaler oder vertikaler Ausrichtung angezeigt werden soll.<\/p>\n<p>Klicken Sie einfach auf den Abw\u00e4rtspfeil, um die vertikale Ausrichtung zu erhalten und ein vertikales Men\u00fc zu erstellen.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p>Weitere Informationen finden Sie in unserer Anleitung zum Hinzuf\u00fcgen eines Navigationsmen\u00fcs in WordPress.<\/p>\n<p><a title=\"SeedProd\" href=\"https:\/\/seedprod.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">SemillaProd<\/a> ist der beste WordPress-Seitenersteller und benutzerdefinierte Theme-Builder-Plugin auf dem Markt.  Damit k\u00f6nnen Sie problemlos \u00fcberall auf Ihrer WordPress-Website vertikale Men\u00fcs erstellen.<\/p>\n<p>Als erstes sollten Sie das installieren und aktivieren <a href=\"https:\/\/www.seedprod.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\" title=\"SeedProd\">SemillaProd<\/a> Stecker.  Weitere Einzelheiten finden Sie in unserer Schritt-f\u00fcr-Schritt-Anleitung zur Installation eines WordPress-Plugins.<\/p>\n<p><strong>Notiz:<\/strong> Da ist ein <a href=\"https:\/\/wordpress.org\/plugins\/coming-soon\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\" title=\"SeedProd Free Plugin\">kostenlose Version von SeedProd<\/a> Dadurch k\u00f6nnen Sie einzelnen Seiten ein vertikales Navigationsmen\u00fc hinzuf\u00fcgen.  Sie ben\u00f6tigen jedoch die Pro-Version, um auf den Theme Builder zuzugreifen und Ihren Theme-Vorlagen ein Men\u00fc hinzuzuf\u00fcgen.<\/p>\n<p>Bei der Aktivierung m\u00fcssen Sie Ihren Lizenzschl\u00fcssel eingeben.  Sie finden diese Informationen in Ihrem Konto auf der SeedProd-Website.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<p>Danach m\u00fcssen Sie SeedProd verwenden, um ein benutzerdefiniertes WordPress-Theme zu erstellen.<\/p>\n<p><strong>Erstellen Sie ein benutzerdefiniertes WordPress-Theme<\/strong><\/p>\n<p>Sie finden den SeedProd-Theme-Builder, indem Sie zu navigieren <strong>SeedProd \u00bb Theme Builder<\/strong> Seite.  Hier verwenden Sie eines der vorgefertigten Themes von SeedProd als Ausgangspunkt.  Dadurch wird Ihr bestehendes WordPress-Theme durch ein neues, individuelles Design ersetzt.<\/p>\n<p>Sie k\u00f6nnen dies tun, indem Sie auf die Schaltfl\u00e4che \u201eThemen\u201c klicken.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<p>Ihnen wird eine Liste professionell gestalteter Themes f\u00fcr verschiedene Arten von Websites angezeigt.  Es gibt beispielsweise Vorlagen mit den Namen \u201eModern Business\u201c, \u201eMarketing Agency\u201c und \u201eMortgage Broker Theme\u201c.<\/p>\n<p>Schauen Sie sich die Optionen an und w\u00e4hlen Sie diejenige aus, die Ihren Anforderungen am besten entspricht, indem Sie auf das H\u00e4kchensymbol klicken.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<p>Sobald Sie ein Thema ausgew\u00e4hlt haben, generiert SeedProd alle ben\u00f6tigten Themenvorlagen.  Wie Sie diese Vorlagen anpassen, erfahren Sie in unserem Leitfaden zum einfachen Erstellen eines benutzerdefinierten WordPress-Themes.<\/p>\n<p><strong>F\u00fcgen Sie Ihren Website-Vorlagen ein vertikales Navigationsmen\u00fc hinzu<\/strong><\/p>\n<p>Sie k\u00f6nnen SeedProd jetzt verwenden, um jeder Ihrer Designvorlagen ein vertikales Navigationsmen\u00fc hinzuzuf\u00fcgen.  In diesem Tutorial f\u00fcgen wir der Blog-Indexvorlage ein Men\u00fc hinzu.<\/p>\n<p>Sie m\u00fcssen mit der Maus \u00fcber diese Vorlage fahren und dann auf den Link \u201eDesign bearbeiten\u201c klicken.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p>Dadurch wird der Drag-and-Drop-Seitenersteller von SeedProd ge\u00f6ffnet.  Rechts sehen Sie eine Vorschau Ihrer Website und links eine Sammlung von Bl\u00f6cken, die Sie Ihrer Website hinzuf\u00fcgen k\u00f6nnen.<\/p>\n<p>Sie m\u00fcssen die Bl\u00f6cke nach unten scrollen, bis Sie den Abschnitt \u201eErweitert\u201c erreichen. <\/p>\n<p>Sobald Sie den Block \u201eNavigationsmen\u00fc\u201c gefunden haben, m\u00fcssen Sie ihn in die Seitenleiste oder an eine beliebige Stelle ziehen, an der Sie das Navigationsmen\u00fc anzeigen m\u00f6chten.  Standardm\u00e4\u00dfig gibt es im Men\u00fc nur einen Eintrag: \u201eInfo\u201c.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p>Jetzt m\u00fcssen Sie die Men\u00fceinstellungen \u00e4ndern.  Dazu m\u00fcssen Sie auf das Men\u00fc klicken und die verf\u00fcgbaren Optionen werden in einem Bereich auf der linken Seite der Seite angezeigt.<\/p>\n<p>Derzeit ist der Men\u00fctyp \u201eEinfach\u201c ausgew\u00e4hlt.  Dadurch k\u00f6nnen Sie Ihr eigenes Navigationsmen\u00fc in SeedProd erstellen. <\/p>\n<p>F\u00fcr dieses Tutorial klicken wir jedoch auf den Typ \u201eWordPress-Men\u00fc\u201c, um das WordPress-Navigationsmen\u00fc zu verwenden.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p>Abschlie\u00dfend m\u00fcssen Sie auf die Registerkarte \u201eErweitert\u201c klicken.  Hier finden Sie die M\u00f6glichkeit, das Listenlayout vertikal oder horizontal auszurichten. <\/p>\n<p>Wenn Sie auf die Schaltfl\u00e4che \u201eVertikal\u201c klicken, werden Sie feststellen, dass sich die Vorschau sofort in ein vertikales Navigationsmen\u00fc \u00e4ndert.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p>Vergessen Sie nicht, oben auf dem Bildschirm auf die Schaltfl\u00e4che \u201eSpeichern\u201c zu klicken, um Ihr vertikales Men\u00fc zu speichern.<\/p>\n<p>Es kann schwierig sein, ein Standardmen\u00fc zu ber\u00fchren, w\u00e4hrend man den kleinen Bildschirm eines Smartphones verwendet.  Aus diesem Grund empfehlen wir Ihnen, eine Vorschau der mobilen Version Ihrer WordPress-Site anzuzeigen, um zu sehen, wie Ihre Website auf Mobilger\u00e4ten aussieht.<\/p>\n<p>Vertikale Men\u00fcs sind viel einfacher zu navigieren, insbesondere wenn Sie ein auf den Vollbildmodus reagierendes Men\u00fc verwenden, das sich automatisch an unterschiedliche Bildschirmgr\u00f6\u00dfen anpasst.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<p>Um zu erfahren, wie Sie Ihr Navigationsmen\u00fc mobilfreundlicher gestalten k\u00f6nnen, lesen Sie unsere Anleitung zum Hinzuf\u00fcgen eines responsiven Vollbildmen\u00fcs in WordPress.<\/p>\n<p>Ein Dropdown-Men\u00fc sieht wie ein normales horizontales Navigationsmen\u00fc oben auf dem Bildschirm aus, aber wenn Sie mit der Maus \u00fcber eines der Elemente fahren, wird ein vertikales Untermen\u00fc angezeigt.<\/p>\n<p>Wenn Sie eine inhaltsreiche Website haben, k\u00f6nnen Sie die Men\u00fcstruktur \u00fcber ein Dropdown-Men\u00fc nach Thema oder Hierarchie organisieren.  Dadurch werden mehr Inhalte auf begrenztem Raum angezeigt.<\/p>\n<figure class=\"wp-block-image size-full\"><\/figure>\n<p>Um ein Dropdown-Navigationsmen\u00fc auf Ihrer Website anzuzeigen, m\u00fcssen Sie ein Design ausw\u00e4hlen, das Dropdown-Men\u00fcs unterst\u00fctzt.  Anschlie\u00dfend m\u00fcssen Sie das Navigationsmen\u00fc erstellen und dann zu einigen Men\u00fceintr\u00e4gen Unterpunkte hinzuf\u00fcgen.<\/p>\n<p>Wie das geht, erfahren Sie Schritt f\u00fcr Schritt in unserem Einsteiger-Guide zum Erstellen eines Dropdown-Men\u00fcs in WordPress.<\/p>\n<p>Ein Mega-Men\u00fc listet mehrere Men\u00fcs vertikal auf der Seite auf.  Sie \u00e4hneln Dropdown-Men\u00fcs, mit dem Unterschied, dass alle Untermen\u00fcs gleichzeitig angezeigt werden, sodass Benutzer schnell und einfach die besten Inhalte finden k\u00f6nnen.<\/p>\n<p>Mega-Men\u00fcs sind sehr attraktiv und interaktiv, da sie das Beste aus horizontalen und vertikalen Men\u00fcs kombinieren, um einen n\u00fctzlichen \u00dcberblick \u00fcber den Inhalt Ihrer Website auf einem einzigen Bildschirm anzuzeigen.<\/p>\n<p>Wir haben WPBeginner k\u00fcrzlich ein Mega-Men\u00fc hinzugef\u00fcgt, um die Sichtbarkeit von Inhalten zu verbessern.  Wie uns das gelungen ist, erkl\u00e4ren wir in unserem Blick hinter die Kulissen des neuen Designs unserer Website.<\/p>\n<figure class=\"wp-block-image\"><\/figure>\n<p>Weitere Informationen zum Hinzuf\u00fcgen eines Mega-Men\u00fcs zu Ihrer WordPress-Site finden Sie in unserem Leitfaden.<\/p>\n<p>Wir hoffen, dass Ihnen dieses Tutorial dabei geholfen hat, das Erstellen eines vertikalen Navigationsmen\u00fcs in WordPress zu erlernen.  Vielleicht m\u00f6chten Sie auch erfahren, wie Sie Ihren eigenen Podcast starten oder sich unseren Expertenvergleich der besten Domain-Registrare ansehen.<\/p>\n   ","protected":false},"excerpt":{"rendered":"<p>M\u00f6chten Sie ein vertikales Navigationsmen\u00fc in WordPress erstellen? In WordPress k\u00f6nnen Navigationsmen\u00fcs horizontal oder vertikal angezeigt werden. Vertikale Men\u00fcs bieten eine Reihe von Vorteilen, beispielsweise passen sie besser in die Seitenleiste Ihrer Website und sind auf Mobilger\u00e4ten einfacher zu navigieren. In diesem Artikel zeigen wir Ihnen, wie Sie in WordPress ein vertikales Navigationsmen\u00fc erstellen. Was [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":880085,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2023\/06\/145-1-1-300x169-1.png","fifu_image_alt":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/880084"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=880084"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/880084\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/880085"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=880084"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=880084"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=880084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}