Do you want to add a navigation menu to your WordPress blog?
By default, you can drag and drop a menu, header menu, or dropdown (sub-menu) on your WordPress blog without writing any line of code. And today, our aim is just to show you how you can do that.
If you’re interested, then let’s start.
What a navigation menu means
In order to make your blog user-friendly, you have to let people easily find what they need in a short time. A navigation menu helps you do that.
A navigation menu is a list of links to the most important places on your website. They are usually at the top of a website appearing in a horizontal format like this.
They help people find it easy to navigate your blog and help them find what they’re looking for.
Without writing any code, you can add menus and sub-menus and link your important pages, categories, tags, blog posts, or even links from another website, for example, your Facebook profile.
Depending on the theme you use, the location of your menu can be displayed in different places like a primary menu that appears on the top, a secondary menu, a footer menu, or a mobile navigation menu.
Our topic today is how you can create a navigation menu in WordPress.
How to create a navigation menu on WordPress
To create a navigation menu on a WordPress blog, log in to your WordPress dashboard and scroll down to the “Appearance” page and click the “Menu” page.
Then give a name for your menu, like “Top Navigation Menu” or “Home”, and click the ‘Create Menu’ button.
The next section will look like this:
After that, choose the pages you want to add to the menu. To make something easy, you can allow WordPress to automatically add all new top-level pages, or you can manually select specific pages.
Click the ‘View All’ tab to see all your site’s pages. Now, you can click the box next to each of the pages you want to add to your menu. When satisfied, click on the ‘Add to Menu’ button.
Remember to select the location where you want to display the menu and click on the ‘Save Menu’ button. In this guide, let’s select “main Menu”.
The main menu is the menu we created which we’re presently using at the top header of our website at fastknowers.com.
After everything, remember to click on the ‘Save Menu’ button to save all your work.
Read our expert guides on how to install WordPress from your Cpanel and also a beginner’s guide on how to set up a WordPress blog.
How to add a sub-menu on WordPress
Sub-menu also called the drop-down menu, is a navigation menu with parent and child menu items. They help the visitors find it easy to navigate your website by helping them find all the child items that appear beneath a menu when they hover their cursor over a parent item.
To create a sub-menu, drag an item below the parent item, and then drop it slightly to the right as we’ve done with the “WordPress” menu as shown below:
You can continuously add items to the dropdowns so that your menu should have a sub-menu.
To make your blog easy to navigate, you may need to add your blog categories as a drop-down in the navigation menu.
Many bloggers add this type of navigation menu to their blog which links to their categories pages.
To easily add categories to your menu on your WordPress blog, click the Categories tab on the left side of the menus screen. You may also need to click the ‘View All’ tab to see all your categories.
Simply select the categories you want to add to the menu, and then click the ‘Add to Menu’ button.
The selected categories will appear as regular menu items at the bottom of your menu where you can drag and drop them into any position you like.
After dragging and dropping to the best possible position of your choice, click the “Menu Menu”.
How to add a custom link on your navigation menu
As we’ve earlier said, it’s not only a category and pages you can add to your navigation menu on your WordPress blog.
You can add custom links to your social media profile or other websites, for example, to your menu.
To do this, you need to use the ‘Custom Links’ tab on the Menu selection screen.
Follow the steps below and add the link along with the text you want to use in your menu and click the ‘Add to Menu’ button.
After adding pages or categories to your custom navigation menu, the name of that page or category will be automatically used as the menu name.
Change the menu name as it’ll appears on your website menu item can be edited by clicking on the downward arrow next to it.
Follow the step-by-step guide below to change the name of the menu item.
You can also use the drag-and-drop tool to move the menu item around by clicking the ‘Move down/up’ button.
How to add menus at the Sidebars and Footers on a WordPress blog
Just like the way you’ve added a navigation menu on the top bar of your WordPress blog, you can add it in any area where widgets can be placed like a sidebar or footer.
To do that, log in to your WordPress dashboard and navigate to Appearance » and click the “Widgets” page and then click the ‘+’ sign at the top and search for “menu”, then click the ‘Navigation Menu’ widget block to your sidebar as shown below.
Now, you can add a title for the widget and choose the correct menu from the ‘Select Menu’ dropdown list.
Click the ‘Update’ button when you’re done.
You can create a custom footer menu like this on your WordPress website using this method.
How to add menu on block editor via block editor
Another simplest method to add a navigation menu on a WordPress website is the block editor.
To add a navigational menu using the block editor, go to your WordPress dashboard and go to the Appearance page, and click Editor.
Once you’ve clicked the “editor” button, go ahead and click on the navigational menu that appears at the top of the website header.
Next, you’ll see different options to customize the navigational menu block from the panel on your right which you can use to change the layout, edit the display settings, show a submenu on click, change the color of the text, background, and submenus, adjust the font size and lots more.
For more options such as changing the menu or creating a new one, you can click on the ‘Select Menu’ option as shown above to open a dropdown menu.
Once you have selected a menu, you can add more pages, blog posts, site logos, social icons, or even a search option to your menu.
To do that, simply click the ‘+’ sign to add a block to your navigational menu, and select an option that appears in the dropdown menu.
The best part about using the full site editor is that you can add a navigational menu block anywhere on your site.
When you’re done, you can preview the changes before clicking the ‘Save’ button at the top.
Hope this article has helped you know how you can add a navigation menu to your WordPress blog and website. You may also need to read our guide on how to do keyword research to know how to create high-quality SEO-optimized articles on your WordPress blog.
If you liked this article, please like our Facebook page and subscribe to our newsletter for more important updates. Also share it with your friends and comment on it with any feedback you may have.
