The menu is the basic content of every website; it helps visitors to find pages they need with ease. However, on websites with complex structures, you may want each group of pages to have separate menus. To customize them that way, you need a plugin to create different menus and assign them to your pages/group of pages.
In this post, I will thoroughly show you how to do it in the quickest way. But first, let’s see how creating separate menus for each page can help you in particular situations.
Having separate menus for each page may help you if:
- You want to display product pages on the menu of the homepage. Each product page will have a particular menu that has a sub-menus linked to the product information pages. For example, the menu of the product page will contain information like the price, country of origin of the corresponding product.
- You own a website of a store chain, and each store is represented by a separate page. The menu of the homepage will direct to store pages. Each store’s page will have its own menu of essential pages like products, address, order, etc.
To make it easier to understand, I will take an example of a fruit business website. My website has a default menu on the homepage that leads to two pages, Apple and Banana.
I will create two more separate menus for these two pages using the Conditional Menus plugin. Here are the steps to get it done:
Next, go to Appearance > Menus, change to Manage Locations, and you can see the + Conditional Menu added by the plugin:
Now I will create separate menus for both Apple and Banana pages. To do it, I go to Appearance > Menus > Edit Menus > create a new menu.
Next, name the menu, choose the displaying position for the menu (I want to display it on the Header), and then click Create Menu.
In the Add menu items section, you need to add pages as sub-menus. I will add two pages that are Apple Origin and Apple Price to the Apple Menu. Click Save Menu.
I will now do the same steps to create a separate menu for the Banana page:
Still in the Appearance > Menus, change to Manage Locations and choose + Conditional Menu:
From the list, pick a menu (I’m choosing the Apple Menu). Click + Condition to set where to display it:
I will choose the Pages tab and Apple page to set the menu to this page.
I will do the same thing to the Banana Menu.
Lastly, don’t forget to click Saves Changes, or what you have done will be all gone.
Now I will go to the frontend of WordPress to check the result.
As you can see, the homepage, the Apple page, and the Banana page now have three different menus as I wish.
As you can see, using the Conditional Menus to create different menus for different pages is very simple and helpful. Besides, the plugin also provides you with flexible choices to create separate menus for post types, category, taxonomy, user role, etc., or even 404 pages.
Have you ever tried to create separate menus for each page? Do you have any idea of any use of creating separate menus in practice? Let’s share your thoughts with us in the comment section!