Skip to content

How to Create a WordPress Navigation Menu

Navigation menu,navigation

What is the purpose of a navigation menu?

A navigation menu is a collection of links that point to key regions of a website. They are often shown as a horizontal bar of links at the top of each website page.

Navigation menus provide structure to your site and assist users in finding what they’re looking for. On WPBeginner, the navigation menu looks like this:

Adding menus and sub-menus to your WordPress site is a breeze. Links to your most significant sites, categories or subjects, blog entries, and even unique links like your social media profile can be added.

Your menu’s exact location is determined by your WordPress theme. Most themes will provide you a variety of options, allowing you to design distinct menus that can be displayed in various locations.

Most WordPress themes, for example, provide a major menu that appears at the top. A secondary menu, a footer menu, or a mobile navigation menu may be included in some themes.

Creating a Custom Navigation Menu for the First Time

You must go to the Appearance ยป Menus tab in your WordPress admin panel to create a navigation menu.To begin, give your menu a name, such as ‘Top Navigation Menu,’ and then click the ‘Create Menu’ button. This will extend the menu area, which will appear as follows:

After that, you may select the pages you want to include in the menu. You can either have all new top-level pages added automatically, or you can choose specific pages from the left column.

To see all of your site’s pages, first choose the ‘View All’ tab. Then, next to each of the pages you wish to add to your menu, check the box next to it and click the ‘Add to Menu’ button.

After you’ve added your pages, you can drag and drop them to where you want them.

In the menu editor, all menu items are listed in a vertical (top to bottom) list. Depending on the placement you choose, the menu will appear vertically or horizontally (left to right) when it becomes live on your site.

Most themes allow you to place menus in a variety of places. We’re using the default 2020 theme in this example, which has 5 different locations.

After you’ve finished adding pages to the menu, choose where you want it to appear and click the ‘Save Menu’ button.

Tip: If you’re not sure where each location is, save the menu in several locations and then visit your site to see how it appears. You are unlikely to use all of the locations, but you may want to use more than one.

On the site, we have a completed menu:

Using WordPress to Make Drop-Down Menus

Navigation menus with parent and child menu items are known as drop-down menus or nested menus. When you hover your cursor over a parent item, a sub-menu will emerge beneath it with all of the child items.

Drag an item below the parent item and then slightly to the right to create a sub menu. We’ve done it with three sub-items in our menu under ‘Services’:

The sub-menu is now live on the site:

You may even add numerous levels of dropdowns to your sub menu so that it has its own sub menu. Many themes do not allow multi-layer drop-down menus, so this can look a little messy.

You can see that ‘Logo Design’ (a child item of ‘Services’) has two child items of its own in this example.