WordPress 3.0 adds a custom navigation menu function, so you can have the freedom to set the site navigation menu. Now most of the theme also supports this feature, then, exactly how to set up WordPress navigation menu? Meng will introduce initiatives today.
How to determine whether the theme supports custom menu function?
When enabled topic, visit backstage - Appearance - menu, if you see something as shown below, illustrates the theme does not support custom menu, on the contrary, it supports:
Custom navigation menu
Before the custom menu, you need to create a good article categories and pages you want, see " Creating and managing article categories ", the following entry to the topic.
Create a menu
Turn on background - look - menu, then "+" button, fill in the name of a menu click on the page (can be any text, just to identify Bale), then click on "Create menu." For example, the figure below I create a menu called "menu" of:
Note: Some newbie friends into thinking here add "menu" is a single link, in fact not the case, this "menu" is a set of links, you can give him added N links, make up the navigation bar.
Add links and menu settings
① choose to add a link from the left (custom links, page links, and category links), to be added to the menu. (Custom Link: allows you to add any link, for example, you can add a home page, a link to the home page URL)
② can edit the information for each menu item, and using drag and drop for sorting. Drag a menu item a little to the right, namely the project becomes a submenu (lower secondary menu is a grid, the grid is low two three-level menu, and so on. Provided that your WordPress theme supports display a submenu oh ), so you will have a menu hierarchy.
After ③ lined up menu, click "Save menu."
④ then select the location displayed as your menu settings (some WordPress theme supports different locations call different menu, so you can set a different menu, and then select the display position).
Advanced Settings menu
WordPress menu hides some features, if you want more control menu of attributes, you may wish to click on the upper right corner of the screen "Display Options" so hidden features are displayed:
You can select more types of menu items (such as labels and articles), you can also display advanced properties (link target, CSS classes, link networks, description) menu
- Navigation label - is the link text
- The title attribute - the value of a property is the title tag, such as the map to fill in "WP university"
- CSS class - to add a menu item class, css through this menu item is different, as shown above I added the "home-page"
- Link networks - by adding a link networks (XFN) to the menu rel attribute, such as search engines do not want to follow this menu, you can to add rel = "nofllow" property
- Link target - control menu to open the way to open the (target = "_ blank") or open (default) in the current window in a new window.
The following code is the effect on the settings shown in FIG:
1 2 3 |
<li class="home-page"> <a title="WP大学" target="_blank" rel="nofollow" href="https://www.wpdaxue.com">WordPress大学</a> </li> |
Well, on WordPress custom navigation menus described here.