wordpress导航（分类）的css的问题-wordpress theme

时间：2007-01-20 11:07:59 类别：Web技术|WEB Tech, Wordpress 本文链接：生活点滴Enjoy Life

有的时候，我们希望将导航作成高亮显示当前的位置，如图：,wordpress本身提供了这个功能，即将当前的赋予css的特殊class,

电子技术|Electronics

，我们可以利用css高亮该项目。可是当出现两基或者多级分类的时候，就有点小小的问题了，子类（即当前显示的类）是高亮了，可是他的parent呢？？如何处理？那这个时候我们就给要去修改wp的函数了。该函数位于wp-includes下的template-functions-category.php文件中大约第370行的位置，你可以修改成如下的方式。我为了写css方便，所以将其class名该成一样了。

if ( $list ) {
$thelist .= "\t
<li></li>
if (($category->cat_ID == $wp_query->get_queried_object_id()) && is_category()) {
$thelist .= ' class="current-cat"';
}
$queried_obj = $wp_query->get_queried_object();
if ($category->cat_ID == $queried_obj->category_parent) {
$thelist .= ' class="current-cat"';//这里就是显示自类的class 你也可以改成 sub-current-cat
}
$thelist .= ">$link\n";
} else {
$thelist .= "\t$link
\n";
}

修改成功之后，就可以看到这样的结果了：

<li class="current-cat"><a title="查看电子技术|Electronics下的所有文章" href="http://www.storyday.com/archives/category/%e7%94%b5%e5%ad%90%e6%8a%80%e6%9c%af/">电子技术|Electronics</a>
<ul class="children">
<li class="current-cat"><a title="查看微波技术|MicroWave下的所有文章" href="http://www.storyday.com/archives/category/%e7%94%b5%e5%ad%90%e6%8a%80%e6%9c%af/%e5%be%ae%e6%b3%a2%e6%8a%80%e6%9c%af/">微波技术|MicroWave</a></li>
</ul>
</li>