wordpress之wp_nav_menu使用说明

最新推荐文章于 2026-04-11 16:36:04 发布

最新推荐文章于 2026-04-11 16:36:04 发布 · 236 阅读

收录于

Wordpress/ECShop/PHP

本文介绍如何在WordPress中使用wp_nav_menu()方法创建自定义菜单，包括激活菜单功能、注册自定义菜单位置及调整菜单样式的方法。

wp_nav_menu()方法位于wp-includes/nav-menu-templates.php文件中。

其主要用途是通过该方法，

实现后台的生成菜单调用。

使用该功能之前，必须激活主题3.0+菜单功能。

方法如下：

在functions.php文件中加入

add_theme_support( 'nav-menus' );
或者

// 自定义菜单
register_nav_menus(
array(
‘header-menu’ => __( ’导航自定义菜单’ ),
‘footer-menu’ => __( ’页角自定义菜单’ )
)
)；

简单调用如下：

<?php wp_nav_menu($args);?>

调用的menu默认排版为

01

<?php 
$defaults
 = 
array
(

02

'theme_location'
  => ,

03

'menu'
            => , 

04

'container'
       => 
'div'
, 

05

'container_class'
 => 
'menu-{menu slug}-container'
, 

06

'container_id'
    => , 

07

'menu_class'
      => 
'menu'
, 

08

'menu_id'
         => ,

09

'echo'
            => true,

10

'fallback_cb'
     => 
'wp_page_menu'
,

11

'before'
          => ,

12

'after'
           => ,

13

'link_before'
     => ,

14

'link_after'
      => ,

15

'depth'
           => 0,

16

'walker'
          => );

17

?>

如果是多菜单的话，如下调用

<?php echo wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ) ?>

根据是否登录生成不同该菜单栏

<?php
if ( is_user_logged_in() ) {
     wp_nav_menu( array( 'theme_location' => 'logged-in-menu' ) );
} else {
     wp_nav_menu( array( 'theme_location' => 'logged-out-menu' ) );
}
?>

移除菜单栏

<?php
function my_wp_nav_menu_args( $args = '' )
{
	$args['container'] = false;
	return $args;
} // function

add_filter( 'wp_nav_menu_args', 'my_wp_nav_menu_args' );
?>
或者

<?php wp_nav_menu( array( 'container' => '' ) ); ?>

生成的菜单css风格为




可以通过

1

'before'

          => ,<br>  

'after'

           => ,<br>  

'link_before'

     => ,<br>  

'link_after'

      => ,<br>

添加使用的标签，并对其进行css美化，可以让你获得心中想要的效果。

标签

#WordPress #PHP #CSS