Home CMS Tutorial WordPress How to use WordPress function wp_nav_menu()

How to use WordPress function wp_nav_menu()

Dec 04, 2019 am 09:27 AM
wordpress

How to use WordPress function wp_nav_menu()

How to use WordPress function wp_nav_menu()?

1. Introduction to the wp_nav_menu() function:

After Worpdress developed to 3.0, a custom menu function wp_nav_menu() was added, allowing WordPress to easily create its own navigation menu.

2. How to call the navigation menu (custom menu):

Insert to call the navigation menu, where $args is the parameter of the function, which will be explained in detail later.

Recommended: "WordPress Tutorial"

3. In the wp_nav_menu($args) function, the default value of the parameter $args:

The code is as follows:

<?php $defaults = array(
’theme_location’ => ,
’menu’ => ,
’container’ => ’div’,
’container_class’ => ’menu-{menu slug}-container’,
’container_id’ => ,
’menu_class’ => ’menu’,
’menu_id’ => ,
’echo’ => true,
’fallback_cb’ => ’wp_page_menu’,
’before’ => ,
’after’ => ,
’link_before’ => ,
’link_after’ => ,
’items_wrap’ => ’<ul id=”%1$s” class=”%2$s”>%3$s</ul>’,
’depth’ => 0,
’walker’ => );
?>
Copy after login

4. The specific meaning of each parameter in the wp_nav_menu($args) function:

$theme_locaton: (string) (optional)

Default value: None

is used to specify a registered navigation menu name when calling the navigation menu. If not specified, the first one will be displayed.

wp_nav_menu(array( ‘theme_location’ =>’primary’)); //Call the first menu.

$menu: (string)(optional)

Default value: None

Use the name of the navigation menu to call the menu, which can be id, slug, name (press sequence matching).

$container: (string)(optional)

Default value: div

ul The label type of the parent node (here is the container of the navigation menu), only supported div and nav tags, if they are other values, the tag of the ul parent node will not be displayed. You can also use false (container => false) to remove the ul parent node label.

$container_class: (string)(optional)

Default value: menu-{menu slug}-container

ul The class attribute value of the parent node.

$container_id: (string)(optional)

Default value: None

ul The id attribute value of the parent node.

$menu_class: (string)(optional)

Default value: menu

ul The class attribute value of the node.

$menu_id: (string)(optional)

Default value: menu slug, the id attribute value of the self-increasing

ul node.

$echo: (Boolean) (optional)

Default value: true (direct display)

Determine whether to display the navigation menu directly or return an HTML fragment. If you want to The navigation code is used as a value assignment and can be set to false.

$fallback_cb: (string)(optional)

Default value: wp_page_menu (display page list as menu)

Used to be called when navigation is not set in the background Callback.

$before: (string) (optional)

Default value: None

Text to display before each menu link.

$after: (String) (optional)

Default value: None

Text to display after each menu link.

$link_before: (string)(optional)

Default value: None

The text to display before each menu link text.

$link_after: (string) (optional)

Default value: None

The text to display after each menu link text.

$items_wrap: (string)(optional)

Default value: None

Use string replacement to modify the class of ul.

$depth: (integer)(optional)

Default value: 0

Displays the depth of the menu. When the value is 0, all depth menus are displayed.

$walker: (Object type)(optional)

Default value: new Walker_Nav_Menu

Customized traversal object, calling an object definition to display the navigation menu.

5. How to be compatible with the old version of wordpress:

Use the parameter $fallback_cb to achieve compatibility with the old version of wordpress, and write the parameter 'sort_column'=>'menu_order' into wp_nav_menu parameter, then the parameter will also be passed to the call_user_func method. If call_user_func is the wp_page_menu method, then the displayed page list will be output in order of the assigned serial number.

The code is as follows:

if ( ( !$menu || is_wp_error($menu) || ( isset($menu_items) && empty($menu_items) && !$args->theme_location ) )
&& ( function_exists($args->fallback_cb) || is_callable( $args->fallback_cb ) ) )
return call_user_func( $args->fallback_cb, (array) $args );</p> <p>// 如果找不到指定菜单, 或者菜单不存在任何条目并没有指定自定义菜单, 使用 call_user_func 方法来进行处理
Copy after login

The above is the detailed content of How to use WordPress function wp_nav_menu(). For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
3 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

PHP vs. Flutter: The best choice for mobile development PHP vs. Flutter: The best choice for mobile development May 06, 2024 pm 10:45 PM

PHP and Flutter are popular technologies for mobile development. Flutter excels in cross-platform capabilities, performance and user interface, and is suitable for applications that require high performance, cross-platform and customized UI. PHP is suitable for server-side applications with lower performance and not cross-platform.

How to change page width in wordpress How to change page width in wordpress Apr 16, 2024 am 01:03 AM

You can easily modify your WordPress page width by editing your style.css file: Edit your style.css file and add .site-content { max-width: [your preferred width]; }. Edit [your preferred width] to set the page width. Save changes and clear cache (optional).

In which folder are wordpress articles located? In which folder are wordpress articles located? Apr 16, 2024 am 10:29 AM

WordPress posts are stored in the /wp-content/uploads folder. This folder uses subfolders to categorize different types of uploads, including articles organized by year, month, and article ID. Article files are stored in plain text format (.txt), and the filename usually includes its ID and title.

How to create a product page in wordpress How to create a product page in wordpress Apr 16, 2024 am 12:39 AM

Create a product page in WordPress: 1. Create the product (name, description, pictures); 2. Customize the page template (add title, description, pictures, buttons); 3. Enter product information (stock, size, weight); 4 . Create variations (different colors, sizes); 5. Set visibility (public or hidden); 6. Enable/disable comments; 7. Preview and publish the page.

Where is the wordpress template file? Where is the wordpress template file? Apr 16, 2024 am 11:00 AM

WordPress template files are located in the /wp-content/themes/[theme name]/ directory. They are used to determine the appearance and functionality of the website, including header (header.php), footer (footer.php), main template (index.php), single article (single.php), page (page.php), Archive (archive.php), category (category.php), tag (tag.php), search (search.php) and 404 error page (404.php). By editing and modifying these files, you can customize the appearance of your WordPress website

How to search for authors in WordPress How to search for authors in WordPress Apr 16, 2024 am 01:18 AM

Search for authors in WordPress: 1. Once logged in to your admin panel, navigate to Posts or Pages, enter the author name using the search bar, and select Author in Filters. 2. Other tips: Use wildcards to broaden your search, use operators to combine criteria, or enter author IDs to search for articles.

What language is used to develop WordPress? What language is used to develop WordPress? Apr 16, 2024 am 12:03 AM

WordPress is developed using PHP language as its core programming language for handling database interactions, form processing, dynamic content generation, and user requests. PHP was chosen for reasons including cross-platform compatibility, ease of learning, active community, and rich library and frameworks. Apart from PHP, WordPress also uses languages ​​like HTML, CSS, JavaScript, SQL, etc. to enhance its functionality.

Which version of wordpress is stable? Which version of wordpress is stable? Apr 16, 2024 am 10:54 AM

The most stable WordPress version is the latest version because it contains the latest security patches, performance enhancements, and introduces new features and improvements. In order to update to the latest version, log into your WordPress dashboard, go to the Updates page and click Update Now.

See all articles