Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Hinzufügen eines WordPress-Navigationsmenüs in Posts / Seiten

Viele Besucher haben uns gefragt, warum ihr Menü auf ihrer Website nicht angezeigt wird, oder ob es möglich ist, verschiedene Menüs für bestimmte Seiten oder Beiträge zu erstellen.

Die Antwort auf beide Fragen lautet „Ja“, aber das Hinzufügen von Menüs in WordPress-Beiträgen und -Seiten unterscheidet sich je nach dem von Ihnen verwendeten Theme.

In diesem Tutorial zeigen wir Ihnen, wie Sie ein WordPress-Navigationsmenü zu Beiträgen und Seiten hinzufügen können.

How to add WordPress navigation menu in posts / pages

Warum ein WordPress-Navigationsmenü in Posts / Seiten hinzufügen?

Ein Navigationsmenü ist eine Liste von Links, die auf wichtige Bereiche einer Website verweisen und sich normalerweise im Header befinden. Diese Links können Besuchern helfen, das zu finden, wonach sie suchen, die Kundenerfahrung verbessern und die Besucher länger auf Ihrer WordPress-Website halten.

An example of a WordPress navigation menu

Die genaue Position Ihres Menüs hängt von Ihrem WordPress-Theme ab. Die meisten Themes lassen Sie Menüs in mehreren Bereichen anzeigen, aber manchmal müssen Sie ein Navigationsmenü zu einem Beitrag oder einer Seite hinzufügen.

Sie können zum Beispiel ein einzigartiges Menü hinzufügen, das zu allen auf einer bestimmten Verkaufsseite erwähnten Produkten führt.

Sie können auch Menüs verwenden, um bestimmte Beiträge in Ihrem WordPress-Blog anzuzeigen. Durch die Platzierung dieses Navigationsmenüs können Sie die Besucher dazu ermutigen, sich mehr von Ihrem Inhalt anzusehen.

Sehen wir uns also an, wie Sie ein WordPress-Navigationsmenü zu einem beliebigen Beitrag oder einer Seite hinzufügen können. Verwenden Sie einfach die unten stehenden Links, um direkt zu der gewünschten Methode zu gelangen:

Methode 1: Verwendung des Theme Customizers (nur klassische Themes)

Wenn Sie ein klassisches Theme verwenden und Ihre Liste der Links zu den Seiten und Beiträgen nicht angezeigt wird, haben Sie wahrscheinlich noch kein Menü erstellt und es zu den Positionen des Menüs in Ihrem Theme hinzugefügt.

Aber keine Sorge, das Verfahren ist ziemlich einfach. Zunächst können Sie die Seite Design “ Menüs in Ihrem WordPress-Dashboard aufrufen.

Creating a WordPress navigation menu

Folgen Sie den Schritten in unserer Anleitung für Einsteiger, wie Sie ein Navigationsmenü in WordPress hinzufügen.

Bitte beachten Sie, dass jedes klassische Theme unterschiedliche Positionen für das Menü hat. Einige haben Positionen für das primäre Navigationsmenü (im oder um den Header-Bereich), das Footer-Menü und manchmal das Menü der Seitenleiste.

Wenn Sie feststellen, dass die von Ihnen gewünschte Position des Menüs nicht von Ihrem Theme angeboten wird, können Sie unsere Anleitung zum Erstellen eines individuellen Navigationsmenüs in WordPress lesen. Hier zeigen wir Ihnen, wie Sie eine individuelle Position für das Menü zu Ihrem Theme hinzufügen.

Methode 2: Verwendung des WordPress-Navigationsblocks (am besten für einzelne Seiten und Beiträge)

Eine weitere Möglichkeit, ein WordPress-Navigationsmenü zu Beiträgen und Seiten hinzuzufügen, ist die Verwendung des integrierten Navigationsblocks. Damit können Sie ein Navigationsmenü an beliebiger Stelle auf einer Seite oder in einem Beitrag anzeigen, aber Sie müssen jedes Menü manuell hinzufügen.

Um mit dieser Methode zu beginnen, öffnen Sie einfach die Seite oder den Beitrag, zu dem Sie ein WordPress-Navigationsmenü hinzufügen möchten. Klicken Sie dann auf die Schaltfläche „+“, um der Seite einen neuen Block hinzuzufügen.

