How to Add a Menu in WordPress

Your website’s navigation menu is the roadmap your visitors follow. Get it right, and people explore your content, find your offers, and take action. Get it wrong, and they bounce — fast.

Here’s a stat worth knowing: 38% of users will stop engaging with a website if the content or layout is unattractive (Adobe). And nothing kills user experience faster than a confusing or missing navigation menu.

Whether you just launched your WordPress site or you’re refreshing an existing one, this guide walks you through exactly how to add and manage menus in WordPress — no coding required.

Why Navigation Menus Matter More Than You Think

Before jumping into the steps, it’s worth understanding why this matters beyond aesthetics.

The numbers tell the story:

• 43.4% of all websites on the internet run on WordPress (W3Techs, 2024) — making navigation best practices universally important
• Users form a first impression of your site in just 0.05 seconds (Sweor)
• 88% of online consumers are less likely to return after a bad experience (Econsultancy)
• Websites with clear navigation see up to 3x more page views per session
• 47% of users expect to find what they need within seconds of landing — not just fast load times, fast navigation

A well-structured navigation menu isn’t just aesthetic. It directly impacts bounce rates, time on site, and ultimately your conversions.

What You Need Before You Start

Adding a menu in WordPress is straightforward. You’ll need:

• Access to your WordPress dashboard (wp-admin)
• A published or draft website with at least a few pages
• A theme that supports custom navigation menus (almost all modern themes do)

That’s it. No plugins required for basic menu creation.

How to Add a Menu in WordPress (Classic Themes)

If you’re using a classic WordPress theme — anything that isn’t a Full Site Editing theme — follow these steps.

Go to Appearance > Menus

From your WordPress dashboard, navigate to Appearance > Menus. This opens the Menu Editor where all the action happens.

Create a New Menu

1. In the Menu Name field at the top, type a name for your menu (e.g., “Main Navigation” or “Top Menu”)
2. Click Create Menu
3. On the left side, you’ll see panels for Pages, Posts, Custom Links, and Categories
4. Check the boxes next to the items you want to add, then click Add to Menu
5. Drag and drop the items in the right panel to reorder them or create sub-menus (nested items)
6. Under Menu Settings at the bottom, check the display location (e.g., Primary Menu)
7. Click Save Menu

💡 Pro Tip: You can create multiple menus — one for your header, one for your footer, and one for a sidebar. Each can have completely different items and be assigned to different locations.

How to Add a Menu in WordPress (Block / FSE Themes)

If you’re using a Full Site Editing (FSE) theme like Twenty Twenty-Three or Twenty Twenty-Four, the process is different. FSE themes use the Site Editor instead of the classic Menus screen.

Use the Site Editor

1. Go to Appearance > Editor from your dashboard
2. Click on the Header template where you want the menu to appear
3. Click the + block inserter and search for “Navigation”
4. Add the Navigation Block to the header
5. Use the block toolbar to add pages, links, or submenus directly in the editor
6. Click Save to publish your changes

The FSE approach gives you more visual control since you’re editing the menu live on the page — what you see is exactly what your visitors will see.

How to Add Different Types of Menu Items

Adding Pages

This is the most common type. In the Pages panel on the left of the Menu Editor, select View All, check the pages you want, and click Add to Menu.

Adding Custom Links

Want to link to an external site, a specific URL, or a landing page? Use the Custom Links panel. Enter the URL and link text, then click Add to Menu.

Adding Categories

If you run a blog, linking directly to content categories helps visitors navigate your archive. Expand the Categories panel, select what you need, and add it.

Adding Posts

You can link directly to individual posts — useful if you have a flagship piece of content or a lead magnet post you want permanently accessible from navigation.

How to Create Dropdown Submenus

Dropdowns keep your navigation clean while giving access to deeper content. Here’s how to set them up:

1. In the Menu Editor, add all your items as usual
2. Drag a menu item slightly to the right beneath a parent item
3. It will indent and become a “sub-item” — this creates the dropdown effect
4. You can nest multiple levels deep, though two levels is best for user experience

