How to create menu in WordPress (3 simple methods)

The navigation menu is one of the largest access volume on your website. It provides a clear direction for your visitors, where they need to get the products or information they want. This is why you need a good structure of a website menu so that users can easily access your website content.

If you have a WordPress website, it is not difficult to make the menu. But you may be afraid to work in the theme code, or you may think it is just a job of professionals.

To help you, today we will show you

How to easily create a standard navigation menu on your WordPress website . Here, you will learn the process of code and no technical knowledge at all.

Let’s quickly browse the content we will introduce in this blog today-

What is the navigation menu

Different types of navigation menus

• [

123] How to create a WordPress menu

How to create a custom menu in WordPress

How to use Elementor to add a navigation menu

Frequent questions about WordPress menu

]

Read the exclusive reward of the design

mega menu

.

Let us start from the foundation-

1. What is the navigation menu?
2. Navigation menu is a link list that is usually used to navigation to the basic internal page or other web contents of the website. Navigation menu is mainly regarded as the horizontal bar at the top of the website.

However, you can find the menu on the side bar and foot area of \u200b\u200bthe website. It can help users quickly find important information about your website. WordPress allows their users to create custom menus and submenu.

In addition, you can add categories, blog articles and custom links (such as Google Maps and Social Media Channels) to the menu.

Different types of navigation menus

You can set the different positions of the menu according to the current WordPress theme. Usually, the main menu appears in the header, and the secondary menuAppears in the foot. In addition, many themes provide navigation menus for mobile devices.

These are typical navigation menus for different purposes and different regions of the website-

foot navigation menu

Hamburg navigation menu

This is an example of the horizontal navigation bar that mainly appears on the top of the website.

4. Hamburg navigation menu

You create a burger navigation menu for mobile devices, such as the menu below.

5. Vertical sidebar navigation menu

In many restaurants or food delivery websites, you will find this type Vertical sidebar navigation menu.

Picture Source

How to create a WordPress menu (3 simple methods)

In -depth study of this tutorial in depth Previously, let’s figure out what we showed in this blog first. Here, we will show how to create menu in WordPress through three simple methods. You can choose anyone as needed.

The method is: Method 1: The default WordPress menu settings

Method Two: Manually add custom code

. The tutorial. If you follow the following steps,You will be able to easily create menu for your website.

Step 1: Create a new menu in WordPress Step 2: Add a new page to WordPress menu Step 3: Organize your menu structure Step 4: Set the menu Location

Let’s start: Step 1: Create a new menu in WordPress First, log in to your website dashboard area and transfer to Appearance-\u0026 gt; menu .

Second, you need to write the menu name

Menu name

area. Finally, you must click the \” to create a menu \” button to save the menu.

Step 2: How to do After adding the new page to the WordPress menu

, your next job is to add the basic page to the menu. Go to the left sidebar here, you will get the \”

add menu item

\” option. Select

View all

tabs and check the relevant page. Finally, click

Learn how to create a new page on WordPress. Step 3: Organize your menu structure

It is easy to organize menu items in WordPress. You need to drag and drop a menu to complete this work. You can view this image below.

Step 4: Set the menu position

After the menu structure is set, you must set the correct position of the menu. Since this is our first menu, we chose the

automatic adding page

option to automatically add the new page to this here In the menu.

Finally, Click

 Save the menu  button to update the menu.  

Method 2: Create a custom menu in WordPress

WordPress theme with a predefined menu layout and location for adding the navigation menu to your website. However, if you want to make a custom menu layout and hope to display the menu outside the theme menu location, you should create a custom menu for your website.

To create a custom menu, you can use 3rd menu to make plug -in or edit your core theme file. Here, we will show how to create a custom menu manually in WordPress. First, you need to open the theme \” function.php \” file. Here, you must register a new navigation menu by adding this code.

 FUNCTION CUSTOM_NAV_MENU () {register_nav_menu (\u0026#39; New-Nav-Menu \u0026#39;, __ (\u0026#39; New Nav menu \u0026#39;);} Add_action (\u0026#39 ; Init \u0026#39 ;, \u0026#39; CUSTOM_NAV_MENU \u0026#39;);   

If you want to add multiple new menu positions, you can use this code segment.

function custom_nav_menu () {register_nav_menus (array (\u0026#39; new-nav- Menu \u0026#39; \u003d \u0026 gt; __ (\u0026#39; new nav menu \u0026#39;), \u0026#39; extra-menu \u0026#39; \u003d \u0026 gt; __ (\u0026#39; extra menu \u0026#39;)) add_action (\u0026#39; init \u0026#39;, \u0026#39; CUSTOM_NAV_MENU \u0026#39;) After adding the code, you need to transfer to your website instrument board_ \u0026 gt; appearance -\u0026 gt; menu area. Focus on the menu settings

area. Here, you noticed that the newly created menu \”

\u0026 lt; php wp_nav_menu (array (\u0026#39; theme_location \u0026#39; \u003d \u0026 gt; \u0026#39; new-nav-lenu \u0026#39;);

Now, you You can display the custom menu at any position of the website. We add a new custom menu on the \”

\” page of

.

That’s it.

Method 3: Use Elementor to add a navigation menu

Elementor is one of the popular drag and drop page builder plug -ins, which can help users make their website immediately. It has a large number of easy -to -use components, of which navigation menu is a popular component that allows you to design navigation menus for your website within a few minutes. You can use this small component to create and customize the navigation menu in your own way.