How does WordPress add menus?Customize navigation bar display options

WordPress 3.0 and above has added the ability to customize the navigation bar menu.

Most WordPress themes support custom navbar menu feature, you can freely set navbar menu for your website.

There are two main functions of adding important page links to the navigation bar menu:

1. Can improve user experience.
2. can improveSEOWeights.

现在Chen WeiliangJust to share with you: How to set up WordPress navigation menu?

How do I determine if a theme has a custom menu feature?

After enabling the theme,Log in to the WordPress backend → Appearance → Menu.

If you see what is shown below, the theme does not support custom menus, otherwise it does ▼

WordPress Custom Navigation Menu

Before customizing the menu, you need to create the required article categories and pages.

To create article categories and pages, please refer to the following tutorial▼

How to create a new page in WordPress?Add/edit page setup

WordPress pages are similar to posts and function as content publishing, but they are different.Since many internet marketing newbies don't know how to create a new page in WordPress?Now, let Chen Weiliang share, how to add and edit page settings in WordPress!Deng...

How to Create a WordPress Category Directory? WP Category Management

New media people learn to use WordPress to build a website for online promotion. Articles with different themes are assigned to different categories, which can help visitors find the content they want and improve user experience.Therefore, it is necessary to create article categories for your e-commerce website.That……

WordPress Create & Settings Menu

Step 1:Go to the WordPress menu page

log inWordPress backend → Appearance → Menu ▼

• Here you can create new menus and manage previously created menus.
• If creating a new menu, please fill in the menu category name in the “Menu Name” input box.
• Then click Save to create a new navigation menu location category.

step 2:Select topic location

• We want to designate the menu as the navigation menu on the website.
• Select topic location, check Primary Navigation ▼

• Be careful not to check "Automatically add all top-level pages to this menu" ▲
• In this case, every time a top-level page is created, it will be automatically added to the menu, but the menu has a limited width and will wrap after exceeding the width (affecting aesthetics).

Step 3:Add and Sort WordPress Menu Structure

Here is an example of creating a menu named "Menu 1" ▼

• Select the link you want to add from the left (page link, article link, custom link, category link) and add it to the menu.
• (Actually, you can add any link here, for example, you can add a home page, and you can point to the home page URL through a "custom link")

Sort menu structure:

• In the menu structure area, drag a menu item slightly to the right to quickly set up secondary and multi-level menus.
• The effect of the setting is trapezoidal, that is, the secondary menu is more indented than the one above it.
• There will be some grey "sub-project" signs after the navigation name.
• After arranging the menus, click Save Menu.

WordPress menu options

WordPress menus hide some functions by default.

If you want to control more properties of the menu, click "Show Options" in the upper right corner of the screen to reveal hidden functions ▼

• You can choose more menu item types.
• For example: tags and articles, and advanced properties for display menus (link target, CSS class, link network, description).

Navigation Tabs:

• The text of the link.

Title property:

• is the value of the title attribute of the a tag, as shown in the image above"Chen WeiliangBlog Homepage".

CSS class:

• Add a class to the menu item.
• This menu item varies by css.
• Chen WeiliangThe CSS of the blog homepage is added fas fa-home.

Link relationship network:

• The rel attribute is added to the menu via the Linking Network (XFN).
• If you don't want search engines to give this menu link weight, you can addrel="nofllow"attribute.

Link target:

• Controls how menu links are opened.
• For example, open in a new window (target="_blank"), or open in the current window (default).

Here is the code rendered by the web page based on the settings shown in the image above:

<a title="陈沩亮博客的首页" rel="nofollow" href="https://www.chenweiliang.com/"><i class="fa fa-home"></i><span class="fontawesome-text"> 首页</span></a>

WordPress menu management location

Below is the admin location at the top of the WordPress menu settings▼

• The theme settings displayed in the admin location will vary depending on the theme used.
• You can assign menus to each "topic location" setting, so that the navigation menu for each location displays different content.

This concludes the WordPress custom navigation bar menu tutorial.