Adding a navigation block to a WordPress page or post

Geben Sie in dem Popup-Fenster „Navigation“ ein.

Wenn der richtige Block erscheint, klicken Sie darauf, um ihn der Seite oder dem Beitrag hinzuzufügen.

Adding a new block to a WordPress page or post

Im Navigationsblock wird standardmäßig eines Ihrer Menüs angezeigt.

Wenn Sie ein anderes Menü anstelle des Hauptmenüs hinzufügen möchten, öffnen Sie die Registerkarte „Block“. Dann müssen Sie die Registerkarte „Listenansicht“ auswählen.

The List View tab, in the WordPress block editor

Hier können Sie auf die drei Punkte neben „Menü“ klicken, um alle verfügbaren Menüoptionen anzuzeigen.

Wählen Sie dann einfach den Namen des Menüs, das Sie stattdessen verwenden möchten, oder erstellen Sie ein neues Menü.

Choosing a different WordPress navigation menu

Manchmal möchten Sie vielleicht das Menü anpassen, indem Sie weitere Links hinzufügen. Wenn Sie z. B. einen Online-Shop mit WooCommerce betreiben, könnten Sie einen Link zu allen auf dieser Seite genannten eCommerce-Produkten einfügen.

Um dem Navigationsmenü benutzerdefinierte Links hinzuzufügen, klicken Sie auf das „+“-Symbol auf der Registerkarte „Listenansicht“.

Adding page links to a WordPress menu

Daraufhin öffnet sich ein Popup mit verschiedenen Optionen.

Um einen Link zu einer beliebigen Seite auf Ihrer WordPress-Website hinzuzufügen, klicken Sie einfach auf „Seitenlink“.

adding page links to a WordPress menu

Sie können nun entweder eine Seite aus dem Dropdown-Menü auswählen oder den Seitentitel eingeben. Wenn die richtige Seite angezeigt wird, klicken Sie darauf, um sie dem benutzerdefinierten Menü hinzuzufügen.

Um dem Navigationsmenü weitere Seiten hinzuzufügen, wiederholen Sie einfach den oben beschriebenen Vorgang.

Adding links to WordPress

Sie können auch soziale Symbole in ein WordPress-Menü einfügen, die Menschen dazu ermutigen, Ihnen auf Twitter, Facebook, YouTube, LinkedIn und anderen Seiten zu folgen.

Klicken Sie zunächst auf das „+“-Symbol in der Registerkarte „Listenansicht“. Wählen Sie dieses Mal „Soziale Symbole“.

Adding social sharing icons to WordPress

Dadurch wird ein neuer Bereich hinzugefügt, in dem Sie soziale Symbole hinzufügen können.

Klicken Sie auf den neuen Abschnitt „+ Klicken Sie auf das Plus zum Hinzufügen“, um zu beginnen.

Adding social icons to WordPress

Wählen Sie nun das soziale Netzwerk aus, mit dem Sie sich verbinden möchten.

Sie können zum Beispiel „Twitter“ wählen, um Ihre Twitter Seite in WordPress zu bewerben.

Adding a Twitter icon to WordPress

Danach müssen Sie das soziale Symbol konfigurieren.

Die genauen Schritte hängen vom jeweiligen sozialen Netzwerk ab. In der Regel müssen Sie jedoch auf das Symbol klicken, um es auszuwählen, und dann die URL für Ihr Profil in den sozialen Medien eingeben.

Adding a Twitter link in WordPress

Wiederholen Sie einfach diese Schritte, um weitere soziale Symbole in das Navigationsmenü einzufügen.

Schließlich sollten Sie Ihrem WordPress-Menü eine Suchleiste hinzufügen, damit die Besucher interessante Seiten, Beiträge, Produkte und mehr finden können.

WordPress verfügt über eine eingebaute Suchfunktion, die jedoch einfach ist und nicht immer genaue Ergebnisse liefert. Deshalb empfehlen wir die Verwendung eines WordPress-Such-Plugins, um die Suche auf Ihrer Website zu verbessern.

Noch besser ist es, wenn Sie sich für ein fortschrittliches Plugin wie SearchWP entscheiden, das die Standardsuche von WordPress ersetzt. Nach der Konfiguration des Plugins werden alle Suchfelder auf Ihrer Website automatisch SearchWP verwenden, einschließlich aller Suchfelder in Ihren Navigationsmenüs.

