Ein gut strukturiertes Navigationsmenü ist unerlässlich, um Besucher durch Ihre WordPress Website zu führen und sicherzustellen, dass sie die gewünschten Informationen leicht finden können.
Ganz gleich, ob Sie Ihre erste Website erstellen oder versuchen, die Benutzerfreundlichkeit einer bestehenden Website zu verbessern – das Hinzufügen und Anpassen eines Navigationsmenüs ist eine wichtige Fähigkeit.
WordPress verfügt über eine Drag-and-drop-Menüschnittstelle, mit der Sie problemlos Header-Menüs, Menüs mit Dropdown-Optionen und vieles mehr erstellen können.
Im Laufe der Jahre haben wir eine Vielzahl von Menüs für unsere verschiedenen Marken erstellt, so dass wir aus erster Hand Erfahrung mit der Gestaltung von Menüs haben. Wir haben gelernt, welche Arten von Menüs für verschiedene Unternehmen am besten geeignet sind, welche Links und Seiten aufgenommen werden sollten und wie die Navigation für eine bessere Benutzererfahrung optimiert werden kann.
In dieser Schritt-für-Schritt-Anleitung zeigen wir Ihnen, wie Sie ganz einfach ein Navigationsmenü in WordPress hinzufügen können.
Was ist ein Navigationsmenü?
Ein Navigationsmenü ist eine Liste von Links, die auf wichtige Bereiche einer Website verweisen. Sie werden in der Regel als horizontale Leiste mit Links am oberen Rand jeder Seite einer WordPress Website dargestellt.
Diese Menüs geben Ihrer Website Struktur und helfen den Besuchern, das zu finden, was sie suchen. Hier sehen Sie, wie das Navigationsmenü auf WPBeginner aussieht:
Mit WordPress ist es wirklich einfach, Menüs und Untermenüs hinzuzufügen. Sie können Links zu Ihren wichtigsten Seiten, Kategorien oder Themen, Blogbeiträgen und sogar benutzerdefinierte Links wie Ihr Social-Media-Profil hinzufügen.
Die genaue Position Ihres Menüs hängt von Ihrem WordPress-Theme ab. Die meisten Themes bieten mehrere Optionen, sodass Sie verschiedene Menüs erstellen können, die an unterschiedlichen Stellen angezeigt werden können.
Die meisten WordPress Themes haben zum Beispiel ein Hauptmenü, das oben erscheint. Einige Themes können auch ein sekundäres Menü, ein Footer-Menü oder ein Menü für die mobile Navigation enthalten.
Sehen wir uns also an, wie Sie ein benutzerdefiniertes Navigationsmenü in WordPress erstellen können.
- Creating Your First Custom Navigation Menu
- Creating Drop-Down Menus in WordPress
- Adding Categories to WordPress Menus
- Adding Custom Links to Your WordPress Navigation Menus
- Editing or Removing a Menu Item in WordPress Navigation Menus
- Adding Navigational Menus in Full Site Editor (FSE)
- Adding WordPress Menus in Sidebars and Footers
- Going Further with Navigation Menus
- Video Tutorial
- FAQs About WordPress Menus
Erstellen Ihres ersten benutzerdefinierten Navigationsmenüs
Um ein Navigationsmenü zu erstellen, müssen Sie die Seite Erscheinungsbild “ Menüs in Ihrem WordPress-Administrations-Dashboard aufrufen.
Hinweis: Wenn Sie auf Ihrer Website die Option„Erscheinungsbild “ Menüs“ nicht sehen, sondern nur„Erscheinungsbild “ Editor„, dann bedeutet das, dass in Ihrem Theme Full Site Editing (FSE) aktiviert ist. Sie können hier klicken, um zum Abschnitt FSE weiter unten zu springen.
Geben Sie dort einen Namen für Ihr Menü ein, z. B. „Top Navigation Menu“, und klicken Sie dann auf die Schaltfläche „Create Menu“.
Dadurch wird der Menübereich erweitert und sieht dann so aus:
Anschließend können Sie die Seiten auswählen, die Sie dem Menü hinzufügen möchten. Sie können entweder automatisch alle neuen Seiten der obersten Ebene hinzufügen oder Sie können bestimmte Seiten aus der linken Spalte auswählen.
Klicken Sie zunächst auf den Tab „Alle anzeigen“, um alle Seiten Ihrer Website anzuzeigen. Klicken Sie dann auf die Box neben jeder Seite, die Sie zu Ihrem Menü hinzufügen möchten, und klicken Sie dann auf den Button „Zum Menü hinzufügen“.
Sobald Sie Ihre Seiten hinzugefügt haben, können Sie sie durch Ziehen und Ablegen im Bereich „Menüstruktur“ verschieben.
Auf diese Weise können Sie ihre Reihenfolge ändern und sie neu anordnen.
Hinweis: Alle Menüpunkte werden im Editor in einer vertikalen Liste (von oben nach unten) aufgeführt. Wenn Sie das Menü auf Ihrer Website live schalten, wird es entweder vertikal oder horizontal (von links nach rechts) angezeigt, je nach der von Ihnen gewählten Position.
Die meisten Themes haben mehrere verschiedene Stellen, an denen Sie Menüs einfügen können. In diesem Beispiel verwenden wir das Astra-Theme, das über 5 verschiedene Positionen verfügt.
Nachdem Sie Seiten zum Menü hinzugefügt haben, wählen Sie die Position, an der sie angezeigt werden sollen, und klicken Sie auf den Button „Menü speichern“.
Tipp: Wenn Sie sich nicht sicher sind, wo sich die einzelnen Orte befinden, versuchen Sie, das Menü an verschiedenen Orten zu speichern, und besuchen Sie dann Ihre Website, um zu sehen, wie es aussieht. Wahrscheinlich werden Sie nicht alle Speicherorte verwenden wollen, aber vielleicht wollen Sie mehr als einen verwenden.
Weitere Einzelheiten hierzu finden Sie in unserem Tutorial zur Erstellung eines vertikalen Navigationsmenüs in WordPress.
Hier ist unser fertiges Menü auf der Website:
Erstellen von Drop-Down-Menüs in WordPress
Dropdown-Menüs, manchmal auch verschachtelte Menüs genannt, sind Navigationsmenüs mit über- und untergeordneten Menüpunkten.
Wenn Sie den Mauszeiger über ein übergeordnetes Element bewegen, werden alle untergeordneten Elemente in einem Untermenü darunter angezeigt.
Um ein Untermenü zu erstellen, ziehen Sie einen Eintrag unter den übergeordneten Eintrag und dann leicht nach rechts. Wir haben dies mit 3 Unterpunkten unterhalb von „Dienste“ in unserem Menü getan:
Sie können sogar mehrere Ebenen von Dropdown-Menüs hinzufügen, so dass Ihr Untermenü ein Untermenü haben kann. Das kann am Ende etwas unübersichtlich aussehen, und viele Themen unterstützen keine mehrschichtigen Dropdown-Menüs.
Eine ausführliche Anleitung finden Sie in unserem Tutorial zum Erstellen eines Dropdown-Menüs in WordPress.
Hier sehen Sie das Untermenü live auf unserer Demo-Website:
Hinzufügen von Kategorien zu WordPress-Menüs
Wenn Sie WordPress zum Betreiben eines Blogs verwenden, können Sie Ihre Blog-Kategorien als Dropdown-Menü in Ihr WordPress-Menü einfügen.
Wir tun dies auf WPBeginner und haben mehrere Kategorien wie Nachrichten, Themen, Tutorials und mehr.
Sie können Ihrem Menü ganz einfach Kategorien hinzufügen, indem Sie auf die Registerkarte Kategorien auf der linken Seite des Menübildschirms klicken. Möglicherweise müssen Sie auch auf die Registerkarte „Alle anzeigen“ klicken, um alle Ihre Kategorien zu sehen.
Wählen Sie einfach die Kategorien aus, die Sie dem Menü hinzufügen möchten, und klicken Sie dann auf die Schaltfläche „Zum Menü hinzufügen“.
Die Kategorien erscheinen dann als reguläre Menüpunkte am unteren Rand Ihres Menüs.
Als Nächstes können Sie sie per Drag & Drop an ihre Position ziehen. Zum Beispiel werden wir alle diese Kategorien unter dem Menüpunkt Blog anordnen.
Weitere Anleitungen finden Sie in unserem Leitfaden für Einsteiger zum Hinzufügen von Themen in WordPress-Navigationsmenüs.
Hier sehen Sie, wie die verschiedenen Kategorien im Navigationsmenü auf unserer Demo-Website erscheinen:
Hinzufügen von benutzerdefinierten Links zu Ihren WordPress-Navigationsmenüs
Neben Kategorien und Seiten können Sie mit WordPress auch ganz einfach individuelle Links zu Ihrem Menü hinzufügen. Damit können Sie Links zu Ihren Social-Media-Profilen, Ihrem Online-Shop und anderen Websites, die Sie besitzen, einfügen.
Dazu müssen Sie die Registerkarte „Benutzerdefinierte Links“ auf dem Bildschirm „Menü“ verwenden. Fügen Sie einfach den Link zusammen mit dem Text, den Sie in Ihrem Menü verwenden möchten, hinzu und klicken Sie auf die Schaltfläche „Zum Menü hinzufügen“.
Sie können sogar kreativ werden und Ihrem Menü oder Ihren Call-to-Action Buttons Social Media Icons hinzufügen, um mehr Konversionen zu erzielen.
Bearbeiten oder Entfernen eines Menüpunkts in WordPress-Navigationsmenüs
Wenn Sie Seiten oder Kategorien zu Ihrem benutzerdefinierten Navigationsmenü hinzufügen, verwendet WordPress den Seitentitel oder den Kategorienamen als Linktext. Sie können dies ändern, wenn Sie möchten.
Jeder Menüpunkt kann bearbeitet werden, indem Sie auf den Abwärtspfeil neben dem Punkt klicken.
Von hier aus können Sie dann den Namen des Menüpunkts ändern. Sie können auch auf „Entfernen“ klicken, um den Link ganz aus Ihrem Menü zu entfernen.
Wenn Sie mit der Drag-and-Drop-Schnittstelle nicht zurechtkommen, können Sie den Menüpunkt auch verschieben, indem Sie auf den entsprechenden Link „Verschieben“ klicken.
Hinzufügen von Navigationsmenüs im Full Site Editor (FSE)
Mit dem neuen Full Site Editor können Sie Ihre WordPress-Themes mit dem Block-Editor anpassen. Er wurde in WordPress 5.9 veröffentlicht und ermöglicht es Ihnen, verschiedene Blöcke zu Ihren Vorlagen hinzuzufügen, um ein einzigartiges Design zu erstellen.
Um ein Navigationsmenü mit dem vollständigen Site-Editor hinzuzufügen, gehen Sie in Ihrem WordPress-Dashboard auf Darstellung “ Editor.
Für dieses Tutorial verwenden wir das Standard-Theme Twenty Twenty-Three. Weitere Details finden Sie in unserem Artikel über die besten WordPress-Themes zur vollständigen Bearbeitung von Websites.
Sobald Sie sich im Editor befinden, klicken Sie auf die Registerkarte „Navigation“, um sie zu erweitern.
Daraufhin werden in der linken Spalte einige neue Einstellungen angezeigt.
Von hier aus klicken Sie einfach auf das Symbol „Bearbeiten“ oben.
Dadurch wird der vollständige Website-Editor auf Ihrer Ansicht angezeigt, in dem Sie auf das „+“-Symbol klicken können, um ein Navigationsmenüelement hinzuzufügen.
Es öffnet sich nun eine Eingabeaufforderung, und Sie können eine Option aus dem Dropdown-Menü auswählen.
Wenn Sie jedoch einen benutzerdefinierten Link hinzufügen möchten, können Sie eine Bezeichnung und eine URL für das Navigationsmenüelement im Blockbedienfeld hinzufügen. Sie können auch eine Suchoption zu Ihrem Menü hinzufügen.
Sobald Sie einen Artikel hinzugefügt haben, wechseln Sie in der rechten Spalte zur Registerkarte „Stile“.
Sie können jetzt die Typografie, das Aussehen, die Höhe, den Abstand, die Groß- und Kleinschreibung und die Textdekoration für Ihre Menüpunkte ändern.
Sie können auch ein Untermenü hinzufügen, indem Sie auf sein Symbol in der Werkzeugleiste des Blocks klicken.
Wenn Sie fertig sind, können Sie eine Vorschau der Änderungen anzeigen, um zu sehen, wie das Menü in Echtzeit aussieht. Vergessen Sie dann nicht, oben auf die Schaltfläche „Speichern“ zu klicken.
Hinzufügen von WordPress-Menüs in Seitenleisten und Fußzeilen
Sie müssen sich nicht nur an die Anzeigeorte für Ihr Thema halten. Sie können Navigationsmenüs in jedem Bereich hinzufügen, der Widgets verwendet, z. B. in der Seitenleiste oder Fußzeile.
Gehen Sie einfach auf Darstellung “ Widgets und klicken Sie dann oben auf die Schaltfläche „Block hinzufügen“ (+) und fügen Sie den Widget-Block „Navigationsmenü“ zu Ihrer Seitenleiste hinzu.
Fügen Sie dann einen Titel für das Widget hinzu und wählen Sie das richtige Menü aus der Dropdown-Liste „Menü auswählen“.
Wenn Sie fertig sind, klicken Sie einfach auf die Schaltfläche „Aktualisieren“.
Hier sehen Sie ein Beispiel für ein individuelles WordPress Footer-Menü, das auf der Website unseres Gründers Syed Balkhi erstellt wurde.
Weitergehen mit Navigationsmenüs
Wenn Sie ein wahrhaft episches Menü mit vielen Links erstellen möchten, finden Sie hier eine Anleitung, wie Sie ein Mega-Menü in WordPress erstellen können.
Damit können Sie ein Dropdown mit vielen Elementen, einschließlich Bildern, erstellen.
Mega-Menüs sind eine gute Option für große Websites, z. B. für Online-Shops oder Nachrichten-Websites. Diese Art von Menü wird von Websites wie Reuters, Buzzfeed, Starbucks usw. verwendet.
Video-Anleitung
Wenn Sie sich diese Anleitung lieber ansehen möchten, schauen Sie sich unser Video unten an:
FAQs über WordPress-Menüs
Hier sind einige der häufigsten Fragen, die Anfänger über WordPress Navigationsmenüs stellen.
1. Wie füge ich einen Homepage-Link zu einem WordPress-Menü hinzu?
Um Ihre Homepage zu einem Navigationsmenü hinzuzufügen, müssen Sie unter Seiten auf die Registerkarte „Alle anzeigen“ klicken. Dort sollten Sie Ihre Homepage sehen.
Markieren Sie die Box neben „Home“ und klicken Sie auf „Zum Menü hinzufügen“. Vergessen Sie nicht, Ihre Änderungen zu speichern.
2. Wie kann ich mehrere Navigationsmenüs in WordPress hinzufügen?
In WordPress können Sie so viele Menüs erstellen, wie Sie möchten. Um ein Menü auf Ihrer Website zu platzieren, müssen Sie es an einer der Menü-Positionen Ihres Themes oder in einem Widget-Bereich einfügen, wie wir oben gezeigt haben.
Wenn Sie Ihrer WordPress-Website mehrere Navigationsmenüs hinzufügen möchten, erstellen Sie zunächst die Menüs gemäß unserer obigen Anleitung.
Um sie auf Ihrer Website zu platzieren, klicken Sie auf die Registerkarte „Standorte verwalten“.
Von hier aus können Sie auswählen, welches Menü Sie an den in Ihrem Thema verfügbaren Menüpositionen anzeigen möchten.
Wenn Sie Ihrer Website eine neue Menüposition hinzufügen möchten, lesen Sie unsere Anleitung zum Hinzufügen benutzerdefinierter Navigationsmenüs zu WordPress-Themes.
Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie man ein Navigationsmenü in WordPress hinzufügt. Vielleicht interessieren Sie sich auch für unsere Anleitungen zur Gestaltung von Navigationsmenüs in WordPress und zur Erstellung eines schwebenden Navigationsmenüs in WordPress.
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.
Jiří Vaněk
Regarding adding pages to the menu, don’t know how to solve the search problem? Or if you haven’t met him. I have a website where there are currently about 600 pages, which are mainly used for dictionary purposes. The problem is, when I want to add one of the pages to the menu, I write its link in the search, so wordpress does not find it and I have to first display all and find it alphabetically. It delays my work quite a bit and I haven’t figured out where the problem is.
WPBeginner Support
You would want to try writing the title of the page, otherwise you could use custom links and link to the page if you have the URL directly.
Admin
Jiří Vaněk
Yes, I do. I type the site name into the search box and WordPress lists similar sites, but usually not the one I’m looking for. So I will search further where the problem might be.
David Keevis
Thanks so much for a really excellent tutorial. We’re building our site with multiple CPT’s and this post clearly explained what was needed. Had it implemented in a couple minutes. We’re using Generate Press/Generate Blocks and the query loop is exceptionally powerful. Y’all just made our day!!!!
WPBeginner Support
Glad to hear our guide helped!
Admin
NPH LLC
If I „remove“ a link within my main navigation menu, can I bring it back easily? We want to take a page offline while we are reconfiguring it.
Thanks!
WPBeginner Support
Yes, you can easily add and remove menu items and if the menu items even if the item is not currently on the menu. You would want to ensure you clear any caching on your site so your visitors see the up-to-date menu.
Admin
Akanksha
Thank you ..This was very helpful to me
WPBeginner Support
Glad it was helpful!
Admin
Sunny
A very basic question. How can you link your website URL to your homepage? Meaning, having the website URL, also as your homepage section in the menu. Thanks
WPBeginner Support
You could either set the menu to the homepage you have set under Settings>General for your site or create a custom URL and add your domain there to point to your homepage.
Admin
Lisa
I’m confused about how to get my posts where I want them to go… I have a recipe blog. On the top of my site, I have categories you can click such as „Dinner recipes“ and „Side dishes“… How do I get my specific posts to go on those specific pages when you click on the title at the top of the page?
aberry
Is there a way that when you add a category it automatically adds the sub categories?
WPBeginner Support
You would want to take a look at one of our older articles covering this below for showing subcategories on the parent category page:
https://www.wpbeginner.com/wp-tutorials/display-subcategories-on-category-pages-in-wordpress/
Admin
HJ
Very basic question, but how to enable menu on a subpage? I designed some subpages, but the menu is not visible on top. In my main pages the menu is visible. How to enable the menu to make it visible on the sub-pages?
WPBeginner Support
You would want to reach out to the support for your specific theme, it sounds like your theme may remove the menu for certain pages. If you reach out to the support they should let you know how to add the menu back.
Admin
Janien
I’m trying to get a navigation menu that is sticky and is not transparent. I’ve tried everything. Am I allowed to change the navigation bar in a theme?
WPBeginner Support
You are but it would require some coding knowledge, we would recommend reaching out to your theme’s support and they can normally assist.
Admin
Miranda
I have made a navigation menu but it won’t show up on the mobile site and when I go to navigation menu settings it does not have mobile menu as an option. Do you know how I can fix this or do I need to find a different theme?
WPBeginner Support
You would need to reach out to the support for your specific theme for it not displaying properly and they would be able to assist.
Admin
sadik
Thenk you Wp Begginer
WPBeginner Support
You’re welcome
Admin
Nanyc
This helped a lot. I wanted a heads up before I started. Presented very well.
WPBeginner Support
Glad our article was helpful
Admin
atta
Thanks for the detailed guide. I have a question: how can we add a navbar (for a landing page) which links the landing page sections/elements instead of navigating to other pages. An example is Wikipedia. On any Wikipedia page, you can click on the name of the section and it will immediately go down to that section.
WPBeginner Support
For that, you would want to use anchor links which we cover in our article below:
https://www.wpbeginner.com/beginners-guide/how-to-easily-add-anchor-links-in-wordpress-step-by-step/
Admin
Gina
Hi,
I created categories and added to my menu so that once a reader clicks they can find all the blog posts on that category. My problem is that I don’t want the blog name to appear at the top of the page, that is, Blogging category => Blogging category description => blog posts, how do I remove that?
WPBeginner Support
That would depend on your specific theme’s styling. If you reach out to your theme’s support they should be able to assist with changing what is shown
Admin
wan
i try to add menu item on my menu structure. even when i save menu, the website doesn’t change. why?
WPBeginner Support
You would want to ensure your site or your hosting provider does not have a cache that could be causing your issue.
Admin
Keith
Great resources
WPBeginner Support
Thank you
Admin
Linda McMillan
Hello, I am using Elementor and OceanWP. I set up a custom link in my menu so that when clicking on it goes to the Home page. How can I make it go instead of just to the Home page, but down the page to a certain section? I appreciate your help.
WPBeginner Support
You would want to take a look at making an anchor link: https://www.wpbeginner.com/beginners-guide/how-to-easily-add-anchor-links-in-wordpress-step-by-step/
Admin
Annie
Pretty much there with the navigation. One question though, I have one point in my navigation „products“ from there it splits into 3 other sections (drop down menu coming up). I don’t want visitors be able to access this product page as it will be empty, I want them to choose directly from the drop down menu instead of accessing the products page first. So products will be still displayed in the navigation but will be inaccessible, visitors have to click onto the drop down menu to choose what they are after. How do I do this? I m I m removing the whole products section it wont be displayed in the navi anymore, how can I make the products page inaccessible?
WPBeginner Support
You can create a custom link under Appearance>Menus titled Products and link it to either a different page or # which should keep the users on the same page they are on.
Admin
Ishan
Thank you for your help.I was facing the same problem
Terry L. Cooper
How old is this anyway?? I’m not seeing any of this on the WP page.
WPBeginner Support
The steps in this article should still work for WordPress.org sites, are you on WordPress.com? https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
Admin
Azizi
Sorry sir, which WordPress theme you’re using on WPbeginner.com?????
WPBeginner Support
We are using a theme we created for our site built on the Genesis Framework, for more on what we’re using on our site you would want to take a look at our blueprint page here: https://www.wpbeginner.com/blueprint/
Admin
Inzamam ul haq
It really helped me. very informative.Thanks
Natalie V
Hi! Thanks so much for this post. It helped me a lot. I have the „Karuna“ theme. Whenever I add more menu options (I have 4) they are displayed in two row. I would like them all to be in one row. Is there a way to fix this? Thank you so much!
David
Needed to link a buy now button to woo commerce cart page. Spent two days going in circles. Tried to contact woo with little success. Then found you guys who helped solve the problem.
Often it is the little things which can stop us in our tracks. A big thank you for the simplified set of clear instructions.
Elliot Kershaw
Hello,
I am making a website with Ocean WP and Elementor, however I am unable to see the menu at the top of all of my pages. It only appears at the top of the home page. So people can navigate to any page from the home page, however if anyone wanted to navigate back to the home page or to another page from there, it would tricky. Do you have a solution for this? Thank you!