最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
WordPress自定义菜单实现当前导航高亮
时间:2013-11-18 编辑:简简单单 来源:一聚教程网
我研究了一下wordpress的自定义菜单,发现用它来实现当前导航高亮方法其实是很简单了。首先我们要让你的主题支持自定义菜单,注意了wordpress自定义菜单是在3.0+版本以上才有的哦,我们要在你主题的functions.php的中间加一段代码:
代码如下 | 复制代码 |
//自定义菜单 |
这段代码就是为了你的主题支持wordpress自定义菜单的,然后在把原来的那个分类导航替换,代码如下
代码如下 | 复制代码 |
'header-menu')); ?> |
如果你的主题已经支持了自定义菜单这步就可以跳过了,然后下面才是今天要讲的重点,据我的观察,你点击自定义菜单后都会在你点击的那个菜单下加了一个类别选择器,wordpress自己进行了判断,所以我们只要对那个类别选择器写样式即可实现导航的高亮,下面的代码写在style.css上的,当然了按照你的需要来更改吧
代码如下 | 复制代码 |
.current-menu-item,.current-menu-parent{ |
今天的教程很简单,但是很实用,wordpress这点上做得不错,自己就评断了,不需要用户自己进行评断。是时候闪人了
-
下一个: JS手机触摸屏的事件用法详解
相关文章
- wordpress 导航菜单怎么添加自定义class 12-09
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31