Unabhängig davon, ob Sie die integrierte WordPress-Funktion oder ein fortgeschrittenes Plugin wie SearchWP verwenden, wählen Sie einfach „Suchen“, um dem Menü eine Suchleiste hinzuzufügen.

Adding a search bar to a WordPress navigation menu

Wenn Sie mit dem Inhalt des Menüs zufrieden sind, können Sie das Aussehen des Menüs ändern.

Sie können das Layout des Menüs, einschließlich seiner Ausrichtung und Orientierung, ändern, indem Sie die Registerkarte „Einstellungen“ auswählen.

How to style a WordPress navigation block

Danach können Sie den Stil des Navigationsmenüs ändern. Sie können die Hintergrundfarbe, die Textfarbe, die Typografie und mehr ändern, indem Sie den Tab „Stile“ auswählen.

Wenn Sie Änderungen vornehmen, wird die Live-Vorschau automatisch aktualisiert. Das bedeutet, dass Sie viele verschiedene Einstellungen ausprobieren können, um zu sehen, was am besten für Ihren WordPress-Blog funktioniert.

Customizing the WordPress menu in a page or post

Es gibt noch viele weitere Einstellungen, die Sie konfigurieren können, aber das ist alles, was Sie brauchen, um ein hilfreiches WordPress-Navigationsmenü zu einem Beitrag oder einer Seite hinzuzufügen.

Wenn Sie bereit sind, das Navigationsmenü in Betrieb zu nehmen, klicken Sie einfach auf die Schaltfläche „Aktualisieren“ oder „Veröffentlichen“.

How to add a WordPress menu to a page or post

Wenn Sie nun diese Seite oder diesen Beitrag besuchen, sehen Sie das Navigationsmenü in Aktion.

Methode 3: Verwendung des vollständigen Website-Editors (nur Block-Themes)

Wenn Sie nur einigen wenigen Beiträgen und Seiten ein Navigationsmenü hinzufügen möchten, ist Methode 1 eine gute Wahl. Allerdings müssen Sie jedes Menü manuell hinzufügen, so dass dies nicht die beste Option ist, wenn Sie auf Ihrer gesamten Website das gleiche Menü anzeigen möchten.

Wenn Sie ein blockbasiertes Theme wie Hestia Pro verwenden, können Sie ein WordPress-Navigationsmenü in die Seiten- oder Beitragsvorlage einfügen.

Dieses Menü wird dann auf all Ihren Seiten oder Beiträgen angezeigt, ohne dass Sie es manuell hinzufügen müssen. Dies ist ideal, wenn Sie immer das gleiche Navigationsmenü an genau der gleichen Stelle anzeigen möchten.

Um damit zu beginnen, gehen Sie im WordPress-Dashboard zu Erscheinungsbild “ Editor.

Selecting the Full-Site Editor from the WordPress admin panel

Auf der linken Seite finden Sie nun einige Menüs.

Um ein Navigationsmenü zu Ihren WordPress-Seiten oder -Beiträgen hinzuzufügen, klicken Sie in der linken Seitenleiste auf „Vorlagen“.

Selecting the Templates menu in WordPress Full Site Editor

Im Editor werden nun alle Vorlagen angezeigt, aus denen Ihr WordPress-Theme besteht.

Um Ihren WordPress-Blogbeiträgen ein Navigationsmenü hinzuzufügen, wählen Sie die Vorlage „Single“. Wenn Sie stattdessen ein Menü zu Ihren Seiten hinzufügen möchten, wählen Sie die Vorlage „Seite“.

Choosing a WordPress block-based template

WordPress zeigt nun eine Vorschau der von Ihnen gewählten Vorlage an.

Um diese Vorlage zu bearbeiten, klicken Sie auf das kleine Bleistiftsymbol.

Editing a single WordPress template

Klicken Sie anschließend auf das blaue „+“-Symbol in der oberen linken Ecke.

Geben Sie in der erscheinenden Suchleiste „Navigation“ ein.

Adding a Navigation block to a block-based template

Wenn der richtige Block angezeigt wird, ziehen Sie ihn per Drag & Drop auf Ihre Vorlage.

