WordPress自定义菜单实现当前导航高亮
发布:smiling 来源: PHP粉丝网 添加日期:2014-03-22 10:46:03 浏览: 评论:0
在wordpress中自定义菜单是非常简单的事情了,下面我来给大家介绍WordPress自定义菜单实现当前导航高亮方法,如果你对此有兴趣不防进入参考.
我研究了一下wordpress的自定义菜单,发现用它来实现当前导航高亮方法其实是很简单了,首先我们要让你的主题支持自定义菜单,注意了wordpress自定义菜单是在3.0+版本以上才有的哦,我们要在你主题的functions.php的中间加一段代码:
- //自定义菜单
- if(function_exists('register_nav_menus')){
- register_nav_menus( array(
- 'header-menu' => __('顶部导航')
- ));
- }
这段代码就是为了你的主题支持wordpress自定义菜单的,然后在把原来的那个分类导航替换,代码如下:
<!--?php wp_nav_menu( array( 'theme_location' =--> 'header-menu')); ?>
如果你的主题已经支持了自定义菜单这步就可以跳过了,然后下面才是今天要讲的重点,据我的观察,你点击自定义菜单后都会在你点击的那个菜单下加了一个类别选择器,wordpress自己进行了判断,所以我们只要对那个类别选择器写样式即可实现导航的高亮,下面的代码写在style.css上的,当然了按照你的需要来更改吧,代码如下:
- .current-menu-item,.current-menu-parent{
- background:#333;
- border-radius:4px;
- color:#eee;
- }
今天的教程很简单,但是很实用,wordpress这点上做得不错,自己就评断了,不需要用户自己进行评断.
Tags: WordPress 自定义菜单 导航高亮
相关文章
- ·WordPress初级教程1:什么是博客?(2013-11-11)
- ·WordPress初级教程-2: 什么是WordPress?(2013-11-11)
- ·WordPress初级教程-3: WordPress的功能和特点(2013-11-11)
- ·WordPress初级教程-4: 选择WordPress博客的主机和域名(2013-11-11)
- ·WordPress初级教程-5: 安装WordPress(2013-11-11)
- ·WordPress初级教程-6: 本地安装WordPress(2013-11-11)
- ·WordPress初级教程-7: 一个数据库中安装多个WordPress博客(2013-11-11)
- ·WordPress初级教程-8: WordPress控制面板/ Dashboard(2013-11-11)
- ·WordPress初级教程-9: WordPress用户设置/ Users(2013-11-11)
- ·WordPress初级教程-10: WordPress博客配置/ Settings(2013-11-11)
- ·关于wordpress上传图片不显示的原因(2013-11-11)
- ·WordPress程序的脆弱点你知道吗 (2013-11-11)
- ·总结八大Wordpress网站百度收录实现秒收的方法绝招 (2013-11-11)
- ·WordPress如何网站投稿者也可以上传图片(2014-03-18)
- ·WordPress怎么修改新用户注册邮件内容(2014-03-18)
- ·WordPress怎么添加前台注册功能(2014-03-18)
推荐文章
热门文章
最新评论文章
- 写给考虑创业的年轻程序员(10)
- PHP新手上路(一)(7)
- 惹恼程序员的十件事(5)
- PHP邮件发送例子,已测试成功(5)
- 致初学者:PHP比ASP优秀的七个理由(4)
- PHP会被淘汰吗?(4)
- PHP新手上路(四)(4)
- 如何去学习PHP?(2)
- 简单入门级php分页代码(2)
- php中邮箱email 电话等格式的验证(2)