How to set the navigation bar menu (Basel theme, other themes may vary individually) (02)

In this tutorial, we will detail how to create and manage menus on your WordPress website. By following the steps below, you can easily set up and customize your website's navigation bar to improve user experience and website usability. If you have any questions during the process, please feel free to contact us and we will be happy to help you.

1. Steps Appearance→Menus

Go to the menu page

Next we learn the difference between the various menus

2. Steps Select a menu to edit: → Click on the box next to it

Categories: Category menu, such as product categories or some other categories, if the front end is a full-screen poster of the home page, do not need to bother!

Main navgatio: main navigation (main menu), can be understood as the main navigation, home page navigation bar

Menu 1: can be understood as a copy of the main menu

Menu2: can be interpreted as a copy of the main menu

Mobile navigation: mobile menu, understood as the cell phone menu (navigation)

Segment Club: don't bother, default data, tweak it as you see fit!

Top bar: the top bar menu (navigation), not every theme has a

The data demonstrated here is Basel (Basel) theme, the general navigation bar with the main menu and mobile menu can be adjusted as needed!

Figure 1

Figure 2

Note: Categories: the front-end of Figure 1 is ignored, while the front-end of Figure 2 needs to be set up.

3. Click create a new menu to create a new menu.

If you need to image or product display, you need to create a separate page to add to the menu, but the site is generally fast, so this graphic as well as commodities will only slow down the opening speed of the site, generally only need a normal menu and a second menu or a third menu on the line!

Level 1 → Level 2 - Level 3 (menu model)

4. Steps only need to drag the box to the right, the following figure, is three levels of menu styles

The left side of the menu will have a number of options for you to add
Pages: pages of the site, such as the privacy policy or contact, about us, these main pages, etc.

Posts: the articles on the website, also known as blogs.

HEML: a short code, generally not used

Custom Links: customized links, you can add the hyperlinks you want (that is, the link to the page to jump)

Product categories: is the classification of the product

Categories: This contains all the categories of the site

Note: The other categories can be translated to understand the literal meaning very clearly, I've only mentioned the more commonly used options

Attention:

If you don't have so many options on the left side of your MEUS page, you haven't checked the box!
Move to the top
Procedure: Click Screen Options

Please check all the boxes, or you can adjust them according to the translation.

Select a menu and let's add the options, here we demonstrate the most basic navigation options

5.Steps Page→Check the interface you want

Generally the main navigation of the most basic options to have Home (Home), Shop (Shop), Cart (Cart), Checkout (Checkout), My account (My account). There is also Blog (blog), these pages need to choose the theme to set the priority of the page, otherwise it can not be displayed, as shown above.
And of course there is the About Us. The Contact Us page, again, add as many as you choose depending on your needs, both of which need to be created and edited by yourself (Some themes will have a default, you just need to change the appropriate information, your own design is not necessarily as good as the default!)

You can add some product categories to Shop for better user selection

As you can see in the picture above, the arrow on the right will not appear without a secondary or tertiary category

The name of the added interface can also be changed, depending on your needs, very flexible, as shown above

6. Below the step menu → check the display position

At the bottom of the menu there will be displayed in those locations, as well as the entire menu to delete and save, you can change as needed

The picture above shows the main menu and mobile is the same menu, if you want to separate, please uncheck the box, respectively create the main menu and mobile menu, in two ways to display in different devices on the line!

7. Click on Manage Locations.

As above, here you can select the main menu to choose what menu to use to display the

summarize

With the above steps, you should now be able to create and manage a variety of menus on your WordPress website to optimize the user navigation experience. Adapting and customizing your menu options to your specific needs will ensure that your website navigation is more in line with your visitors' habits and preferences. If you encounter any problems or need further assistance in doing so, please feel free to contact us.