How to Create a Dropdown Menu in WordPress

Want to learn how to set a WordPress dropdown menu?

You can do this with core WordPress functionality. For this, you don’t need a third-party plugin.

Navigation menus are important elements of any website. A Dropdown menu is an easy way for achieving it. It helps to avoid cluttering on your website. Dropdown menus help users to find the most relevant pages in their needs.

\To add a Dropdown menu on your website no technical knowledge is required and there is no coding involved in this task. It will bring a classy look to your page.

You can include ‘n’ number of items in your website with acquiring less space. It’s a great option to use if you have very little space and a lot of useful items. It will make the visitors spend more time on your website, making them visit again.

Menus are inherent feature of any website, However WordPress themes plays an important role in this. You have to confirm that your theme supports dropdown menus.

Almost all WordPress themes supports dropdown menus.

Some of the themes supports dropdown function are:

  • Divi
  • Ocean WP
  • Astra
  • Hestia

Now lets start creating a dropdown menu

STEP 1

Open your WordPress website dashboard. In the appearance section, select the ‘menu’ option.

STEP 2

In the menus option, you can select one of your existing menus to edit or you can create a new one by clicking on ‘create a new menu’

STEP 3

Here you can see a menu name box where you can give a name for your new menu. This name will not be visible for anyone other than you. It’s just for identifying the menu in the WP admin area. Just make it simpler according to your comfortability.

Underneath you can see ‘Menu settings’.

If you check the ‘Automatically add new top label pages’, It will add every new page you create to the menu.

So I wont recommend that. Just check the ‘Primary menu’ option.

After that click on the ‘Save Menu’ option.

STEP 4

Now the menu is an empty menu. We just have to add items to this menu.

It’s best to keep your menu as simple as possible still giving users enough information according to their requirements. Don’t create one menu and throw all of your submenus into it.

There are different ways to go for adding your menu items. Either posts or pages. Their work is quite similar.

On the left side, you can see ‘Add menu items’ options where you can add the menus.

You can add the items from posts and pages according to your need.

After selecting the options just click on ‘Add to menu’ option.

You can see the items added in to your menu.

Underneath pages and posts option you can see ‘Custom Link’ option.

Here you can provide the URL for the page where you can direct your users. And also you can make a short label for it.

Below is the ‘Categories’ option, Here you can add page and post categories to your navigation menu. This will take users to an archive page where they can view all the content on a particular topic.

Blog users will find this option very useful.

Select the checkboxes of categories you wish to include and choose ‘Add to menu’.

Initially, all the menu items you selected will appear in the order in which you added the items.

You can modify their organization by just dragging and placing in to the appropriate place according to your needs as shown in the picture.

Repeat the same step for adding submenus for a parent menu and also adding submenus to a submenu. You can understand this by alignment of the boxes.

After that click on ‘Save menu’.

STEP 5

When you completed creating your menu, choose display location by clicking ‘manage locations’ near the ‘Edit menu’.

Here select your menu from the drop down box near ‘Primary menu’ as shown in the below picture.

After that click on ‘save changes’.

Now you have created your menus and managed your display location. Now visit your site to see the changes.

Hope you are ready to create a dropdown menu now on your own.

Share and Enjoy !

0Shares
0 0

Leave a Reply

Your email address will not be published. Required fields are marked *

0Shares
0 0