When I build a website, I treat navigation as one of its most important usability features. A clear menu helps visitors understand the site, reach key pages, and move between sections without frustration. A confusing menu can hide valuable content and make an otherwise professional website difficult to use.
Learning how to make a WordPress menu is easier than it may seem. WordPress includes visual tools for adding pages, categories, custom links, dropdowns, and footer navigation. The exact process depends on whether the website uses a modern block theme or a classic theme, so this guide explains both methods.
Plan Your WordPress Menu First
Before opening the WordPress dashboard, decide which pages deserve space in the main navigation. Most small websites need links such as Home, About, Services, Blog, and Contact. Online stores may also need Shop, Product Categories, Cart, and Account links.
Avoid placing every published page in the header. Too many options can overwhelm visitors and make the navigation difficult to use on phones. Privacy policies, terms, careers, support pages, and other secondary links normally fit better in the footer.
Use short and familiar menu labels. “Services” is clearer than a vague phrase, while “Contact” is easier to recognize than an unusual alternative. Visitors should understand where each link leads before selecting it.
Check Which WordPress Menu System You Use
Open the WordPress dashboard and look under Appearance.
If you see Appearance followed by Editor, the website probably uses a block theme. Its navigation is managed through the Site Editor and the Navigation block.
If Appearance includes Menus, the website uses the classic menu system. Some classic themes also provide menu controls through Appearance and Customize.
The available menu locations depend on the active theme. A theme may offer primary, mobile, secondary, sidebar, and footer positions.
Create a Menu With the Site Editor
Modern block themes use the Navigation block inside the website header or another template area.
Open the Header Template
Go to Appearance and select Editor. Open Design, Patterns, or Template Parts, depending on the active theme and WordPress version.
Choose the Header area and select the existing Navigation block. If the header does not contain one, use the block inserter to add a Navigation block in the required position.
Add Pages and Custom Links
Select the plus icon inside the Navigation block. Search for a published page or choose one from the suggested options.
Before adding a page to the navigation, make sure it has already been created and published correctly. Beginners who need help with that process can review how to add a page in WordPress before returning to the menu editor.
To send visitors to an external website, landing page, document, or another destination, add a custom link. Enter the complete URL and provide a clear navigation label.
You can shorten a menu label without changing the title of the connected page. This is useful when a page title is too long for the header.
Before adding external destinations or sensitive account pages to the navigation, review how to make a WordPress site secure so menu links do not expose login areas, private content, or poorly protected sections of the website.
Arrange and Save the Menu
Use the movement controls to rearrange the links. For a larger menu, open List View to see the complete navigation structure more clearly.
Select Save, review the listed changes, and confirm them. Open the public website and test every link on both desktop and mobile screens.
Create a Menu With a Classic WordPress Theme
Go to Appearance and select Menus. Enter a recognizable name such as “Primary Menu,” and then select Create Menu.
Choose pages, posts, categories, products, or custom links from the panel on the left. Add the required items and drag them into the preferred order.
Expand an individual item to change its navigation label or remove it. Removing a link from the menu does not delete the connected page.
Under Menu Settings, assign the menu to the correct display location, such as Primary, Header, Mobile, or Footer. Select Save Menu after completing the changes.
Avoid automatically adding every new top-level page unless the website genuinely needs that feature. Automatic additions can expose unfinished pages and make the header crowded.
Create a Dropdown Menu
Dropdown menus group related pages beneath a parent item. For example, a Services link could contain Web Design, Website Maintenance, and Search Engine Optimization.
In the classic menu editor, drag a child item slightly to the right beneath its parent. WordPress will display it as an indented sub-item.
In the Site Editor, select the parent navigation item and add submenu links through the Navigation block controls.
Keep dropdown menus simple. Multiple nested levels are difficult to scan and can create usability problems on mobile devices.
Add a Footer Menu
Footer navigation works well for privacy policies, terms, contact details, support pages, account links, and other secondary information.
With a block theme, open the Footer template part and add a separate Navigation block. Choose or create the required menu and save the template.
With a classic theme, create another menu and assign it to the Footer location. When the theme does not provide a footer location, check whether it supports a Navigation Menu widget.
Improve Mobile Usability and Accessibility
Keep the navigation structure consistent throughout the website. Visitors should not have to relearn the menu on every page.
Use descriptive labels instead of vague wording such as “Click Here.” Give links enough spacing for touchscreen users and make sure the text remains readable against the header background.
Keyboard users should be able to reach every link with the Tab key and see a visible focus indicator. Dropdowns should open predictably without trapping keyboard focus.
Preview the website at different screen sizes. A menu that looks balanced on a desktop may wrap, overlap, or become difficult to tap on a phone.
Fix a WordPress Menu That Is Not Showing
First, confirm that all changes were saved. With a classic theme, make sure the correct menu is assigned to the intended display location.
With a block theme, open the Header template and confirm that it contains a Navigation block. Check that the block displays the intended menu instead of an empty or older navigation structure.
Clear the browser cache,website cache, and caching plugin after making changes. If only the mobile menu is missing, review the responsive header settings because some themes use separate desktop and mobile menus.
Frequently Asked Questions
1. What is the easiest way to learn how to make a WordPress menu?
Check whether the dashboard displays Appearance and Editor or Appearance and Menus. Follow the Site Editor method for a block theme and the classic menu method for a traditional theme.
2. Can I add an external website to my menu?
Yes. Add a custom link, enter the complete destination URL, and give it a short, descriptive navigation label.
3. Can I use different menus in the header and footer?
Yes. WordPress supports separate navigation structures when the theme provides multiple menu locations or allows different Navigation blocks.
4. Why Is Appearance and Menus Missing?
The website probably uses a block theme. Open Appearance and Editor, and then manage the navigation through the Header template and Navigation block.
Final Takeaway
When I organize a WordPress website, I keep the primary menu focused on the destinations visitors need most. I use familiar labels, group related pages carefully, move secondary links to the footer, and test the navigation on different devices.
Once I understand how to make a WordPress menu, the technical process becomes straightforward. The real goal is to create navigation that remains clear, accessible, mobile-friendly, and useful as the website grows.