Create and Add Menus to your WordPress site

You are here:
Estimated reading time: 2 min

This article describes how to create and add menus to your WordPress site.

This article contains a video that shows you the process but you can also read the steps and a few more details in the text below the video.

The Default Menu

Out of the box WordPress adds a menu at the top of the page which has whatever pages are published at the moment. As you add pages to your site, they will be added to this menu as well. It will get to a point where the items won’t fit and you really don’t want all your pages listed there, you want to choose specific pages or posts to direct your visitor to the most important areas of your site.

Default WordPress menu

Create a New Menu

Once you go to the Menus page you will be prompted to “Create your first menu below”. Make sure to choose a name that describes your menu properly, for example “Main Menu”, “Footer Menu”, “Sidebar Menu”. Click on the “Create Menu” button to save the menu and start adding items to it.

From this screen you can also choose the Display locations of your menu. Each theme has different display locations and will be shown in that “Menu Settings” area. Our current theme “Twenty twenty” has 5 different display locations: Desktop Horizontal Menu, Desktop Expanded Menu, Mobile Menu, Footer Menu and Social Menu.

Name your menu appropriately

Add items to your menu

Your menu is now created, lets add some items to it. You can add Pages, Posts, Custom Links and Categories. The items are put on boxes like you see in the screenshot below. You can drag and drop these boxes to order them in the way you want them to be listed, you can also drag items to be “children” of items (which will create a sub menu for them).

You can rename your items to your liking for example even if your page is named “Services” you can name it to show “My Services”.

Add items to your WordPress menu

Custom Links are links that are outside of WordPress. You can add these links easily to your menu and create for example a “Social Media Menu” with links to Instagram, Facebook, etc.

Custom Links in your WordPress Menu

Its easy to choose between menus so you can edit them, and if you need to create additional menus WordPress gives you a handy link to create it.

Edit, create menus

Viewing the Display Locations

If you created and assigned your first menu to the “Desktop Horizontal Menu” you can view it in the homepage of the site right where all the pages had been listed before..

Desktop Horizontal Menu Location

The “Footer Menu” position for the Twenty Twenty theme is located right after all the blog posts/content has been listed.

Footer Menu Location

In order to see the Mobile Menu location you will have to shrink your browser window until you see the menu location.

Mobile menu display location

The Manage Locations Tab

On the Menu page you will see a tab called “Manage Locations”. You can go to this tab to choose the different locations for all the menus you have created. This is faster than to have to go to each menu and set the location there. Always remember to save your changes!

Manage Locations Tab

Conclusion

Depending on how many menus you have in your site, managing them will be relatively easy. If you have a multilingual site your menus in the second language will go here as well.

Thank you for reading.

Was this article helpful?
Dislike 0
Views: 7