如何实现wordpress分类目录两列显示?随着现在电脑屏幕越来越大,大家的主题侧边栏也越来越宽,wordpress默认的分类目录单列显示就显得又窄又长,非常不美观,而且占用空间。所以很多实用wordpress的朋友都想让分类目录能够两列显示,既美观又节约空间。那么怎么实现呢?下面楚狂人来和大家分享一下,两段代码实现wordpress分类目录两列显示的办法:
首先在我们在sidebar.php文件中合适的地方添加以下代码:
<div class="widget"h3>分类目录</h3><div id="side-categories"><ul> <?php wp_list_cats('sort_column=ID sort_order=asc optioncount=1 depth=2 hierarchical=0 exclude=1'); ?> </ul> </div></div>
其中exclude=1部分是指隐藏分类ID为9的类目。加入你有些分类目录不希望让别人看到,那么就可以使用这个隐藏。ID在后台分类目录中把鼠标放到相应的分类名称上就可以显示了。asc&optioncount是显示分类下面文章数目的,不需要的话你可以把它删掉,反正我是删掉了的。
然后我再到sytle.css里面定义一下分类目录的格式:
.widget { margin:0px 0px 8px 0px; border:1px solid #e7e7e7; width:280px; padding:10px; text-indent:12px; background:#FFF; }
#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;}
代码是东拼西凑来的,目前是我自己最满意的wordpress分类目录两列显示的状态,以后如有修改会再次更新的,大家也可以在CSS中美化成你自己喜欢的格式。