Clear navigation is one of the most important components of a WordPress website. Visitors can use the main menu to find your most important pages, services, products, or posts, and can quickly find their way around your website.
In WordPress, you can create menus yourself, add pages, change their order, create submenus, and remove individual items again. What the menu management looks like, however, depends on the WordPress theme ab.
With classic themes, management is usually done via Design → Menus. In contrast, modern block themes use the Website Editor and the navigation block. Therefore, we will show you both variants in this guide.
Briefly explained: If you are using a classic WordPress theme, you will usually find the navigation under Design → Menus. With a modern block theme, you open Design → Editor and edit the navigation of your website there.
What is a WordPress menu? #
A WordPress menu is a structured collection of links that allows visitors to access different areas of your website.
For example, a typical main menu of a corporate website could be structured like this:
- Home
- About us
- Services
- References
- Blog
- Contact
On larger websites, individual menu items can in turn contain sub-items.
Under Services for example, the following entries could appear:
- Web design
- Web hosting
- WordPress
- SEO
This creates a hierarchical navigation that allows visitors to easily explore even extensive websites.
What content can be used in a WordPress menu? #
A WordPress menu does not have to consist exclusively of pages. Depending on the installation and the plugins used, different types of content can be included.
This includes, for example:
- Pages
- Posts
- Categories
- individual links
- WooCommerce Product Categories
- Products
- additional custom post types
Which choices are displayed depends on your WordPress installation.
Where can I find the menu management in WordPress? #
There is an important difference here between classic WordPress themes and modern block themes.
At a classic theme do you normally find:
Design → Menus
At a Block Theme this menu item might not exist. Instead, navigation is done via:
Design → Editor
managed.
If you do not know which theme is active on your website, you can usually find this out under Design → Themes check.
We explain how to log into the WordPress administration at WordPress Login: How to log in to the admin area.
Creating a WordPress menu with a classic theme #
If you are using a classic theme with traditional menu management, you can create a new menu directly in the WordPress admin area.
Create new menu #
- Log in to your WordPress admin area.
- Open Design → Menus.
- Click on the function to create a new menu.
- Assign a meaningful menu name, for example Main navigation.
- Click on Create menu.
- Then add the desired pages and other menu items.
- Assign a display location provided by the theme to the menu if necessary.
- Save the menu.
The internal menu name is primarily intended for your administration. Visitors usually do not need to see this name.
What is a menu item? #
Classic WordPress themes can define various locations where a menu can be displayed.
Depending on the theme, these can be called, for example:
- Primary Menu
- Main menu
- Header menu
- Footer menu
- Mobile Navigation
- Secondary Menu
Which menu locations are available is determined by the active theme.
One theme can have only a single position, while another supports multiple different navigation areas.
Important: A created menu is not necessarily displayed automatically on your website. With classic themes, you often also have to define the position provided by the theme where the menu should appear.
Add pages to a WordPress menu #
After you have created a menu, you can add existing WordPress pages.
Add page to menu #
- Open Design → Menus.
- Select the desired menu.
- Open in the left panel Pages.
- Mark the desired pages.
- Click on Add to menu.
- The selected pages will then appear in the menu structure.
- Arrange the entries in the desired order.
- Click on Save menu.
If a required page does not exist yet, you should create it first. We explain how this works in our guide Create new pages in WordPress.
Change the order of the menu items #
The order of the entries can be changed by drag and drop in the classic menu management.
To do this, click on a menu item, hold down the mouse button, and drag it to the desired position.
For example, if your menu currently looks like this:
- Home
- Contact
- About us
- Services
can you just rearrange the entries:
- Home
- About us
- Services
- Contact
Save the menu afterwards so that the new order is applied.
Create submenu or dropdown menu #
WordPress supports hierarchical menus. This allows you to nest one menu item under another.
An example:
- Services
- Web design
- Web hosting
- SEO
Whether these sub-items actually appear as a classic drop-down menu on the website depends on how the theme is displayed.
Create a submenu in a classic theme #
- Open Design → Menus.
- Add all required menu items.
- Drag the desired sub-item under its parent menu item.
- Move it slightly to the right until WordPress shows the indentation.
- Repeat this for further subitems.
- Save the menu.
- Check the navigation on your website afterwards.
Through the indentation, WordPress recognizes that the entry in question is a sub-item of the menu item above it.
How many levels should a menu have? #
Technically, WordPress can also manage more complex menu structures. However, that doesn't mean you should use as many levels as possible.
A navigation like:
Products → Software → Security → Email → Spam filter → Settings
quickly becomes confusing for visitors and is difficult to use on smartphones.
For standard corporate websites, the simplest and most intuitive navigation is usually the better solution.
Practical Tip: If you need several nested levels for a menu item, first check whether your website's information architecture can be simplified.
Rename menu item without changing the page title #
A very useful WordPress feature is the ability to set the visible name of a menu item independently of the actual page title.
For example, a page could be titled:
Professional web hosting for Swiss companies
In the main menu, this text would probably be too long. There you can simply:
Web hosting
display.
With a classic menu, you open the relevant menu item and change it Navigation label.
The actual title of the page remains unchanged.
Does the navigation label change the URL of the page? #
No.
If you only change the navigation label of a menu item, the destination address of the linked page remains unchanged.
This is important because it allows you to use short and understandable menu names without having to change the page title or the URL slug.
Add custom link to WordPress menu #
Not every navigation destination needs to be a WordPress page. With a custom link, you can include practically any valid web address in your menu.
For classic themes, you can find this under Design → Menus normally the area Individual links.
There you enter the complete destination address and the desired link text.
This can be useful, for example, for:
- an external website
- a separate customer center
- an external booking platform
- a documentary
- another subdomain
Attention: Check individual links with special care. WordPress cannot know if you made a typo in a manually entered external address.
Create a link to a specific area of a page #
You can also link a menu to a specific section of a page. For this, so-called Anchor links used.
Such a destination address can look like this, for example:
When loading, the browser jumps directly to the element with the corresponding ID.
This is practical for longer landing pages, for example, when a menu item needs to lead directly to prices, features, or a contact area.
Add categories to the WordPress menu #
If your website has a blog, you can also integrate categories into the navigation.
A blog could have categories such as:
- WordPress
- Web hosting
- SEO
- Safety
Visitors are taken to the respective archive page with the assigned posts via a category link.
We explain how categories are structured and used in our guide Creating categories and subcategories in WordPress.
I cannot see the „Categories“ section or other content #
In the classic menu management, certain areas may be hidden.
If, for example, you cannot find categories, certain content types, or advanced menu options, check the View settings at the top of the page.
There, depending on your WordPress configuration, you can display additional elements for menu management.
Remove menu item #
If a link should no longer appear in the navigation, you can remove it from the menu.
Remove menu item in a classic theme #
- Open Design → Menus.
- Select the correct menu.
- Open the desired menu item.
- Click on Remove.
- Save the menu.
This merely causes the Menu item Removed.
The underlying page, post or category is not deleted as a result.
Important: „"Remove from the menu" and "Delete page" are two completely different actions. If you simply no longer want a page to appear in the navigation, you don't need to delete the page itself.
What happens when a linked page is deleted? #
When you delete a page, you should also check the navigation.
Depending on the constellation, an old menu item could otherwise lead nowhere or be marked as invalid.
This is not only unpleasant for visitors, but can also generate unnecessary internal 404 errors.
We explain how to correctly edit and delete pages at Edit or delete pages in WordPress.
Display menu in a different position #
With classic themes, you can often assign a menu to different theme positions.
For example, an existing menu could be used as the main navigation, while a second menu appears in the footer.
Depending on the theme, the assignment is made directly under Design → Menus or through a separate section for menu items.
Since the available positions are defined by the theme, the name and number can differ significantly.
Can I create multiple WordPress menus? #
Yes. You can manage several different menus.
This is useful, for example, for:
- Main navigation
- Footer Navigation
- Service menu
- legal pages
- Mobile Navigation
Whether and where these menus appear depends, in turn, on the theme you're using or the layout of your website.
Create a Footer Menu #
A separate footer menu is useful, for example, for pages that should be accessible but do not necessarily belong in the main navigation.
Depending on the website, this may include, for example:
- Imprint
- Privacy Policy
- Terms and Conditions
- Contact
- Support
You can see whether your theme provides its own footer menu item in the available menu items or in the website editor.
Menus in Modern WordPress Block Themes #
Modern block themes do not necessarily use the classic management under Design → Menus.
Instead, the navigation is part of the block-based website layout.
Open:
Design → Editor
There, you can edit the navigation within the header or the templates being used.
The key element here is the Navigation block.
What is the WordPress navigation block? #
The Navigation Block is a WordPress block for creating and displaying website navigation menus.
For example, it may include:
- Links to pages
- individual links
- Submenus
- Other supported navigation elements
Unlike classical menu management, you edit the navigation directly within the block-based site editor.
Editing Navigation in a Block Theme #
Change Navigation in the Website Editor #
- Open Design → Editor.
- Open the section or template using your navigation.
- Choose the Navigation block out.
- If necessary, open the list view to see the structure more clearly.
- Add new navigation elements or edit existing links.
- Ändere die Reihenfolge der Einträge nach Bedarf.
- Erstelle bei Bedarf Untermenüs.
- Save the changes.
- Kontrolliere die Navigation anschliessend auf der Website.
Die genaue Benutzeroberfläche kann sich zwischen WordPress-Versionen etwas verändern. Das grundlegende Prinzip bleibt jedoch gleich: Bei einem Block-Theme ist die Navigation Bestandteil des Website-Editors.
Listenansicht bei komplexen Navigationen verwenden #
Wenn dein Menü mehrere Ebenen besitzt, kann die Listenansicht des Block-Editors sehr hilfreich sein.
Dort siehst du die Struktur der verwendeten Blöcke hierarchisch und kannst leichter erkennen, welcher Menüpunkt welchem übergeordneten Element zugeordnet ist.
Gerade bei Untermenüs ist diese Ansicht oft übersichtlicher als die rein visuelle Bearbeitung.
Header und Navigation bei Block-Themes gehören zusammen #
Bei einem Block-Theme ist der Navigationsblock häufig Bestandteil des Headers.
Wenn du also nicht nur die Links, sondern auch Logo, Hintergrund oder andere Header-Elemente ändern möchtest, bearbeitest du möglicherweise denselben Template-Bereich.
Die grundlegende Header-Verwaltung erklären wir in unserer Anleitung Change header image in WordPress: correctly adjust logo, header, and title image.
Was ist ein Mega-Menü? #
A Mega-Menü ist eine umfangreichere Navigation, bei der beim Öffnen eines Hauptmenüpunkts nicht nur eine einfache Liste, sondern ein grösserer strukturierter Bereich angezeigt wird.
Darin können beispielsweise mehrere Spalten, Kategorien, Beschreibungen, Icons oder andere Inhalte erscheinen.
Mega-Menüs gehören nicht zu den grundlegenden Funktionen der klassischen WordPress-Menüverwaltung. Je nach Website werden sie durch:
- das Theme
- ein spezielles Plugin
- einen Page Builder
- individuelle Entwicklung
provided.
Ob ein Mega-Menü sinnvoll ist, hängt von der Grösse und Struktur der Website ab. Für eine Website mit fünf Hauptseiten wäre ein komplexes Mega-Menü meistens unnötig.
Menüs bei Elementor-Websites #
Wenn deine Website mit Elementor aufgebaut wurde, kann der sichtbare Header als eigenes Elementor-Template erstellt worden sein.
In diesem Header befindet sich dann ein Navigations- beziehungsweise Menüelement, dessen Darstellung über Elementor gesteuert wird.
Je nach Aufbau greift dieses Element auf eine vorhandene WordPress-Navigation zurück oder wird über die jeweiligen Elementor-Funktionen konfiguriert.
If you are under Design → Menus etwas änderst und auf der Website keine Veränderung siehst, solltest du deshalb prüfen, ob der Header über Elementor oder einen anderen Builder erzeugt wird.
Menü geändert, aber die Website zeigt noch die alte Version #
Wenn du eine Navigation gespeichert hast, aber weiterhin die alte Version angezeigt wird, kommen mehrere Ursachen infrage.
- Du hast das falsche Menü bearbeitet.
- Das Menü ist einer anderen Position zugewiesen.
- Der Header verwendet ein anderes Menü.
- Ein Page Builder erzeugt eine eigene Navigation.
- Ein Cache zeigt noch eine ältere Version.
Prüfe zuerst, ob du tatsächlich das auf der Website verwendete Menü bearbeitet hast.
Teste die Seite anschliessend in einem privaten Browserfenster. Wenn dort ebenfalls die alte Navigation erscheint, solltest du die Menüzuweisung beziehungsweise den Header-Aufbau kontrollieren.
Menü funktioniert auf Desktop, aber nicht auf dem Smartphone #
Viele Themes stellen die Navigation auf kleinen Bildschirmen anders dar. Statt einer horizontalen Menüleiste erscheint beispielsweise ein sogenanntes Hamburger-Menü.
Wenn die Navigation nur auf Mobilgeräten Probleme verursacht, prüfe unter anderem:
- ob das Theme ein separates mobiles Menü verwendet
- ob alle Untermenüs bedienbar sind
- ob Menüpunkte zu lang sind
- ob ein Page Builder eigene responsive Einstellungen verwendet
- ob CSS-Anpassungen die Navigation beeinflussen
Teste wichtige Änderungen deshalb nicht nur am Desktop.
Menüpunkt öffnet die falsche Seite #
Wenn ein Menüpunkt auf die falsche Seite führt, kontrolliere das hinterlegte Ziel.
Bei einem normalen Seiten-Link ist die WordPress-Seite bereits mit dem Menüeintrag verknüpft. Bei einem individuellen Link wurde die Adresse dagegen manuell eingetragen und kann entsprechend fehlerhaft sein.
Besondere Aufmerksamkeit solltest du nach Domainänderungen, Migrationen oder Änderungen an URL-Strukturen auf vorhandene individuelle Links richten.
Menüpunkt soll nicht anklickbar sein #
Manchmal soll ein übergeordneter Menüpunkt lediglich als Bezeichnung für ein Untermenü dienen und selbst keine eigene Inhaltsseite öffnen.
Das lässt sich je nach Theme und Navigationssystem unterschiedlich lösen.
Bei klassischen Menüs wird dafür teilweise ein individueller Link als übergeordnetes Element verwendet. Allerdings solltest du keine fragwürdigen Dummy-Links verwenden, ohne deren Auswirkungen auf Bedienbarkeit und Barrierefreiheit zu berücksichtigen.
Wenn ein Element lediglich ein Untermenü öffnet, sollte es auch für Tastatur- und Touch-Bedienung verständlich funktionieren.
Menüpunkte in neuem Tab öffnen #
Bei klassischen WordPress-Menüs kann für einzelne Links eine Option zum Öffnen in einem neuen Browser-Tab beziehungsweise Fenster verfügbar sein.
Falls du diese Einstellung nicht siehst, prüfe die View settings der Menüverwaltung.
Ein neues Browser-Tab ist allerdings nicht für jeden internen Link sinnvoll.
Normale interne Navigationslinks sollten üblicherweise im gleichen Tab geöffnet werden. Bei bestimmten externen Diensten kann ein neuer Tab dagegen je nach Nutzungskonzept sinnvoll sein.
Navigation und SEO #
Eine gute Navigation hilft nicht nur deinen Besuchern. Sie bildet auch einen wichtigen Teil der internen Verlinkungsstruktur deiner Website.
Suchmaschinen können über interne Links wichtige Bereiche einer Website entdecken und deren strukturelle Beziehungen besser nachvollziehen.
Das bedeutet allerdings nicht, dass möglichst viele Keywords in das Hauptmenü gehören.
Eine gute Navigation sollte in erster Linie:
- verständlich sein
- wichtige Bereiche erreichbar machen
- logisch strukturiert sein
- kurze und eindeutige Bezeichnungen verwenden
- auf Desktop und Mobilgeräten funktionieren
Ein mit Suchbegriffen überladenes Menü hilft weder Besuchern noch der Qualität deiner Website.
Kurze oder ausführliche Menübezeichnungen? #
Für die Hauptnavigation sind kurze und eindeutige Begriffe meistens besser geeignet als vollständige Seitentitel.
Instead:
Unsere professionellen Dienstleistungen für Unternehmen
ist im Menü beispielsweise:
Services
wesentlich schneller erfassbar.
Der eigentliche Seitentitel kann trotzdem ausführlicher und für den Inhalt präziser formuliert sein.
Zu viele Menüpunkte vermeiden #
Wenn jede einzelne Unterseite direkt im Hauptmenü erscheint, verliert die Navigation schnell ihre Funktion als Orientierungshilfe.
Die Hauptnavigation sollte die wichtigsten Bereiche der Website abbilden und nicht automatisch das vollständige Inhaltsverzeichnis darstellen.
Bei umfangreichen Websites kannst du Inhalte durch Untermenüs, Kategorieseiten, Landingpages oder zusätzliche Navigationen strukturieren.
Rechtliche Seiten müssen nicht zwingend ins Hauptmenü #
Seiten wie Impressum und Datenschutzerklärung müssen für Besucher gut erreichbar sein. Das bedeutet aber nicht automatisch, dass sie einen prominenten Platz in der Hauptnavigation benötigen.
Bei vielen Websites werden solche Seiten sinnvoll im Footer verlinkt.
Wie du eine Datenschutzerklärung innerhalb von WordPress einrichtest, behandeln wir in unserer separaten Anleitung zur WordPress-Datenschutzerklärung.
Navigation nach Änderungen immer testen #
Nachdem du ein Menü verändert hast, solltest du nicht davon ausgehen, dass automatisch alles korrekt funktioniert.
Öffne die öffentliche Website und kontrolliere:
- ob alle Hauptmenüpunkte sichtbar sind
- ob alle Links zum richtigen Ziel führen
- ob Untermenüs funktionieren
- ob die Reihenfolge stimmt
- ob die Navigation auf Smartphones bedienbar ist
- ob keine alten oder gelöschten Seiten verlinkt sind
Bei einer umfangreichen Änderung solltest du mehrere wichtige Seitentypen prüfen, da eine Website unterschiedliche Header oder Templates verwenden kann.
Typische Fehler bei WordPress-Menüs #
- Menü erstellen, aber keiner Position zuweisen
- Änderungen vornehmen und das Menü nicht speichern
- das falsche Menü bearbeiten
- zu viele Hauptmenüpunkte verwenden
- zu viele Untermenü-Ebenen erstellen
- gelöschte Seiten weiterhin verlinken
- unnötig lange Navigationslabels verwenden
- externe URLs falsch eingeben
- nur die Desktop-Navigation testen
- bei einem Block-Theme nach Design → Menus suchen
- den WordPress-Header bearbeiten, obwohl ein Page Builder den sichtbaren Header erzeugt
Note: Eine gute Navigation zeigt nicht möglichst viele Links. Sie führt Besucher mit möglichst wenig Nachdenken zu den wichtigsten Bereichen deiner Website.
When should you contact CURIAWEB support? #
Wenn du als CURIAWEB-Kunde nicht herausfindest, welches Menü deine Website verwendet oder warum Änderungen nicht angezeigt werden, kannst du dich an unseren Support wenden.
Hilfreich sind dabei folgende Angaben:
- die betroffene Domain
- das verwendete WordPress-Theme
- welches Menü beziehungsweise welcher Menüpunkt betroffen ist
- ob Elementor oder ein anderer Page Builder verwendet wird
- was du ändern möchtest
So lässt sich schneller feststellen, ob die Navigation über WordPress, das Theme oder einen Page Builder verwaltet wird.
Summary #
Mit WordPress kannst du Seiten, Kategorien und individuelle Links zu einer übersichtlichen Website-Navigation zusammenstellen. Bei klassischen Themes erfolgt dies normalerweise über Design → Menus. Dort kannst du Menüpunkte hinzufügen, deren Reihenfolge verändern, Untermenüs erstellen und das Menü einer vom Theme bereitgestellten Position zuweisen.
Bei modernen Block-Themes wird die Navigation dagegen über Design → Editor and the Navigation block verwaltet. Wenn Elementor oder ein anderer Page Builder den Header erzeugt, kann wiederum dessen eigenes Navigationssystem relevant sein.
Halte die Hauptnavigation möglichst übersichtlich, verwende verständliche Bezeichnungen und teste Änderungen sowohl auf Desktop- als auch auf Mobilgeräten. Wenn du zusätzlich Logo oder Headerbild ändern möchtest, findest du die passende Anleitung unter Headerbild in WordPress ändern.
