wordpress自定义菜单wp_nav_menu 代码详解
2013-01-01 23:00
316 查看
wp_nav_menu()方法位于wp-includes/nav-menu-templates.php文件中。
其主要用途是通过该方法,实现后台的生成菜单调用。
使用该功能之前,必须激活主题3.0+菜单功能。
激活方法如下:
在functions.php文件中加入
简单调用如下:
根据是否登录生成不同该菜单栏
移除菜单栏
或者
生成的菜单css风格为
以上为代码设置,
在后台是,要建立相应的名称的menu
后台会多一个 Theme Locations ,里面就有两个array 的名称,指定两个设置的array与建立的menu的名称就可以了
其主要用途是通过该方法,实现后台的生成菜单调用。
使用该功能之前,必须激活主题3.0+菜单功能。
激活方法如下:
在functions.php文件中加入
if(function_exists('register_nav_menus')){ register_nav_menus( array( 'header-menu' => __( '导航自定义菜单' ), 'footer-menu' => __( '页角自定义菜单' ), 'sider-menu' => __('侧边栏菜单') ) ); }
简单调用如下:
<?php wp_nav_menu( array( 'theme_location' => '' //指定显示的导航名,如果没有设置,则显示第一个 'menu' => 'header-menu', 'container' => 'nav', //最外层容器标签名 'container_class' => 'primary', //最外层容器class名 'container_id' => '',//最外层容器id值 'menu_class' => 'sf-menu', //ul标签class 'menu_id' => 'topnav',//ul标签id 'echo' => true,//是否打印,默认是true,如果想将导航的代码作为赋值使用,可设置为false 'fallback_cb' => 'wp_page_menu',//备用的导航菜单函数,用于没有在后台设置导航时调用 'before' => '',//显示在导航a标签之前 'after' => '',//显示在导航a标签之后 'link_before' => '',//显示在导航链接名之后 'link_after' => '',//显示在导航链接名之前 'items_wrap' => '<ul id="%1$s">%3$s</ul>', 'depth' => 0,////显示的菜单层数,默认0,0是显示所有层 'walker' => ''// //调用一个对象定义显示导航菜单 )); ?>
根据是否登录生成不同该菜单栏
<?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风格为
以上为代码设置,
在后台是,要建立相应的名称的menu
后台会多一个 Theme Locations ,里面就有两个array 的名称,指定两个设置的array与建立的menu的名称就可以了
相关文章推荐
- wordpress中wp_nav_menu()菜单参数说明
- wordpress主题开发:导航菜单函数wp_nav_menu()使用方法
- WordPress 导航菜单使用wp_nav_menu()
- 自定义右键菜单代码详解(二)
- wordpress之wp_nav_menu使用说明
- wordpress 添加自定义菜单到管理面板(wp-admin)
- wordpress 模板标签----wp_nav_menu使用说明
- 黄聪:WordPress后台添加侧边栏菜单(WP教程add_menu_page)
- 在线状态代码详解及如何自定义在线风格图片 http://wp.qq.com/index.html
- 自定义右键菜单代码详解(一)
- wordpress之wp_nav_menu使用说明
- Menu详解(一):代码实现系统菜单及子菜单
- Android UI控件详解-Menu(菜单)
- 在WordPress的后台中添加顶级菜单和子菜单的函数详解
- WORDPRESS导航菜单函数 REGISTER_NAV_MENUS() 和 WP_NAV_MENU()
- Android的onCreateOptionsMenu()创建菜单Menu详解
- Android菜单详解(一)——理解android中的Menu
- 来实现自定义的menu菜单之一:使用PopupWindow
- 微信公众号开发,代码自定义菜单
- 详解Menu的几种菜单介绍