WordPress Beginner Part9 — Set up the navigation menu

WordPress 3.0 adds a custom navigation menu feature that allows you to set the site’s navigation menu freely. Most of the themes now support this feature. So, how do you set up the WordPress navigation menu? Today, we introduce Meng to introduce it.

How to determine if the theme supports custom menu features?

After the theme is enabled, go to Background – Appearance – Menu. If you see the following picture, the theme does not support custom menus. Instead, it supports:

Customize the navigation menu

Before customizing the menu, you need to create the necessary article categories and pages. Please refer to “Creating and Managing Article Categories” below to enter the topic.

Create menu

Open Background – Appearance – Menu, then click the “+” button on the page, fill in the name of a menu (can be any text, just to identify it), and then click “Create menu”. For example, I create a menu named “menu” as shown below:

Some novice friends mistakenly believe that the “menu” added here is a separate link. This is not the case. The “menu” is a set of links. You can add N links to it to form a navigation bar.

Add links and settings menu

1 Select the link (custom link, page link and category link) to add from the left, and add it to the menu. (Custom link: allows you to add any link, for example, you can add a home page, link to the home page URL)

2 You can edit the information for each menu item and sort it by drag and drop. Drag a menu item to the right slightly, this item becomes a submenu (lower one is secondary menu, lower two is third level, and so on. The premise is that your WordPress theme supports submenu display. ), so that your menu has a hierarchical relationship.

3 After you have finished the menu, click “Save Menu”.

4 Then select the display position for the menu you set (some WordPress themes support different positions for different menus, so you can set different menus, then select the display position).

Menu advanced settings

The WordPress menu hides a few features. If you want to control more of the menu’s properties, you may wish to click on the “Display Options” in the top right corner of the screen to make the hidden features appear:

You can choose more menu item types (such as tags and articles), and you can also display the menu’s advanced properties (link destinations, CSS classes, link relationships, descriptions)

  • Navigation tab – is the text of the link
  • Title attribute – is the value of the title attribute of the a tag, such as the figure above to fill in “WP University”
  • CSS class – add a class to a menu item, this menu item is different from the css, as I added the “home-page”
  • Linkage Network – Add rel attribute to the menu via the Linkage Network (XFN), for example, do not want the search engine to follow this menu, you can add rel=”nofllow” attribute to it
  • Link target – Controls how the menu opens, opens in a new window (target=”_blank”) or opens in the current window (default).

Well, the WordPress custom navigation menu is introduced here.


Read other articles in this series:

WordPress Beginner Part1 — what is wordpress?

WordPress Beginner Part2 — What are the conditions for building a WordPress site?

WordPress Beginner Part3 — How to install WordPress

WordPress Beginner Part4 — WordPress basic settings

WordPress Beginner Part5 — Create and manage article categories

WordPress Beginner Part6 — Little-known background “small private”

WordPress Beginner Part7 — publishing new articles and article management

WordPress Beginner Part8 — New page and management page

WordPress Beginner Part9 — Set up the navigation menu

WordPress Beginner Part10 — Install themes and plugins