Skip to contentSkip to main navigation Skip to footer

How to Create a Custom Menu in WordPress? (7 Easy Steps)

Wondering how you can create a custom menu in WordPress? 

A WordPress menu is the link to the pages of your website. Every WordPress theme comes with a menu system also known as a navigation menu, navigation bar, or main menu. Here we are using Menu Editor to add a menu in WordPress. There are different locations on your site depending on your theme to display a menu.

We are using the Twenty Twenty WordPress theme as our example theme. It provides us with up to five menus to display in different locations on our site. It means that you can place a menu in five different places on your site or you can place up to five menus in five different locations.

Here in this blog, we will take you through a detailed guide to how you can easily create a custom menu in WordPress.

create_sandbox_for_free

Steps to Create a Custom Menu in WordPress

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

Step 1: Navigate Menus

Navigate Dashboard >> Appearance >> Menus.

Create a Custom Menu in WordPress - Menus
Menus

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

Step 2: Edit Menus

Create a Custom Menu in WordPress - edit menus

The Edit Menu tab has two options Add Menu Items and Menu Structure. Under the options Menu Structure, enter the name of your menu in the Menu Name Box. Give a unique name to each menu. The option Add Menu Items has four items to add to a menu.

Let’s create an Example menu say Top Menu. The steps are given below.

Step 3: Enter the Menu Name

The next step to create a custom menu in WordPress in to enter the menu name. Top Menu will be the name of our example menu, so under the options Menu Structure, enter Top Menu in the Menu Name Box and press the Save Menu button.

As you press the Save Menu Button, an updated Menus Screen will appear with a new Tab Manage Locations. As we are using the Twenty Twenty theme to create a WordPress menu in WordPress, this theme offers five locations to display menus. You can create as many menus as you want, and any five of them can be displayed in different locations given in the Manage Locations option.

Create a Custom Menu in WordPress - navigation menu wordpress

Step 4: Add Menu Items

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

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

Posts :
It is similar to the 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 has two boxes one is for a link and the other is for link text which will appear as a menu item.

Create a Custom Menu in WordPress - custom link
Custom Link.

Categories:
You can also add categories as menu items in your menu. The process of adding categories is similar to the Posts or Pages option.

Create a Custom Menu in WordPress - Categories
Categories

Step 5: Adding Items To the Menu

Next, to create a custom menu in WordPress, you will need to add items to the menu. Top Menu is the 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.

Create a Custom Menu in WordPress - Add menu items
Add Menu Items.

Step 6: Menu Settings

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

Create a Custom Menu in WordPress - menu settings

An explanation of each option is given below.

Automatically add new top-level pages to this menu:
If you opt for 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 the top menu area of the theme. See the image.

Create a Custom Menu in WordPress - horizontal menu

Desktop Expanded Menu:

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

Create a Custom Menu in WordPress - Desktop expanded menu

Mobile Menu:
The appearance of your menu will be mobile-friendly menu type.

Create a Custom Menu in WordPress - Mobile menu
Mobile Menu

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

Create a Custom Menu in WordPress - Footer menu
Footer Menu.

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

Create a Custom Menu in WordPress - Social menu
Social Menu.

Step 7: Click On the Save menu Button

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

How To Create A Multi-Level Menu In WordPress?

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

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

Create a Custom Menu in WordPress - Multilevel menu

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

Create a Custom Menu in WordPress - Multilevel menu
Multi-level Menu.

How To Delete A Menu In WordPress?

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

Create a Custom Menu in WordPress - Delete menu

How To Add Menu In WordPress Using Customizer?

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

Step 1: Click On Customize

Dashboard >> Appearance >> Customize

Create a Custom Menu in WordPress - Customize

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

Step 2: Click On the Menus Option

Create a Custom Menu in WordPress

Step 3: Click On Create New Menu

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

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

Create a Custom Menu in WordPress - Location
Menu Customizer.

Step 4: Enter Menu Name And Select Location

The 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 Choose Desktop Horizontal Menu as its location.

wordpress pages not showing up in menu

Step 5: Select Next

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

Create a Custom Menu in WordPress - Select Next

Step 6: Click On Add Items Button

Create a Custom Menu in WordPress - Add items
Add menu items.

Adding items to the 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 the top menu navigational area.

Let’s see what it looks like on our site.

Create a Custom Menu in WordPress - Publish

Concluding Everything

This detailed guide on how to create a custom menu in WordPress will help you easily and simply create a custom menu in WordPress website without a single line of code. We suggest you to make it more dynamic by creating a multilevel custom menu like a drop-down menu or a mega menu. This helps users in navigation and easily find what they are looking for. 

If you like reading this blog, also read How to Migrate WordPress From HTTP to HTTPS (Easy Beginner’s Guide), How to Create a WordPress Blog in 2024 (Beginner’s Guide) and Ultimate Guide for WordPress DNS Configuration (6 Easy Steps)

icons icons icons icons icons icons icons

Stuck Somewhere?
Connect With JustHyre

Hire WordPress Engineers for custom jobs like Website Customization, SEO Optimization, Clearing a Hacked Website, Installation & Configuration & more.

Connnect with JustHyre
0 Comments

There are no comments yet

Leave a comment

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