A-A+
侧边栏分类目录双列显示
部分童鞋喜欢在侧边栏显示网站的分类目录,但由于显示效果是单列呈现,即不美观又浪费网站右边的空间,本节WordPress建站教程为大家分享如何把分类目录呈现两列显示。
1、打开sidebar.php,在你想要添加分类目录的位置添加一个内容框
<h3>分类目录h3>
<div id="side-categories" class="categories">
<ul>
php wp_list_cats('sort_column=ID&sort_order=asc&optioncount=1&depth=2&hierarchical=0&exclude=1'); ?>
ul>
div>
其中,exclude=1部分是隐藏分类ID为1的类目。因为有时候某些分类目录没必要显示出来可以使用此ID法,关于分类目录的ID可以在后台分类目录中把鼠标放到相应的分类名称上左下角就有显示出来。
2、主题下的style.css文件中添加以下CSS代码即可
#side-categories { position: relative; width: 200px; 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;}