How to Add Page to a Navigation Menu in WordPress: 2 Effective Methods

How to Add Page to a Navigation Menu in WordPress: 2 Effective Methods

To create a seamless user experience, you will likely need to add a navigation menu to your website. However, to make the most of the menu, a list of well-organized website pages is a must.

In this article, we will explore two methods for customizing WordPress menus. In the end, you’ll be able to add pages to WordPress menus effortlessly and in minimal time.

Download all in one WordPress cheat sheet

A navigation menu in WordPress is a collection of links to internal web pages within the website. It makes finding information easier and promotes pages the website owner wants to highlight.

Most navigational menus are located in accessible places across the website, such as page headers and sidebars.

How to Add Pages to WordPress Menus

There are two ways to add pages to navigation menus ‒ using the built-in navigation menu feature or the WordPress Site Editor. As the final result will be the same, check out the following sections and pick the method you prefer.

Pro Tip

Before making any changes to your menu, it’s best to back up your WordPress website first. This way, you don’t have to worry about breaking the site in case of an error.

Adding a Page to a Menu From WordPress Dashboard

WordPress lets you control how your menu appears from the admin dashboard. Here’s how to create a new page and embed it as a new menu item.

  1. Log in to your WordPress dashboard, head to the Pages section, and click Add New.
  2. Type in the page title and content you want to showcase in the menu and hit Publish.
Adding a new page on WordPress
  1. Navigate to Appearance Menus from the admin dashboard. Add a name to the Menu Name section and check the Top Menu box. Hit the Create Menu button. Repeat this step until you have created all of the necessary pages.
Creating a new menu via the Appearance menu
  1. In the Add menu itemsPages section, check the box next to the pages to include in the new menu and click the Add to Menu button.
Adding new pages to the newly created menu
  1. Drag and drop the menu options to reorder them. Place a menu item on the right below the designated parent menu to create a sub-menu. Once done, click on the Save Menu button.
Re-ordering the menu items using the drag-and-drop functionality

Now that the new menu is up and running, you can customize it by adding WordPress menu icons to enhance the readability and overall look of menu items.

WordPress also accepts custom links, categories, and posts as menu options. For instance, expand the Custom Links dropdown menu under the Add menu items section and add the chosen URL and link text as a menu item. It’s useful for redirecting visitors to an external web page.

Adding a custom link to the navigation menu

Adding a Page in a Menu Using the Site Editor

WordPress offers full website editing through the new Site Editor, available in version 5.9 or higher. For this method to work, make sure to choose the theme that supports this feature.

We’re going to use the Twenty Twenty-Two theme for this tutorial. Here’s how to add a menu page to a WordPress menu using the Site Editor.

  1. Go to Appearance Editor from your admin dashboard.
The WordPress dashboard with the Editor menu highlighted
  1. Click the page header to activate it, then hit the (+) button on the bottom right corner. Search for the navigation block and add it to the section.
The Navigation block in the add new block popup
  1. Click on the menu bar to open the settings. Select a menu item and use the left and right arrows to reorder it.
The Navigation menu bar highlighted on Site Editor
  1. While still on the menu bar, click the (+) button and pick a page to embed as a menu item. Select the Open in new tab slider to open the new page in a different tab.
The add new menu item popup in Site Editor
  1. Hit the Save button once you’ve finished.

If your current theme doesn’t support Site Editor, add custom code to the theme’s functions.php file using the WordPress Theme File Editor. Refer to the WordPress Codex for navigation menu functions.

Users who are on WordPress 6.5 can use the Navigation block UI tool to add a menu section. Click on the (+) symbol in the settings sidebar to create a new item.

The add new menu item popup in the Site Editor

You can reorder the menu items by dragging and dropping them. To create a submenu, drag and drop the targeted menu item to a lower level or click on the Options menu next to the intended parent menu item and select Add submenu link.

The Add submenu link in the Navigation block settings in the Site Editor

Alternatively, install a WordPress menu plugin to get more customization options and eliminate the need to code. For instance, Max Mega Menu enables you to create a WordPress mega menu and easily add rich content, such as product images, search filters, and even interactive maps.

Conclusion

As a navigation menu is a crucial element of a website design, optimizing it helps ensure a smooth user experience.

In this tutorial, you have learned how to customize menus using the WordPress dashboard and the Site Editor. Pick the easiest method and start building your navigation menu. Once done, make sure to double-check whether it displays all the necessary menu items.

Should you have any questions, leave a comment below.

Author
The author

Jordana Alexandrea

Jordana is a Senior Content Writer at Hostinger with a background in Information Systems. She has over five years of experience in WordPress and is casually dabbling with PHP and MySQL. Her passion for writing and technology drives her to create tutorials for anyone wanting to build their online presence. Follow her on LinkedIn.