Standardmäßig wird im Block eines Ihrer Menüs angezeigt. Wenn Sie stattdessen ein anderes Menü hinzufügen möchten, klicken Sie auf die Registerkarte „Block“. Wählen Sie dann „Listenansicht“.

The List View tab in the WordPress full site editor

Sie können nun auf die drei Punkte neben „Menü“ klicken, um alle Menüs zu sehen, die Sie auf Ihrer WordPress-Website erstellt haben.

Wählen Sie einfach ein beliebiges Menü aus der Liste aus.

Adding a navigation menu to a page or post template in a block-enabled theme

Danach können Sie dem Menü weitere Seiten hinzufügen, eine Suchleiste einrichten und vieles mehr, indem Sie die Schritte in Methode 1 befolgen.

Wenn Sie mit dem Aussehen des Navigationsmenüs zufrieden sind, klicken Sie auf den Button „Speichern“, um es zu aktivieren. Wenn Sie nun Ihre Website besuchen, sehen Sie auf allen Ihren WordPress Seiten oder Beiträgen das gleiche Navigationsmenü.

Mit dem Full-Site-Editor und dem Block-Editor können Sie mehr als eine Vorlage für ein Navigationsmenü erstellen und diese nur auf bestimmten Seiten und Beiträgen verwenden. Das kann Ihnen eine Menge Zeit und Mühe ersparen.

Weitere Informationen finden Sie in unserem Leitfaden für Einsteiger zur vollständigen Bearbeitung von WordPress-Websites.

Methode 4: Erstellen eines individuellen WordPress-Themes (besser anpassbar)

Eine weitere Möglichkeit ist die Erstellung eines eigenen WordPress-Themes. Dies ist eine fortgeschrittenere Methode, die Ihnen jedoch die vollständige Kontrolle darüber gibt, wo das Menü in Ihren Beiträgen oder Seiten erscheint.

In der Vergangenheit mussten Sie komplizierte Anleitungen befolgen und Code schreiben, um ein individuelles WordPress-Theme zu erstellen. Jetzt ist es jedoch möglich, mit SeedProd ganz einfach Ihre eigenen Themes zu erstellen.

SeedProd ist der beste Drag-and-Drop-WordPress-Seitenersteller, und Pro- und Elite-Nutzer erhalten auch einen erweiterten Theme-Builder. Damit können Sie Ihre eigenen WordPress-Themes entwerfen, ohne irgendeinen Code zu schreiben.

The SeedProd theme customizer

Eine Schritt-für-Schritt-Anleitung finden Sie in unserem Leitfaden zur Erstellung eines benutzerdefinierten WordPress-Themes (ohne Code).

Nachdem Sie ein Theme erstellt haben, können Sie an jeder Stelle Ihrer WordPress-Website ein Navigationsmenü hinzufügen.

Gehen Sie einfach zu SeedProd “ Theme Builder und suchen Sie die Vorlage, die das Layout Ihrer Beiträge oder Seiten steuert. In der Regel ist dies „Einzelner Beitrag“ oder „Einzelne Seite“.

Creating a custom theme using SeedProd

Dadurch wird die Vorlage im Drag-and-Drop-Seitenerstellungsprogramm von SeedProd geöffnet.

Blättern Sie im linken Menü zum Abschnitt „Widgets“. Suchen Sie hier den Block „Navigationsmenü“ und ziehen Sie ihn auf Ihr Layout.

Adding a navigation widget using the SeedProd page builder plugin

Klicken Sie anschließend auf , um den Navigationsmenü-Block in der Live-Vorschau auszuwählen.

Öffnen Sie nun das Dropdown-Menü „Menü auswählen“ und wählen Sie das Menü, das Sie anzeigen möchten.

Adding a navigation menu to a page or post template using SeedProd

Sie können nun einen optionalen Titel in das Feld „Titel“ eingeben. Dieser wird oberhalb des WordPress-Navigationsmenüs angezeigt.

Um zu sehen, wie das Menü auf Ihrer Website aussehen wird, klicken Sie auf die Schaltfläche „Übernehmen“.

Previewing a navigation menu in a WordPress page or post

Als nächstes können Sie das Menü gestalten, indem Sie auf die Registerkarte „Erweitert“ klicken.

Wenn Sie eine Überschrift hinzugefügt haben, können Sie die Textfarbe ändern, die Typografie anpassen und mehr Platz zwischen der Überschrift und den Menüpunkten einfügen.

