Skip to content

Need to optimize your sites for search engines with a lightweight and easy-to-use SEO plugin? Check out our plugin Slim SEO!

How to Create Different Menus on Different Pages in WordPress

How to Create Different Menus on Different Pages in WordPress

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.

Applications of Creating Separate Menus for Each Page

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.

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:

Step 1: Install & Activate the Conditional Menus Plugin

Conditional Menus Plugins are free and available on wordpress.org. You simply need to install and activate it like every other free plugin.

Next, go to Appearance > Menus, change to Manage Locations, and you can see the + Conditional Menu added by the plugin:

you go to Appearance > Menus, change to Manage Locations, and you can see the + Conditional Menu added by the plugin

Step 2: Create the Menus

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.

You 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.

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.

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:

In the Add menu items section, you need to add pages as sub-menus. I will add two pages that are Banana Origin and Banana Price to the Banana Menu. Click Save Menu

Step 3: Set the Menus to the Corresponding Pages

Still in the Appearance > Menus, change to Manage Locations and choose + Conditional Menu:

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:

From the list, pick a menu (I’m choosing the Apple Menu). Click + Condition to set where to display it

A new pop-up will appear, and you will see different tabs to choose from. You can choose to display the menu in each category, post type, taxonomy, user role, or homepage, 404 pages, etc.

I will choose the Pages tab and Apple page to set the menu to this page.

I will choose the Pages tab and Apple page to set the menu to this page when a new pop-up will appear

I will do the same thing to the Banana Menu.

I will choose the Pages tab and Banana page to set the menu to this page when a new pop-up will appear

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.

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.

Last Words

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!

Leave a Reply

Scroll To Top