您现在的位置是:首页 > 网站制作 > WordpressWordpress

wordpress菜单函数wp_nav_menu()使用

杰帅2023-06-19【Wordpress】人已围观

简介wp_nav_menu()用于显示头部、标题、底部的导航菜单。后台设置位于:外观=》菜单。目前支持 3 个菜单选项。

wp_nav_menu($args)函数说明

wp_nav_menu()用于显示头部、标题、底部的导航菜单。后台设置位于:外观=》菜单。目前支持 3 个菜单选项。

函数使用说明:


 
  1. <?php $defaults = array(
  2. 'theme_location' => '',
  3. 'menu' => '',
  4. 'container' => 'div',
  5. 'container_class' => 'menu-{menu slug}-container',
  6. 'container_id' => '',
  7. 'menu_class' => 'menu',
  8. 'menu_id' => '',
  9. 'echo' => true,
  10. 'fallback_cb' => 'wp_page_menu',
  11. 'before' => '',
  12. 'after' => '',
  13. 'link_before' => '',
  14. 'link_after' => '',
  15. 'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>',
  16. 'depth' => 0,
  17. 'walker' => ''
  18. ); ?>
  19.  
  20. <?php wp_nav_menu( $defaults ); ?>

函数参数说明:


 
  1. $theme_locaton:(字符串)(可选)
  2.  
  3. 默认值: None
  4.  
  5. 用于在调用导航菜单时指定注册过的某一个导航菜单名,如果没有指定,则显示第一个。
  6.  
  7. wp_nav_menu(array( 'theme_location' =>'primary')); //调用第一个菜单。
  8.  
  9. $menu:(字符串)(可选)
  10.  
  11. 默认值: None
  12.  
  13. 使用导航菜单的名称调用菜单,可以是 id, slug, name (按顺序匹配的) 。
  14.  
  15. $container:(字符串)(可选)
  16.  
  17. 默认值: div
  18.  
  19. ul 父节点(这里指导航菜单的容器)的标签类型,只支持div 和 nav 标签, 如果是其它值, ul 父节点的标签将不会被显示。也可以用false(container => false)去掉ul父节点标签。
  20.  
  21. $container_class:(字符串)(可选)
  22.  
  23. 默认值: menu-{menu slug}-container
  24.  
  25. ul 父节点的 class 属性值。
  26.  
  27. $container_id:(字符串)(可选)
  28.  
  29. 默认值: None
  30.  
  31. ul 父节点的 id 属性值。
  32.  
  33. $menu_class:(字符串)(可选)
  34.  
  35. 默认值: menu
  36.  
  37. ul 节点的 class 属性值。
  38.  
  39. $menu_id:(字符串)(可选)
  40.  
  41. 默认值: menu slug, 自增长的
  42.  
  43. ul 节点的 id 属性值。
  44.  
  45. $echo:(布尔型)(可选)
  46.  
  47. 默认值: true (直接显示)
  48.  
  49. 确定直接显示导航菜单还是返回 HTML 片段,如果想将导航的代码作为赋值使用,可设置为false。
  50.  
  51. $fallback_cb:(字符串)(可选)
  52.  
  53. 默认值: wp_page_menu (显示页面列表作为菜单)
  54.  
  55. 用于没有在后台设置导航时调的回调函数。
  56.  
  57. $before:(字符串)(可选)
  58.  
  59. 默认值: None
  60.  
  61. 显示在每个菜单链接前的文本。
  62.  
  63. $after:(字符串)(可选)
  64.  
  65. 默认值: None
  66.  
  67. 显示在每个菜单链接后的文本。
  68.  
  69. $link_before:(字符串)(可选)
  70.  
  71. 默认值: None
  72.  
  73. 显示在每个菜单链接文本前的文本。
  74.  
  75. $link_after:(字符串)(可选)
  76.  
  77. 默认值: None
  78.  
  79. 显示在每个菜单链接文本后的文本。
  80.  
  81. $items_wrap:(字符串)(可选)
  82.  
  83. 默认值: None
  84.  
  85. 使用字符串替换修改ul的class。
  86.  
  87. $depth:(整型)(可选)
  88.  
  89. 默认值: 0
  90.  
  91. 显示菜单的深度, 当数值为 0 时显示所有深度的菜单。
  92.  
  93. $walker:(对象型)(可选)
  94.  
  95. 默认值: new Walker_Nav_Menu
  96.  
  97. 自定义的遍历对象,调用一个对象定义显示导航菜单。

wp_nav_menu使用实例

后台设置:
登录后台设置:外观=》菜单,设置三个菜单,分别为:nav, menu, footer
将“页面”选项,或者分类选项添加指定页面到菜单中,保存后即可。
1
页面调用:


 
  1. //此函数位于主题下的functions.php
  2. //代码来自:http://www.fkblog.org
  3. //$type为 nav, menu, footer
  4. function fkmenu( $type ) {
  5.  
  6. wp_nav_menu ( array (
  7. 'theme_location' => $type,
  8. 'echo' => false
  9. ) );
  10. }

Tags:wordpress   菜单   函数   menu   使用

很赞哦! ()

文章评论

本站推荐

站点信息

  • 建站时间:2018-10-24
  • 网站程序:帝国CMS7.5
  • 主题模板《今夕何夕》
  • 文章统计1172篇文章
  • 标签管理标签云
  • 统计数据百度统计
  • 微信公众号:扫描二维码,关注我们