WordPress开发中自定义菜单的相关PHP函数使用简介

函数意义
wp_nav_menu ()
自定义菜单显示函数

register_nav_menu ()
自定义菜单注册函数 – 单数

register_nav_menus ()
自定义菜单注册函数 – 复数 （很蛋疼的一个复数形式）

以下举例均用 register_nav_menus () 这个复数形式，以免混淆。

使用位置
register_nav_menus ()
function.php 文件中，用于注册自定义菜单在后台的代码调用名称和后台显示名称。

wp_nav_menu ()
主题任意你想调用自定义菜单的位置。

使用方法
注册4个菜单更正：3个菜单（困了，老出错。）

 register_nav_menus( array(
 'nav1' => 'n1',
//nav1 为菜单名称（调用的时候用）
//n1 为显示名称 , 后台选菜单的时候用

 'nav2' => 'n2',

 'nav3' => 'n3'

 ));

然后去你的后台 =》 外观 =》 菜单 里面看下，
基本上你就明白了，
要是不明白，
那你就再看一下，嘿嘿~

主题你想要显示自定义导航的位置添加以下代码。

//调用 nav1 的菜单
<?php wp_nav_menu( array( 'theme_location' => 'nav1' ) ); ?>

//调用 nav2 的菜单
<?php wp_nav_menu( array( 'theme_location' => 'nav2' ) ); ?>

然后就可以到后台去添加一个菜单了，（名称最好是名称或中文。更正：最好是英文。）
你可以设定这个菜单里面显示什么，不显示什么，甚至可以设置导航的层级内容，很方便的说。

过滤掉自定义菜单中无用的CLASS值
在 WordPress 的自定义菜单的输出中，菜单中每一个子元素都有一个很长的 class 值，虽然从外观上看不出什么异样来，但从代码上看确实让人心里很难受，其实要过滤掉这些 class 值有很多方法，今天来讲一下通过挂载过滤器 （filter），去除那些我们不想要的class。
在 WordPress 3.5.0 以后的版本中将取消友情链接功能，并以自定义菜单功能实现，这个是后话。
我们在输出自定义菜单的时候，为了让我们更好的控制自定义样式， WordPress 会默认给我们菜单的子元素输出很多个 class 的值，就像下面这样。

<li id="menu-item-19" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-19">

如何过滤之，让我们的网页源代码变得简洁、易读呢？

在你的functions.php里面加入

function filter_nav_menu_css_class ($classes){
//想要通过的class值
 $do_class_name = array('current-menu-item');
 $outPut = array_intersect($do_class_name,$classes);
 array_filter( $classes );
 return $outPut;
};
add_filter('nav_menu_css_class','filter_nav_menu_css_class');

这里将 current-menu-item 这个值保留主要是为了辨别当前页面。

其实，
还有其他方法去过滤输出的 class 值的，
比如说控制 Walker_Nav_Menu 这个类来精确控制自定义菜单的输出，
但因为比较麻烦所以在这里先不提，其实 Walker_Nav_Menu 这个类可以完成更多我们需要的功能。

总结 – 需注意
自定义菜单式在 WordPress 3.0 后才引入的一个功能概念，有点类似于之前的小工具，不过自定义菜单更倾向于导航用途，但因为新功能的中文翻译、流传较慢，再加上这个功能只要是主题成型的爱折腾的博主一般不会在导航方面折腾，所以大家还一直不了解，甚至都出现了错误教程满天飞得局面，在这里希望有的博主在发表博文的时候不要以转载为主，就算是转载一些主要功能请具体测试一下，以免误导新人。

需注意：
后台设置中如果没有给自定义导航里面设定菜单的话，那wp会为没有设定菜单的导航里自动添加所有页面为导航，这是一个蛋疼的缺省，所以如果这个导航我们不想显示的话，你最好能在后天设定一个空的菜单，然后给不想显示的导航添加这个菜单，这样自定义导航就不会显示了。

赞 (0)

