Getting Started with WordPress Navigation Menus for New Site Owners

Learn how to create, organize, and safely edit your WordPress navigation menus so visitors can quickly find what they need on your site.

Why Your WordPress Navigation Menu Matters

Your main navigation menu is one of the first things visitors use to understand your website. A clear, well-structured menu helps people find key pages quickly and reduces confusion, which can improve engagement and conversions.

In WordPress, navigation menus are managed separately from your pages and posts. Once you understand where menus live and how they connect to your theme, you can safely adjust labels, add new links, and reorganize items without breaking your site layout.

How WordPress Navigation Menus Work

WordPress uses a built-in menu system that lets you create one or more menus, then assign each menu to a “location” in your theme (for example, Primary, Footer, or Mobile). These locations are defined by your active theme and can vary from site to site.Source

Key concepts:

• Menu – A collection of links (menu items) you create and manage.
• Menu location – A spot in your theme where a menu can appear (header, footer, etc.).
• Menu item – A single link in the menu (to a page, post, custom URL, category, etc.).
• Submenu / dropdown – A nested list of items under a parent menu item.

Accessing the Menu Editor in WordPress

There are two common ways to manage menus in modern WordPress:

1. Dashboard ? Appearance ? Menus (classic Menus screen)
2. Dashboard ? Appearance ? Editor (for block themes, using the Site Editor)

Most business sites still rely on the classic Menus screen, even when using the block editor for content. We’ll focus on that approach because it’s consistent across many themes and easier for new site owners.Source

Step-by-Step: Open the Classic Menus Screen

1. Log in to your WordPress dashboard.
2. In the left-hand menu, go to Appearance ? Menus.

What You Should See

• A dropdown labeled Select a menu to edit with at least one existing menu, or a prompt to create a new menu.
• A Menu structure box showing your current menu items in a vertical list.
• A Menu settings area with checkboxes for theme locations (for example, Primary Menu, Footer Menu).
• On the left, panels such as Pages, Posts, Custom Links, and Categories for adding new items.

Creating a New Primary Navigation Menu

If your site is new or your theme wasn’t configured yet, you may need to create your first menu.

Step-by-Step: Create a New Menu

1. Go to Appearance ? Menus.
2. Click create a new menu.
3. Enter a clear name in Menu Name, such as Main Navigation or Primary Menu. This name is for admins only; visitors won’t see it.
4. Under Menu Settings ? Display location, check the box that matches your main header area (often labeled Primary, Main, or similar).
5. Click Create Menu.

What You Should See

• Your new menu name at the top of the screen.
• An empty Menu structure area ready for items.
• Your selected display location checkbox checked.

Adding Pages and Links to Your Menu

Once the menu exists, you can add items from the left-hand panels.

Step-by-Step: Add Pages to the Menu

1. In Appearance ? Menus, make sure the correct menu is selected in the dropdown, then click Select.
2. In the left column, open the Pages panel.
3. Check the boxes next to the pages you want in your navigation (for example, Home, About, Services, Contact).
4. Click Add to Menu.
5. Your selected pages will appear at the bottom of the Menu structure list.
6. Click Save Menu to publish your changes.

Adding Custom Links (External URLs or Special Items)

Use Custom Links when you want to link to:

• Another website (for example, a booking portal or donation platform).
• A file or resource URL.
• A special anchor or section on a page.

1. Open the Custom Links panel.
2. Paste or type the URL in the URL field.
3. Enter a short, clear Link Text label.
4. Click Add to Menu, then Save Menu.

Reordering and Nesting Menu Items (Dropdowns)

You can control the order and hierarchy of your menu using drag-and-drop.

Step-by-Step: Reorder Items

1. In the Menu structure area, click and hold a menu item.
2. Drag it up or down to change its position.
3. Release the mouse when it’s in the desired spot.
4. Click Save Menu.

Step-by-Step: Create a Dropdown (Submenu)

1. Decide which item should be the parent (for example, Services).
2. Drag the item you want as a child slightly to the right under the parent item until it snaps into an indented position.
3. Repeat for any additional child items.
4. Click Save Menu.

What You Should See

• Indented items under a parent in the Menu structure list.
• On the front end, hovering or tapping the parent item should reveal the dropdown, depending on your theme’s design.

Editing Labels Without Changing URLs

Sometimes you want a shorter or clearer label in the menu than the page’s actual title. You can safely change the label without changing the underlying URL.

Step-by-Step: Edit a Menu Item Label

1. In Appearance ? Menus, click the small arrow on the right side of a menu item to expand its settings.
2. In the Navigation Label field, type the label you want visitors to see (for example, change “Our Services and Solutions” to “Services”).
3. Leave the Original or URL field alone unless you intentionally need to change the destination.
4. Click Save Menu.

Assigning Menus to Header, Footer, and Mobile Locations

Your theme may support multiple menu locations. For example, a primary header menu, a footer menu, and a separate mobile menu. These locations are registered by the theme and can be managed in code using functions like register_nav_menus().Source

Step-by-Step: Change a Menu’s Display Location

1. Go to Appearance ? Menus.
2. Select the menu you want to assign and click Select.
3. In Menu Settings ? Display location, check or uncheck the appropriate locations (for example, Primary, Footer).
4. Click Save Menu.

What You Should See

• Your chosen menu appearing in the header, footer, or other area on the front end.
• If your theme or page builder (such as Elementor) uses a custom header template, the menu should still pull from the assigned location as long as the correct menu location is selected in the header settings.Source

Working with Menus in the Site Editor (Block Themes)

If your site uses a block theme and the Site Editor, menus are often managed as part of the header template using navigation blocks. The underlying concept is the same: you’re editing a navigation structure and assigning it to a location, but the interface is block-based instead of the classic Menus screen.Source

For most new site owners, your developer or Compass Production will set up the initial header and navigation for you. You can then adjust labels and add or remove items using either the classic Menus screen or the navigation block, depending on how your site is configured.

Simple Best Practices for Clear, User-Friendly Menus

• Keep the top-level menu short. Aim for 5–7 main items so visitors aren’t overwhelmed.
• Use plain language. Labels like About, Services, Blog, and Contact are easier to scan than clever but vague phrases.
• Group related pages under dropdowns. For example, group multiple service pages under a single Services parent.
• Prioritize important actions. Put high-value items (Contact, Get a Quote, Donate) toward the right side of the menu where they’re more noticeable.
• Test on mobile. After any menu change, check how it looks and behaves on phones and tablets.

How Menus Affect Accessibility and SEO

Well-structured navigation helps both users and search engines understand your site. Screen readers rely on clear labels and logical order, and search engines use your internal links to discover and prioritize content. Using semantic HTML (such as proper navigation landmarks and lists) improves accessibility and can support better SEO.Source

If Compass Production built your site, the underlying markup and structure are already handled. Your main responsibility is to keep labels clear, avoid clutter, and ensure important pages remain easy to reach.

Next Steps

Once you’re comfortable with the basics, you can:

• Create a separate footer menu for policies and utility links.
• Work with your team to define which pages must always stay in the main navigation.
• Schedule a quick quarterly review of your menu to remove outdated items and highlight new priorities.

With a little practice, your WordPress navigation menu becomes a powerful, easy-to-manage tool for guiding visitors through your site.