wp_nav_menu()
以下是wprdpress中导航的常用写法,其中的参数可自由选择,直接复制可用,调试的时候自己调整css
- <div id="menu">
- <div class="mainnav">
- <?php
- /*
- wp_nav_menu( $args )
- @参数 array $args, 传递此参数时用array(成员参数名=>成员参数值)
- 特别说明:
- 调用导航菜单时,可以直接复制以下代码。然后根据需要删除成员参数
- */
- wp_nav_menu( array(
- 'theme_location' => 'zhudaohang', //[保留]用于在调用导航菜单时指定注册过的某一个导航菜单名,如果没有指定,则显示第一个
- 'menu' => '', //[可删]使用导航菜单的名称调用菜单,可以是 id, slug, name (按顺序匹配的) 。
- 'container' => false, //[可删]最外层容器标签名
- 'container_class' => '',//[可删]最外层容器class名
- 'container_id' => '',//[可删]最外层容器id值
- 'menu_class' => 'menu', //[可删]ul 节点的 class 属性值
- 'menu_id' => '', //[可删]ul 节点的 id 属性值
- 'echo' => true, //[可删]确定直接显示导航菜单还是返回 HTML 片段,如果想将导航的代码作为赋值使用,可设置为false
- 'fallback_cb' => 'wp_page_menu', //[可删]备用的导航菜单函数,用于没有在后台设置导航时调用
- 'before' => '', //[可删]显示在导航a标签之前
- 'after' => '', //[可删]显示在导航a标签之后
- 'link_before' => '', //[可删]显示在导航链接名之前
- 'link_after' => '', //[可删]显示在导航链接名之后
- 'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>', //[可删]使用字符串替换修改ul的class
- 'depth' => 1, //[可删]显示菜单的深度, 当数值为0时显示所有深度的菜单,-1所有菜单平级显示
- 'walker' => '' //[可删]自定义的遍历对象,调用一个对象定义显示导航菜单
- ) );
- ?>
- </div><!--mainnav-->
- </div><!--#menu-->
register_nav_menu()
在使用以上代码之前需开启菜单功能,wordpress后台这里显示菜单,如果没有显示需要通过register_nav_menu()函数开启菜单功能,把以下代码添加在functions.php文件中。
register_nav_menu( $location, $description )
函数功能:开启导航菜单功能
@参数 string $location, 导航菜单的位置(自己编写)
@参数 string $description, 导航菜单的描述(自己编写)
可以开启多个位置的导航菜单,如下
- register_nav_menu( 'zhudaohang', '网站的主导航' ); //注册一个菜单
- register_nav_menu( 'topdaohang', '网站的顶部导航' ); //注册一个菜单
- register_nav_menu( 'footdaohang', '网站的底部导航' ); //注册一个菜单
调用的时候只需要在模板文件中添加wp_nav_menu()代码,注意'theme_location'的值填写对应的$location,还有一个前提就是必须在wordpress后台中设置好菜单,调用菜单之前得先有菜单才行。
评论