如何高亮WordPress分类菜单项

研究过wordpress主题制作的朋友应该都知道，使用wp_list_pages可以调用博客页面列表(2.7中新增了wp_page_menu)，而它所调用的页面列表，会自动为每个列表元素添加一个class属性page_item，且会为当前页面动态增加一个class属性current_page_item, 通过对current_page_item类的CSS样式化，就可以实现动态高亮菜单效果。

今天正好有位朋友问到我WordPress分类高亮的问题，介绍分享一下。其实很简单，原理都是一样的，不过分类高亮是从2.5还是2.6才加入的。

1. 我们通常都是用 wp_list_categories 来调用分类菜单显示
2. 通过查看生成的html源码，你会发现，每个分类菜单项的li元素里，都添加了cat-item 属性，而如果你正处于一个分类页面，这个列表中的该分类页面名称，还会多了一个current-cat 属性。
3. 所以，你只需要向current-cat 添加CSS定义代码就可以了。示例:
   li.cat-item a{color:#000;}
   li.current-cat a{color:#F00;}

就是这么简单，可能也不是太重要。但如果你想拥有一个对用户更加友好的导航提示效果，这小小的设计还是有益的。不过WordPress的导航在高亮方面一直都比较欠缺，这方面比较强大的应该是Drupal，不但能实现分类，标签的高亮，还可以在最新文章，热门文章等很多列表模块中实现当前页的高亮。

来源于 如何高亮WordPress分类菜单项 | 帕兰映像