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

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

Go to the menu page

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

Next we learn the difference between the various menus

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

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

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 interpreted 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: 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!

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

Figure 1

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

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.

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

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

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

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

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

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

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

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

5.Steps Page→Check the interface you want

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

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 in the figure 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

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

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

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

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

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

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

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

The picture above shows that the main menu and mobile are the same menu, if you want to separate them, please uncheck the box and create the main menu and mobile menu separately, and display them in two ways on different devices.

7. Click on Manage Locations.

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

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.


Contact Us
Can't read the article? Contact us for a free answer! Free help for personal, small business sites!
Tel: 020-2206-9892
QQ咨询:1025174874
(iii) E-mail: info@361sale.com
Working hours: Monday to Friday, 9:30-18:30, holidays off
Posted by photon fluctuations, retweeted with attribution:https://www.361sale.com/en/10808/

Like (2)
Previous June 2, 2024 7:14 pm
Next June 3, 2024 am10:49

Recommended

Leave a Reply

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

Contact Us

020-2206-9892

QQ咨询:1025174874

E-mail: info@361sale.com

Working hours: Monday to Friday, 9:30-18:30, holidays off

Customer Service
In order to facilitate global user registration and login, we have canceled the telephone login function. If you encounter login problems, please contact our customer service for assistance in binding your email address.