您现在的位置是:首页 > cms教程 > WordPress教程WordPress教程

WordPress函数wp_nav_menu()的介绍和使用方法

惜雪2023-06-21WordPress教程已有人查阅

导读worpdress发展到3.0以后增加了一个自定义菜单函数wp_nav_menu(),使得wordpress能够轻松的制作自己的导航菜单。

1、wp_nav_menu()函数介绍:

worpdress发展到3.0以后增加了一个自定义菜单函数wp_nav_menu(),使得wordpress能够轻松的制作自己的导航菜单。

2、如何调用导航菜单(自定义菜单):

在需要调用导航菜单(或者称之为自定义菜单)的地方插入<?php wp_nav_menu($args) ;?>来调用导航菜单,其中$args是函数的参数,后面会详细说明。

3、wp_nav_menu($args)函数中,参数$args的默认值:

<?php $defaults = array(
’theme_location’ => ,
’menu’ => ,
’container’ => ’div’,
’container_class’ => ’menu-{menu slug}-container’,
’container_id’ => ,
’menu_class’ => ’menu’,
’menu_id’ => ,
’echo’ => true,
’fallback_cb’ => ’wp_page_menu’,
’before’ => ,
’after’ => ,
’link_before’ => ,
’link_after’ => ,
’items_wrap’ => ’<ul id=”%1$s” class=”%2$s”>%3$s</ul>’,
’depth’ => 0,
’walker’ => );
?>

4、wp_nav_menu($args)函数中每个参数的具体含义:

$theme_locaton:(字符串)(可选)

默认值: None

用于在调用导航菜单时指定注册过的某一个导航菜单名,如果没有指定,则显示 头一个。

wp_nav_menu(array( ‘theme_location’ =>’primary’)); //调用 头一个菜单。

$menu:(字符串)(可选)

默认值: None

使用导航菜单的名称调用菜单,可以是 id, slug, name (按顺序匹配的) 。

$container:(字符串)(可选)

默认值: div

ul 父节点(这里指导航菜单的容器)的标签类型,只支持div 和 nav 标签, 如果是其它值, ul 父节点的标签将不会被显示。也可以用false(container => false)去掉ul父节点标签。

$container_class:(字符串)(可选)

默认值: menu-{menu slug}-container

ul 父节点的 class 属性值。

$container_id:(字符串)(可选)

默认值: None

ul 父节点的 id 属性值。

$menu_class:(字符串)(可选)

默认值: menu

ul 节点的 class 属性值。

$menu_id:(字符串)(可选)

默认值: menu slug, 自增长的

ul 节点的 id 属性值。

$echo:(布尔型)(可选)

默认值: true (直接显示)

确定直接显示导航菜单还是返回 HTML 片段,如果想将导航的代码作为赋值使用,可设置为false。

$fallback_cb:(字符串)(可选)

默认值: wp_page_menu (显示页面列表作为菜单)

用于没有在后台设置导航时调的回调函数。

$before:(字符串)(可选)

默认值: None

显示在每个菜单链接前的文本。

$after:(字符串)(可选)

默认值: None

显示在每个菜单链接后的文本。

$link_before:(字符串)(可选)

默认值: None

显示在每个菜单链接文本前的文本。

$link_after:(字符串)(可选)

默认值: None

显示在每个菜单链接文本后的文本。

$items_wrap:(字符串)(可选)

默认值: None

使用字符串替换修改ul的class。

$depth:(整型)(可选)

默认值: 0

显示菜单的深度, 当数值为 0 时显示所有深度的菜单。

$walker:(对象型)(可选)

默认值: new Walker_Nav_Menu

自定义的遍历对象,调用一个对象定义显示导航菜单。

5、如何兼容旧版本的wordpress:

利用参数$fallback_cb来实现对旧版本的wordpress的兼容,将参数 ‘sort_column’=>’menu_order’ 写入 wp_nav_menu 的参数, 那该参数同时也会传递到 call_user_func 方法中. 如果 call_user_func 是 wp_page_menu 方法, 那么显示的页面列表将会以赋予的序号排序输出.

代码如下:

if ( ( !$menu || is_wp_error($menu) || ( isset($menu_items) && empty($menu_items) && !$args->theme_location ) )
&& ( function_exists($args->fallback_cb) || is_callable( $args->fallback_cb ) ) )
return call_user_func( $args->fallback_cb, (array) $args );</p> <p>// 如果找不到指定菜单, 或者菜单不存在任何条目并没有指定自定义菜单, 使用 call_user_func 方法来进行处理

本文标签:

很赞哦! ()

相关源码

  • (自适应)响应式文章博客互联网新闻pbootcms模板下载本模板基于PbootCMS开发,专为科技新闻、互联网资讯和文章博客类网站设计。采用响应式布局技术,确保在电脑、平板和手机上都能获得最佳浏览体验。适用于科技媒体、行业博客查看源码
  • (带手机版)绿色生态农业种植农产品网站pbootcms源码下载本模板基于PbootCMS内核开发,为生态农业企业量身打造,适用于农业种植、有机农场、农产品电商等业务场景。模板设计充分体现绿色环保理念,突出农业特色,同时保持简洁大气的视觉效果,帮助农业企业建立专业形象。查看源码
  • (自适应)绿色新闻生活百科资讯文章博客类网站pbootcms模板源码本模板基于PbootCMS开发,为生活百科、资讯文章和博客类网站设计。采用清新绿色系风格,提供舒适的阅读体验,同时适配PC和移动设备。适用于生活技巧分享、健康知识传播查看源码
  • (自适应)刷卡pos机数据移动支付设备电子科技pbootcms模板下载本模板为POS机设备制造商、移动支付终端服务商和科技企业设计,基于PbootCMS系统开发,提供完整的在线展示平台解决方案,满足支付设备行业特有的展示需求。查看源码
  • 帝国cms淘宝客京东联盟网站整站源码下载本模板基于帝国CMS内核深度开发,为淘宝客行业量身定制。随着腾讯微信与淘宝生态的互联互通,淘宝客链接现可在微信、QQ等平台直接分享,为推广带来更多便利。模板特别优化了店铺推广功能,有效避免商品下架导致的链接失效问题,同时支持京东联盟等多平台商品推广。查看源码
  • (自适应响应式)个人作品技术文章博客网站模板下载基于PbootCMS内核开发的响应式博客模板,为数字营销、技术分享类内容打造。采用前沿设计理念,兼顾内容展示与阅读体验,适配各类终端设备。通过本模板可快速构建专业级行业博客,有效传播专业知识与案例成果。查看源码
分享笔记 (共有 篇笔记)
验证码: