【wordpress技巧】wordpress实现侧边栏调用分类目录

WP技巧你是第13039个围观者 2条评论供稿者：清音陋屋标签：wordpress技巧, WP技巧

介绍侧边栏调用分类目录之前，先介绍wordpress自带的一个函数wp_list_cats。

wp_list_cats()是Wordpress自带的一个函数，功能灰常彪悍，各个自设选项列如下：

1.sort_column：ID 或 name，预设为ID，设定依 ID 值或分类名称排序。

2.sort_order：asc 或 desc，预设为递增 asc，设定排序递增或递减。

3.list：0 或 1，预设为以清单方式显示：1，设定是否以清单方式显示，将会在分类上加上

<li>标签。

4.optiondates：0或1，预设为不显示：0。设定是否显示每个分类下最新发表文章的发表日期。

5.optioncount：0或1，预设为不显示：0。设定是否显示分类所拥有的文章计数。

6.hide_empty：0 或 1，预设为隐藏：1。设定是否隐藏无文章的分类。

7.use_desc_for_title：0 或 1，预设为显示成分类说明：1。设定分类连结的title是否显示为分类说明，<a title=”分类说明” href=”…>。

8.children：0 或 1，预设为显示：1。设定是否显示子分类。

9.hierarchical：0 或 1，预设为层级方式显示：1。设定子分类是否以层级方式显示。

10.child_of：分类ID值，无预设值。设定只显示某项分类（ID）的子分类。有设定此项目的话，hide_empty要设为0。

11.exclude：分类ID值，无预设值。设定不要显示的分类ID，可为复数，如 exclude=ID1,ID2,ID3,…。

12.feed：任意字符串，无预设值。设定分类 RSS 的显示文字，如 feed=RSS。如果这个项目有设定的话，分类之後将会显示分类Feed的连结。

13.feed_image：图标地址，无预设值。设定分类 RSS 的图片路径，如feed=images/rss.gif。如果同时有设定 feed_image 与 feed，则将以 feed_image 为主。
例如：

<?php wp_list_cats(‘sort_column=ID&sort_order=asc&optioncount=1&depth=2&hierarchical=0’); ?>

下面介绍如何在侧边栏像本博客一样调用分类目录：

1、首先在主题目录的sidebar.php的合适位置添加如下的函数，当然下面的例子有本博客的div标签和css标签等，各位wp网优可以根据自己的需要添加适合自己模板的CSS代码。

<div id=“categories” class=“col-6 last”>
<div class=“f-s”></div>
<div class=“f-m” >
<h2>
<em>分类</em>
<span>Categories</span>
</h2>
<div id=“side-categories” class=“categories”>
<ul>
<?php wp_list_cats(‘sort_column=ID&sort_order=asc&optioncount=1&depth=2&hierarchical=0’); ?>
</ul>
</div>
</div>
<div class=“f-e”></div>
</div>

如果想要控制侧边栏调用分类目录是在单独的页面、分类目录页面还是在首页，可以用下面条件判断，将上面代码加载下面这个判断语句之间，例如本博客就只在单独的文章页面显示。

最后不要忘记在自己主题目录的style.css中加上适合自己主题的css代码，例如本博客就需要加

#side-categories { position: relative; width: 200px; height: 161px; overflow: hidden; margin: 8px auto 0; }
#side .categories{ line-height: 20px; }
#side-categories ul {display: block; overflow: auto; }
#side-categories li {width: 100px; float: left;}