我研究了一下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这点上做得不错,自己就评断了,不需要用户自己进行评断。是时候闪人了
时间: 2024-09-23 09:01:10