wordpress主题开发:导航菜单函数wp_nav_menu()使用方法

wordpress主题开发:导航菜单函数wp_nav_menu()使用方法

空谷2016-5-6 1400次浏览 0个评论

我们在做wordpress主题开发的时候,必不可少的是要读取后台外观-菜单中的导航结构,那么就需要用到wp_nav_menu()函数,本篇文章小编问大家介绍wp_nav_menu()函数的使用方法。

wp_nav_menu()函数使用非常的简单,只需要在你需要的地方放入以下代码即可:

 
  
  1. php wp_nav_menu($args) ;?>

其中$args是函数的参数,下面会详细说明:

 
  
  1. php
  2. $defaults = array(
  3. 'theme_location' => '',//用于在调用导航菜单时指定注册过的某一个导航菜单名,如果没有指定,则显示第一个
  4. 'menu' => '',//使用导航菜单的名称调用菜单,可以是 id, slug, name (按顺序匹配的) 。
  5. 'container' => 'div',//最外层容器标签名
  6. 'container_class' => '',//最外层容器class名
  7. 'container_id' => '',//最外层容器id值
  8. 'menu_class' => 'menu',//ul 节点的 class 属性值。
  9. 'menu_id' => '',//ul 节点的 id 属性值。
  10. 'echo' => true,//确定直接显示导航菜单还是返回 HTML 片段,如果想将导航的代码作为赋值使用,可设置为false。
  11. 'fallback_cb' => 'wp_page_menu',//备用的导航菜单函数,用于没有在后台设置导航时调用
  12. 'before' => '',//显示在导航a标签之前
  13. 'after' => '',//显示在导航a标签之后
  14. 'link_before' => '',//显示在导航链接名之前
  15. 'link_after' => '',//显示在导航链接名之后
  16. 'items_wrap' => '
      %3$s
    '
    ,//使用字符串替换修改ul的class。
  17. 'depth' => 0,//显示菜单的深度, 当数值为 0 时显示所有深度的菜单。
  18. 'walker' => ''//自定义的遍历对象,调用一个对象定义显示导航菜单。
  19. );
  20. wp_nav_menu( $defaults );
  21. ?>

使用

 
  
  1. php wp_nav_menu($args) ;?>

读取出来的导航菜单HTML结构如下

 
  
  1. class="menu-%e5%af%bc%e8%88%aa-container"> id="menu-%e5%af%bc%e8%88%aa" class="menu"> id="menu-item-62" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-62"> href="http://localhost/wordpress/">首页
  2. id="menu-item-32" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-32"> href="http://localhost/wordpress/category/html">HTML
  3. id="menu-item-33" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-33"> href="http://localhost/wordpress/category/css">CSS
  4. id="menu-item-34" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-34"> href="http://localhost/wordpress/category/javascript">JavaScript
  5. id="menu-item-35" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-35"> href="http://localhost/wordpress/category/jquery">jquery
  6. id="menu-item-36" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-36"> href="http://localhost/wordpress/category/php">PHP
  7. id="menu-item-37" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37"> href="http://localhost/wordpress/sample-page">示例页面

如果我们希望把DIV和UL去掉可以用以下代码:

 
  
  1. php echo str_replace("
", "", ereg_replace("]*>]*>", "", wp_nav_menu(array('theme_location' => 'nav', 'echo' => false)) )); ?>

读取的HTML代码结构如下:

 
  
  1. id="menu-item-62" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-62"> href="http://localhost/wordpress/">首页
  2. id="menu-item-32" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-32"> href="http://localhost/wordpress/category/html">HTML
  3. id="menu-item-33" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-33"> href="http://localhost/wordpress/category/css">CSS
  4. id="menu-item-34" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-34"> href="http://localhost/wordpress/category/javascript">JavaScript
  5. id="menu-item-35" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-35"> href="http://localhost/wordpress/category/jquery">jquery
  6. id="menu-item-36" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-36"> href="http://localhost/wordpress/category/php">PHP
  7. id="menu-item-37" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-37"> href="http://localhost/wordpress/sample-page">示例页面
  8.  

推荐阅读:字符串替换函数str_replace() 与正则表达式替换函数ereg_replace()的使用方法

你可能感兴趣的:(php)