Customizing a navigation menu using SeedProd

Sie können auch die Farbe und die Schriftart für die Menüpunkte ändern.

Verwenden Sie einfach die Einstellungen „Texttypografie“ und „Textfarbe“, um diese Änderungen vorzunehmen.

Customizing a navigation menu using SeedProd

Danach können Sie die Abstände ändern, benutzerdefinierte CSS hinzufügen und sogar CSS-Animationen hinzufügen, indem Sie die Einstellungen auf der Registerkarte „Erweitert“ verwenden.

Wenn Sie mit dem Aussehen des Menüs zufrieden sind, klicken Sie auf die Schaltfläche „Speichern“ in der Symbolleiste von SeedProd. Wählen Sie dann „Veröffentlichen“.

Choosing a different WordPress navigation menu

Wenn Sie nun Ihre Website besuchen, werden Sie das neue Seiten- oder Beitragslayout in Aktion sehen.

Erfahren Sie mehr darüber, wie Sie Ihr Navigationsmenü anpassen können

Möchten Sie Ihr Navigationsmenü auf die nächste Stufe heben? Hier sind einige Expertenanleitungen, die Sie lesen können, um Ihr Navigationsmenü anzupassen:

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie man ein WordPress Navigationsmenü zu Beiträgen und Seiten hinzufügt. Lesen Sie auch unseren Artikel über das Hinzufügen eines Slide-Menüs in WordPress-Themes und unsere Anleitung für Einsteiger, wie Sie ein Menüelement in WordPress hervorheben.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

20 KommentareEine Antwort hinterlassen

  1. Jiří Vaněk

    It is possible to easily create a breadcrumb menu this way, or it is necessary to use a plugin. Can Gutenberg do the same?

    • WPBeginner Support

      For creating breadcrumbs we recommend using a plugin instead of this method as you would need to create the breadcrumbs on each page for the specific post.

      Admin

  2. Ralph

    I wanted to add custom menu that is different than topbar menu to 5 or 6 special articles and will use first method. It would be time consuming for more posts, as it is manual, but for 5 articles will take half an hour max. Thanks for detailed guide with screenshots. It really helps a lot.

    • WPBeginner Support

      Glad our guide could help!

      Admin

  3. Pier

    The Shortcode Menu didn’t work for me on the new Wordpress 5.x, with Block editor. It failed getting the correct menu.
    I solved by installing another plugin, named “Shortcodes ultimate”

    • WPBeginner Support

      Thank you for sharing your recommendation :)

      Admin

  4. Jon Burr

    The plugin Menu Shortcode has been pulled from the repository.

    • WPBeginner Support

      It has not been updated in a while but it is currently available in the repository :)

      Admin

  5. Rubb

    Great article, I use „menu shortcode“ before but it not updated for year.
    It is OK to use it?

  6. sharon

    Does anyone know how to do this, but as a search box, so you can click on and list comes up , if that makes sense , as my list would be about 20 links and that wont look great on the page

  7. StacyN

    Has anyone discovered an alternate plugin to the Shortcode Menu one (which is not supported and discontinued some time ago)?

  8. Tamo

    I had to make mine by hand, because of vertical listing (up to 50 page of content on selected topic) Simply doesn’t look good in page.

    As of plugin, this one is abandoned I believe. I found Shortcodes Ultimate by ( Vladimir Anokhin ) to be extremely helpful.

  9. Chintan patel

    How to create drop down menu in post

  10. Andrea

    Thank you!! I have been looking for a way to display a menu on a page that has a hover feature and this is perfect. My only issue is in the dropdown sub-menu the first link doesn’t align with the others. Is there a way to fix this in the Custom CSS without having to download the code hero plugin?

    Thanks :)

  11. Jose Gonzalez

    What theme do you recommend for a small auto repair business that is only interested in highlighting its business using social media in English and Spanish? Thanks in advance.

  12. Michael Martin

    Great article but it is unfortunate that the Shortcode Menu plugin has not been updated for 2 years so probably not the way to go.

  13. Gavin Simone

    Very helpful to know. I also like using accordion modules to show the subject and let the user decide if they want to read what is inside.

    What happened to you guys using Disqus? I though you migrated over to it. Any reason for switching back?

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.