相关推荐

  • WordPress中调试缩略图的相关PHP函数使用解析

    the_post_thumbnail the_post_thumbnail 在 WordPress 中主要用来打印文章中设定的缩略图,而 get_the_post_thumbnail 函数可以将你需要的 HTML 代码以字符串的形式返回. the_post_thumbnail 函数的使用 the_post_thumbnail( $size , $attr) 函数参数 $size 是指你想要的缩略图类型 默认是 'post-thumbnail' 也就是特色图像 $attr 图像img标签中的属性设

  • 详解WordPress中用于更新和获取用户选项数据的PHP函数

    update_user_option()函数 update_user_option()函数作用利用全局博客权限更新用户选项. 用户选项类似于用户元数据,唯一的不同之处在于用户选项支持全局博客选项.如果'global'参数为False(默认情况下),update_user_option会预先将WordPress表前缀改成选项名称. [函数使用] <?php update_user_option( $user_id, $option_name, $newvalue, $global ) ?> [函

  • WordPress主题制作中自定义头部的相关PHP函数解析

    header_image() header_image() 函数是 WordPress 自定顶部图像的标准接口函数,该函数可以自动判断后台设置,并返回字符串形式的用户自定义顶部图像地址.本文主要涉及该函数的详解及使用. [Display header image path.] 即,显示顶部图像地址. 使用 复制代码 代码如下: <img src="<?php header_image(); ?>" width="<?php echo $header_i

  • 编写PHP脚本清除WordPress头部冗余代码的方法讲解

    wordpress头部的代码非常多,包括WordPress版本,前后文.第一篇文章.主页meta信息等各种冗余代码,这些对博主来说是没有意义的,也对网站的安全有一定的影响,也一度不知道这些代码是有什么作用.怎么来的和怎么删除. wordpress头部清理代码如下 将以下代码插入到你functions.php的文件头部,除WordPress头部大量冗余信息 <?php //remove_action( 'wp_head', 'wp_enqueue_scripts', 1 ); remove_act

  • 调用WordPress函数统计文章访问量及PHP原生计数器的实现

    调用WordPress函数统计文章访问量及PHP原生计数器的实现

    1.首先介绍WordPress的两款功能强大的插件: (1)Count per Day 是一个非常强大的访客数量统计插件,可以统计每天.昨天.每周.每月等等的访客数量(根据IP进行统计),统计在线访客数.浏览器.搜索词等等,自带多种调用简码.模板标签以及小工具,方便你自行调用和集成. (2)StatPressCN,实时显示blog的访问统计,完美支持中文(如搜索关键字等).它可以集中显示来访者.爬虫.搜索关键字.订阅统计.浏览器.操 作系统等信息,方便您及时把握blog的访问情况,同时还提供了定

  • 在CentOS系统上从零开始搭建WordPress博客的全流程记录

    概述 最近买了台服务器,准备搭建个人博客,来持续更新自己的博客, 环境 服务器操作系统:CentOS 7.0 博客部署服务器:Apache 后台语言:PHP 数据库:MySql 前端框架:WordPress 步骤 一.安装Apache 安装 Apache 很简单,只需要在终端输入以下命令就可以了: sudo yum install httpd sudo 的意思是用 root 用户做什么操作,yum install 是在线安装:然后输入 yes 就确认下载安装了. 安装完毕之后我们需要启动服务:

  • WordPress开发中用于获取近期文章的PHP函数使用解析

    wp_get_recent_posts 函数在 WordPress 中是一个可以获取近期文章数组的函数,相较于其他的文章获取方式, wp_get_recent_posts 返回的将是一个数组而不是对象,所以在使用中对于一些新手或者是懒人,可能会更方便一些,下面我们就实例讲解一下这个函数. 描述 wp_get_recent_posts 英文解释很短,就不贴了, 中文大概意思是:获取最新文章的函数. 实际上这是一个 get_posts函数的再使用. 描述的再好也木用,下面看使用. 使用/用法 <?p

  • 解析WordPress中控制用户登陆和判断用户登陆的PHP函数

    登陆函数:wp_signon() 函数介绍: wp_signon()函数用于授权给用户登陆wordpress并可记住该用户名称.该函数取代了wp_login.WordPress 2.5版本起启用. 函数使用: <?php wp_signon( $credentials, $secure_cookie ) ?> 参数说明: $credentials (array) (可选) 登陆用户信息. Default: None $secure_cookie (boolean) (可选) 决定是否使用安全c

  • 是 WordPress 让 PHP 更流行了 而不是框架

    是 WordPress 让 PHP 更流行了 而不是框架

    Tiobe Index(编程语言世界排名指数),是一个显示各种编程语言的相对流行趋势的排名,开始于 2001 年,每个月更新一次.它将很多站点的搜索结果计算在内,以得到统计数据.这些站点包括:Google,Blogger,Wikipedia,YouTube,Baidu,Yahoo,Bing,Amazon 等. PHP 在 Tiobe 上排名一直靠前,但最近它的排名更靠前了,2012 年是第7,现在是第5.人们可能将此归因为去年年底 Zend Framework 2 的发布,但并没有什么依据. 于

  • WordPress中用于获取搜索表单的PHP函数使用解析

    get_search_form 函数在 WordPress 中是用来提取预设的搜索表单或者默认的搜索表单的.因为官方这个函数没有中文的,所以我就简单写了一下. 描述 get_search_form 函数在 WordPress 中是用来提取自定义搜索表单或者默认的搜索表单的. 显示自定义表单还是显示默认表单,完全取决于您的主题中是否有search.php文件, 如果有该文件,则自动调用该文件,如果没有则显示默认的搜索表单. 使用 <?php get_search_form($echo = true

随机推荐