How to Add a Navigation Menu in WordPress

Updated on Sep 27, 2019

Having a well-maintained website full of content is great. However, as you add more content to your website, you will need to cater to users searching for specific content more and more. The search function is a great way to do that, but depending on your website, a good navigation menu can do much better. The main thing you should focus on is a simple yet effective structure. Overcomplicating the navigation index will only take away from its functionality.

Versions

This tutorial is made with WordPress 5.2.3 and one of the default WordPress themes - Twenty Seventeen.

Not being able to quickly find the thing they are looking for will make visitors annoyed and push them to leave your website. That is especially bad if you monetize your website and your livelihood depends on steady visit numbers and retention rates.

To increase the ease of navigation on your website, we will show you:

step

How to Create a New Navigation Menu

The WordPress Menu creation function is located inside the dashboard of the platform so you will need to log in as an admin and navigate to Appearance → Menus.

Access the Menu Interface in WordPress

Once you access the section, write a name for your menu which will help you distinguish it in the dashboard and then select Create Menu.

Create a New Menu in WordPress

With this, your menu is created, but as of now, there is nothing in it. In the next step, you will learn more about populating such lists.

step

How to Add and Arrange Menu Items

The menu interface is split into two sections. The one on the left contains all of your content, including pages, posts, entire categories, and custom links. To add a specific page to your list, you will need to select that page from those listed in this block and press the Add to Menu button.

Past ways of adding Pages as Menu Items

In the past, in some themes, there was an option to add pages to the navigation menu as items and sub-items which was available via the page attribute settings and used the exact order number of each page. However, due to the introduction of more features in the core menu creation interface which applies to all themes, that old way of adding menu items has become obsolete.

You can also add multiple pages at the same time. Don't worry about the arrangement as you can drag and drop to switch the place of each page afterward.

Add the Items and Display Location to a WordPress Menu

The second section is called Menu Structure, and here you will see the items you added to the menu. Below this you have the Menu Settings:

Wordpress Menu Items Structure Overview

  • Auto-add pages - This will automatically add new pages to the menu. This option will help you in populating listings with content. This feature is handy when you are adding content in the order it should appear on your website. It is also useful for archive lists of posts as everything will be added sequentially.
  • Display location - Here, you can also select the area in which the menu will be displayed. Note that additional display options may be available depending on your theme, like Footer or Left side slots. Additionally, you can add those yourself by using the widget options of your Admin Dashboard.

Display of Top Menu Navigation in WordPress

step

How to Change Labels and Remove Menu Items

Changing the label of an already created item might be needed when you only want to make the change in the menu but not change the name of the actual element. This feature works great for pages and posts. If you change the name of a page, that page in the menu will also change its label automatically.

To make a change to an item, click on the arrow button of that item and you will see detailed information for it. Note that while and after changing the label, you will still be able to see the original name of that element.

Edit Label and Remove Menu Items in WordPress

Completely removing the entire item without affecting the rest of the navigation structure can also be done via the same interface. Click on the Remove button at the bottom of the Item section to erase that item from the menu and don't forget to hit the Save button when you are done.

step

How to Create a Drop-Down (sub) Menu

Creating multi-level menus allow you to add better defined and detailed structure to your website. Of course, as the elements need to be formatted to show their hierarchy, a drop-down arrow is added when displayed in horizontal lines. Transforming a standard index to a multi-level one is very easy and can be done just by moving its items a bit. 

In the Menu Structure section, drag the item below and to the right of the subject which you want to parent it. Doing so will automatically change the property of that item to a sub-item or child item to the parent under which it is situated.

WordPress Menu Sub-Items Overview

You can also add sub-items of sub-items, but that feature is limited to a few layers in most themes and not even present in others.

Display of Multi-Level Drop-Down Navigation Menu in WordPress

step

Add a Navigation Menu to the Sidebar

Adding a menu to the sidebar will improve your website's user experience especially if you have lengthy pages. In those cases, users will have to scroll up or down to get to the header or footer lists. However, with a sidebar, especially a sticky one, navigation will be much quicker. For a floating functionality for your sidebar, please check the WP Sticky Sidebar plugin.

To add a menu to your sidebar, you will need a widget so navigate to Appearance → Widgets.

Access the Widgets Interface in WordPress

Here you can drag a Navigation Menu item from the list. Alternatively, you can click on the widget's arrow and select to which section to assign it.

Drag and Drop a Navigation Menu Widget in the WordPress Sidebar

Once placed, you will be able to title the widget and select the menu which you want to display in the sidebar. Save the widget to display it on your site.

Configure and Save the Menu Widget in WordPress

The menu widget which you created will now be visible to your visitors.

Display of Sidebar Menu Navigation in WordPress

step

How to Delete a Menu

Deleting menus is easy enough but should be done with caution, especially if you have spent a lot of time making that menu in the first place. Also, you should make sure to differentiate the delete menu and delete menu item functions to save yourself the trouble of re-creating entire menus.

To remove a menu, access that menu and click on the Delete Menu button at the bottom left corner of the Menu Structure section.

Delete a Wordpress Navigation Menu

You will be prompted with a confirmation window just in case. So if you are sure you want to proceed with the erase process, click OK.

Confirm the- Removal of a Navigation Menu in WordPress

Once you have completed this tutorial, you will gain the knowledge on how to reduce your bounce rate by making relevant information for your users easy to access. Menus are a great way to do this and one of the most underestimated elements of a website.

On this page...

    WordPress Hosting

    • Free WordPress Installation
    • 24/7 WordPress Support
    • Free Domain Transfer
    • Hack-free Protection
    • Fast SSD Storage
    • Free WordPress Transfer
    • Free CloudFlare CDN
    • Immediate Activation
    View More