我们都知道添加导航要修改header.php文件

向类似如下代码中
<ul id=”nav”>
<?php if (is_home()) { ?>
            <li class=”current_page_item”><a href=”<?php echo get_option(‘home’); ?>”>主页</a></li>
        <?php } else { ?>
            <li><a href=”<?php echo get_option(‘home’); ?>”>主页</a></li>
        <?php } ?> 
      <?php wp_list_pages(‘title_li=&depth=4&sort_column=menu_order’); ?>
 </ul>

添加如下代码

<?php wp_list_categories(‘title_li=&depth=4&sort_column=menu_order&hide_empty=0&include=48,51,50,49,59′); ?>

改后的代码如下

<ul id=”nav”>
<?php if (is_home()) { ?>
            <li class=”current_page_item”><a href=”<?php echo get_option(‘home’); ?>”>主页</a></li>
        <?php } else { ?>
            <li><a href=”<?php echo get_option(‘home’); ?>”>主页</a></li>
        <?php } ?>
       <?php wp_list_categories(‘title_li=&depth=4&sort_column=menu_order&hide_empty=0&include=48,51,50,49,59′); ?>
      <?php wp_list_pages(‘title_li=&depth=4&sort_column=menu_order’); ?>
 </ul>

我这里只添加了ID为48,51,50,49,59的分类

但是这样做 显示当前的分类并不高亮

当你浏览其中的一个分类时，WordPress自动给当前分类的<li>元素添加一个current-cat的class。

所以你需要做的只是编辑style.css文件，给current-cat class添加一个样式：

#nav li.current-cat{
    background:#999;
    color:#222;
    text-decoration:underline;
}

现在就OK了！现在你的读者就能知道自己正在浏览哪个分类了。

本站原创,转载请给出出处http://www.99xunle.com/wordpress-102.html ，谢谢合作！