wordpress导航菜单wp_nav_menu()使用方法

wp撸叔
18
文章
0
评论
四月 4, 201818:33:46wordpress导航菜单wp_nav_menu()使用方法已关闭评论 1,444

wp_nav_menu()

以下是wprdpress中导航的常用写法,其中的参数可自由选择,直接复制可用,调试的时候自己调整css

  1. <div id="menu">  
  2.         <div class="mainnav">  
  3.                     <?php  
  4.                     /* 
  5.                     wp_nav_menu( $args ) 
  6.                     @参数 array $args, 传递此参数时用array(成员参数名=>成员参数值) 
  7.                     特别说明: 
  8.                     调用导航菜单时,可以直接复制以下代码。然后根据需要删除成员参数 
  9.                     */  
  10.                       wp_nav_menu( array(  
  11.                       'theme_location'  => 'zhudaohang', //[保留]用于在调用导航菜单时指定注册过的某一个导航菜单名,如果没有指定,则显示第一个  
  12.                       'menu'      => ''//[可删]使用导航菜单的名称调用菜单,可以是 id, slug, name (按顺序匹配的) 。  
  13.                       'container'   => false, //[可删]最外层容器标签名  
  14.                       'container_class' => '',//[可删]最外层容器class名  
  15.                       'container_id'  => '',//[可删]最外层容器id值  
  16.                       'menu_class'    => 'menu', //[可删]ul 节点的 class 属性值  
  17.                       'menu_id'     => ''//[可删]ul 节点的 id 属性值  
  18.                       'echo'    => true, //[可删]确定直接显示导航菜单还是返回 HTML 片段,如果想将导航的代码作为赋值使用,可设置为false  
  19.                       'fallback_cb'   => 'wp_page_menu', //[可删]备用的导航菜单函数,用于没有在后台设置导航时调用  
  20.                       'before'      => ''//[可删]显示在导航a标签之前  
  21.                       'after'     => ''//[可删]显示在导航a标签之后    
  22.                       'link_before'   => ''//[可删]显示在导航链接名之前  
  23.                       'link_after'    => ''//[可删]显示在导航链接名之后  
  24.                       'items_wrap'    => '<ul id="%1$s" class="%2$s">%3$s</ul>',  //[可删]使用字符串替换修改ul的class  
  25.                       'depth'     => 1, //[可删]显示菜单的深度, 当数值为0时显示所有深度的菜单,-1所有菜单平级显示  
  26.                       'walker'      => '' //[可删]自定义的遍历对象,调用一个对象定义显示导航菜单      
  27.                     ) );  
  28.                     ?>  
  29.         </div><!--mainnav-->              
  30. </div><!--#menu-->  

register_nav_menu()

在使用以上代码之前需开启菜单功能,wordpress后台这里显示菜单,如果没有显示需要通过register_nav_menu()函数开启菜单功能,把以下代码添加在functions.php文件中。
register_nav_menu( $location, $description )
函数功能:开启导航菜单功能
@参数 string $location, 导航菜单的位置(自己编写)
@参数 string $description, 导航菜单的描述(自己编写)
可以开启多个位置的导航菜单,如下

  1. register_nav_menu( 'zhudaohang', '网站的主导航' );     //注册一个菜单  
  2. register_nav_menu( 'topdaohang', '网站的顶部导航' );     //注册一个菜单  
  3. register_nav_menu( 'footdaohang', '网站的底部导航' );     //注册一个菜单  

调用的时候只需要在模板文件中添加wp_nav_menu()代码,注意'theme_location'的值填写对应的$location,还有一个前提就是必须在wordpress后台中设置好菜单,调用菜单之前得先有菜单才行。
wordpress导航菜单wp_nav_menu()使用方法

wordpress导航菜单wp_nav_menu()使用方法

  • 本文由 发表于 四月 4, 201818:33:46