wp_nav_menu是wordpress3.0版本后所支持的菜单函数,可以在网站后台外观下生成菜单功能按钮,菜单项可以是自定义链接、页面、分类目录、图片标签。并且支持拖动,从而改变排序和父子关系,最强大的是可以为每个项目添加不同的样式和关系属性。
使用菜单可以使导航的调用变得非常简单和方便,使用方法如下:
1、在wordpress主题函数文件functions.php添加以下代码:
- if (function_exists(‘add_theme_support’)) {
- //开启导航菜单主题支持
- add_theme_support(‘nav-menus’);
- //注册一个导航菜单
- register_nav_menus( array( ‘primary’ => __( ‘Primary Navigation’, ‘primary’ ) ) );
- }
2、添加后,然后在wordpress后台刷新,就可以在外观下多出一个菜单按钮,然后使用以下代码在主题需要展示菜单的地方即可:
- <?php wp_nav_menu($args);?>
注:其中的$args官方提供的很多的参数,可以根据自己的需要自由选择。
- $menu_args = array(
- //最外层容器的标签名,默认div
- ‘container’ => ‘div’,
- //最外层容器的class名
- ‘container_class’ => ‘mainNavBlock’,
- //最外层容器的id名
- ‘container_id’ => ‘menu’,
- //导航菜单ul标签的class名
- ‘menu_class’ => ‘mainNav’,
- //导航菜单ul标签的id名
- ‘menu_id’ => “nav”,
- //是否打印,默认是true,如果想将导航的代码作为赋值使用,可设置为false
- ‘echo‘ => true,
- //备用的导航菜单函数,用于没有在后台设置导航时调用
- ‘fallback_cb’ => ‘the_main_nav’,
- //显示在导航a标签之前
- ‘before’ => ‘<p>’,
- //显示在导航a标签之后
- ‘after’ => ‘</p>’,
- //显示在导航链接名之前
- ‘link_before’ => ‘<em>’,
- //显示在导航链接名之后
- ‘link_after’ => ‘</em>’,
- //显示的菜单层数,默认0,0是显示所有层
- ‘depth’ => 0,
- //调用一个对象定义显示导航菜单
- ‘walker’ => new Walker_Nav_Menu(),
- //指定显示的导航名,如果没有设置,则显示第一个
- ‘theme_location’ => ‘primary’,
- );
- //打印导航菜单
- wp_nav_menu( $menu_args );
扩展应用案例①:
多菜单调用函数支持:
- if ( function_exists(‘register_nav_menus’)) {register_nav_menus(array(‘primary’ =>’顶部菜单设置’));}
- if ( function_exists(‘register_nav_menus’)) {register_nav_menus(array(‘footmenu’ =>’底部菜单设置’));}
调用代码:
- <?php wp_nav_menu( array(‘theme_location’ =>’primary’,)); ?>
- <?php wp_nav_menu( array(‘theme_location’ =>’footmenu’,)); ?>
扩展应用案例②:
根据是否登录生成不同该菜单栏(是登陆会员和游客看到不同的菜单导航)
- <?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’ ) );
- }
- ?>
声明:本站分享的WordPress主题/插件均遵循 GPLv2 许可协议(免费开源),相关介绍资料仅供学习参考,实际版本可能会因版本迭代或开发者调整而产生变化,如程序中涉及有第三方原创图像、设计模板、远程服务等内容,应获得作者授权后方可使用。本站不提供该程序/软件的产品授权与技术服务,亦不收取相关费用。
评论(0)