📊 Navigation Depth & UX: Studies show users prefer menus with 5–7 top-level items. Beyond 7 items, cognitive load increases and click-through on individual items drops. Keep it focused.

How to Assign Your Menu to a Location

Creating a menu doesn’t automatically display it. You need to assign it to a theme location.

Common locations include:

• Primary Menu — typically the main header navigation
• Footer Menu — appears at the bottom of the page
• Social Links Menu — available in some themes for social icon navigation

To assign:

1. Click the Manage Locations tab at the top of the Menus screen
2. Use the dropdowns to assign your saved menus to each available location
3. Click Save Changes

Each theme has different location options — the names and number of locations depend entirely on your theme’s configuration.

How to Add a Menu Widget to a Sidebar or Footer

WordPress lets you add menus as widgets too — great for sidebars and footer columns.

1. Go to Appearance > Widgets
2. Find the Navigation Menu widget
3. Drag it to your sidebar or footer widget area
4. Select which menu to display from the dropdown and optionally add a title
5. Click Save

This is especially useful for footer navigation that links to legal pages, contact info, or secondary content categories.

Advanced WordPress Menu Options

Once you’ve created your basic menu, these advanced features give you even more control.

Add CSS Classes to Menu Items

Click the Screen Options tab at the top right of the Menu Editor and enable CSS Classes. This lets you add custom classes to individual menu items for targeted styling.

Set a Link Target (Open in New Tab)

Enable Link Target in Screen Options. Then on any menu item, you’ll see an option to open the link in a new tab — ideal for external links or PDFs.

Add Title Attributes

The Title Attribute option (also in Screen Options) adds hover text to menu items — useful for accessibility and providing extra context.

Use a Mega Menu Plugin

For large sites with deep content hierarchies, a mega menu plugin like Max Mega Menu or WP Mega Menu lets you display columns, images, and icons within your dropdown — turning navigation into a content discovery tool.

Common WordPress Menu Issues and How to Fix Them

Menu Not Showing on the Front End

This almost always means the menu hasn’t been assigned to a display location. Go to Appearance > Menus > Manage Locations and assign your menu.

Menu Items Are Out of Order

Open the Menu Editor and drag items into the correct order. WordPress doesn’t auto-sort menu items — the order you set is the order visitors see.

Dropdown Menus Not Working

This is usually a theme or JavaScript conflict. Try checking the browser console for JS errors. If you’re using a caching plugin, clear the cache after making menu changes.

“Appearance > Menus” Is Missing

If you’re on an FSE theme, the classic Menus option is replaced by the Site Editor. Navigate to Appearance > Editor and manage your navigation through the Navigation Block.

Too Many Redirects on Menu Links

Often happens when a page URL changes but the menu still points to the old one. Edit the menu item’s URL or delete and re-add the page from the Pages panel.

📊 Real Impact of Navigation on Conversions: A 2023 study by Baymard Institute found that 18% of users abandon a website specifically because they can’t find what they’re looking for. Fixing navigation directly lifts conversions.

WordPress Menu Best Practices

Building the menu is step one. Building it well is what separates high-performing sites from everything else:

• Keep top-level items to 5–7 maximum to reduce cognitive load
• Use clear, descriptive labels — avoid internal jargon that visitors won’t recognize
• Put your most important page first or last — these positions get the most attention
• Test your menu on mobile. Over 60% of web traffic now comes from mobile devices (Statista, 2024)
• Include a CTA-style item (like “Get Started” or “Book a Call”) styled differently from other links
• Review your menu quarterly — remove outdated links and add new high-value pages

Conclusion

Adding a menu in WordPress is one of those foundational tasks that takes minutes to do but pays dividends for as long as your site runs. A clear, well-structured navigation menu keeps visitors oriented, builds trust, and guides them toward the actions you want them to take.

Quick recap:

• Use Appearance > Menus for classic themes, and Appearance > Editor for FSE/block themes
• Create your menu, add items, set the order, create submenus as needed
• Always assign the menu to a display location — otherwise it won’t show
• Keep it simple: 5–7 top-level items, clear labels, mobile-tested
• Review and update your menu as your site grows

Now go build a navigation experience your visitors actually want to use.