wordpress中wp_nav_menu怎么用

导读:wordpress中wp_nav_menu怎么用? wordpress之wp_nav_menu使用说明 推荐:《wordpress教程》 wp_nav_men

wordpress中wp_nav_menu怎么用?

wordpress之wp_nav_menu使用说明

推荐:《wordpress教程

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’ => __( ’页角自定义菜单’ ) 
•) 
•);

简单调用如下:

调用的menu默认排版为

代码如下:

 , 
'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' => , 
'depth' => 0, 
'walker' => ); 
?>

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

 'menu-header', 'theme_location' => 'primary' ) ) ?>

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

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

移除菜单栏

或者

 '' ) ); ?>

生成的菜单css风格为

可以通过

'before'          => ,
'after' => ,
'link_before' => ,
'link_after' => ,

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

以上就是wordpress中wp_nav_menu怎么用的详细内容,更多请关注本网内其它相关文章!

你也想0元试听小码王编程课程吗?
填写信息免费预约
免责申明:以上展示内容来源于合作媒体、企业机构、网友提供或网络收集整理,版权争议与本站无关,文章涉及见解与观点不代表小码王官方立场,请读者仅做参考。本文标题:wordpress中wp_nav_menu怎么用,本文链接:https://www.xiaomawang.cn/help/213471.html;欢迎转载,转载请说明出处。若您认为本文侵犯了您的版权信息,或您发现该内容有任何涉及有违公德、触犯法律等违法信息,请您立即通过邮件(邮箱号:)联系我们及时修正或删除。
校区接待前厅
校区太空走廊
校区教室环境
校区多功能教室
小码王少儿编程体验课程免费预约