Skip to content Skip to main navigation Skip to footer

How To Add Menu In WordPress? 2 Easy Ways

Every WordPress theme comes with a menu system also known as navigation menu, navigation bar or main menu. Here we are using Menu Editor to add menu in WordPress. There are different locations in your site depends on your theme to display a menu. We are Using Twenty Twenty WordPress theme as our example theme. It provides us up to five menus to display in different locations in our site. It means that you can place a menu in five different places in your site or you can place up to five menus in five different locations. Here are the steps to create a menu.

To Add Menu In WordPress Using Menus Screen

WordPress provides a Menu Editor with a drag and drop interface to create or edit menus. You can access it via Dashboard > Appearance > Menus. Steps are as follows.

Step 1: Click On Menus.

Dashboard >> Appearance >> Menus.

Menus

Clicking on Menus option brings up Menus Screen. There are many options available to create a new menu under Edit Menus tab. See the image.

Step 2: Edit Menus.

Explanation:

Edit Menu tab has two options Add menu Items and Menu Structure. Under the option Menu Structure you have to enter name of your menu in Menu Name Box, because we can create more than one menu in WordPress, therefore every menu must have a unique name.

The option Add Menu Items having four items to add in a menu.

Let’s crate an Example menu say Top Menu. Steps are given below.

Step 1: Enter Menu Name.

Top Menu will be name of our example menu, so under the option Menu Structure, enter Top Menu in Menu Name Box and press Save Menu Button.

As you press Save Menu Button, an updated Menus Screen will appear with a new Tab Manage Locations. As you know we are using Twenty Twenty theme. This theme makes available five locations to display our menus. We can create as many as menus we want, and any five of them can be displayed in different locations given in Manage Locations option.

Step 2: Add Menu Items.

The option Add Menu Items under Edit Menus having four items to add in a menu, you can either add all types of item or add any one of them. All the four options are explained below.

  • Pages:
    It shows all the published pages to add in a menu. You can select as many as many pages you want to add in your newly created Top Menu. Select All option is also available to select all the pages to your menu.
  • Add to Menu Button:
    It adds all the selected pages to the menu.

Posts :
It is similarly to Pages option, you can add your published posts to your menu.

Custom Link:
You can also add a link as a menu item in your menu. This option having two boxes one is for a link and other is for link text which will appear as menu item.

Custom Link.

Categories:
You can also add categories as menu items in you menu. Process of adding categories is similar to Posts or Pages option.

Categories

Step 3: Adding Items To Menu.

Top Menu is name of our example menu and we are going to add 2 posts, a Contact Us page, a link to wpHow.co site and 2 Categories using Add Menu Items option. Here you can rearrange menu items according to your choice.

image add a menu
Add Menu Items.

Step 4: Menu Settings.

We are using Example Theme Twenty Twenty and this theme provides five places to add a menu. You can select the any Display location(s) for your menu.

Explanation of each option is given below.

Automatic add new top-level pages to this menu:
If you opt this option all new top-level pages get added to your menu automatically.

Desktop Horizontal Menu:
If you select this option, your menu will appear at top menu area of the theme. See the image.

Desktop expended Menu:

Your menu will appear in the page as shown in the image

Expended Menu.

Mobile Menu:
Appearance of your menu will be mobile friendly menu type.

Mobile Menu.

Footer Menu:
The menu will appear in the footer section area.

Footer Menu.

Social Menu:
The menu will be displayed in Social media section area.

Social Menu.

Step 5: Click On Save menu Button.

As you click on Save Menu Button, You will get your menu activated in your site.

How To Create A Multi-Level Menu In WordPress?

WordPress having very simple drag and drop interface in Menu editor to rearrange and create multi-level menu system. In order to create a sub-level menu, just drag it slightly right from its position. It will appear as sub menu within its just up level parent menu.

We are placing Products and Goods as sub-level menu under the parent menu Services. See the Image.

Let’s see appearance of a multi-level menu in our site.

Multi-level Menu.

How To Delete A Menu In WordPress?

Menu Editor provides Delete Menu option. Clicking on this option brings up a menu deletion confirmation dialog box. If you opt Yes option then your menu will get deleted permanently otherwise no action will be taken if you choose No.

How To Add Menu In WordPress Using Customizer?

We can also create or edit menus using WordPress Customizer. Process of creating a menu using Customizer is almost same as the process described in To Add Menu In WordPress Using Menus Screen section of the article. Here are the steps.

Step 1: Click On Customize.

Dashboard >> Appearance >> Customize.

On clicking Customize, it brings up Customizer screen with many options as shown in the image below.

Step 2: Click On Menus Option.

Menus.

Step 3: Click On Create New Menu.

Under the Menus Screen, there are two options one is Create New Menu and other option is View All Locations.

Here you can create a new menu using Create New Menu option Button.

Menu Customizer.

Step 4: Enter Menu Name And Choose Location(s).
View All Locations option is a theme dependent option since we are using Twenty Twenty Theme. It provides five locations to display your menus. Let’s enter a menu name in Menu Name Box say My Menu and Choosing Desktop Horizontal Menu as its location.

Step 5: Press next.

As you click on Next Button, it will bring a new screen with Add Items option Button.

Step 6: Click On Add Items Button.

Add menu Items.

Adding items in menu is similar to as described in Adding Items To Menu section of the article. Here we are adding two posts and one page as an example in our menu.

Step 7: Press publish Button.

After adding items press Publish Button. Your menu will get activated and will appear in top menu navigational area.

Let’s see how it looks like in our site.

To Add A Menu In WordPress Using A Plugin

There are many free and pro version Plugins available in WordPress Plugins Directory to add a menu in WordPress site. Here is a Plugin search result page is included to show such Plugins in WordPress repository.

Was This Article Helpful?

0
0 Comments

There are no comments yet

Leave a comment

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