[摘要]WordPress分类目次和友情链接单列显示的话不太雅观，右边空间挥霍掉了，并且太长，假如能实现两列甚至三列(视你的侧边栏或其他处所的详细宽度而定)显示的话，那样就完美了。
常常在网上看到有网友询问如何实现wordpress的友情链接两列显示，分类目次两列显示等等。最近收拾主题，也呈现了这个问题。单列显示的话不太雅观，右边空间挥霍掉了，并且太长，假如能实现两列甚至三列(视你的侧边栏或其他处所的详细宽度而定)显示的话，那样就完美了。其实分类目次和友情链接双列显示的做法差不多。因为我的博客友情链接在内页显示了，所以就以分类目次为例子吧。
首先在需要显示分类目次的处所(本博客是sidebar里显示)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在靠山分类目次中把鼠标放到相应的分类名称上就可以显示了。
然后就是css部门。在主题下的style.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;}
然后即可实现分类目次双列显示。也可自行设计css部门，以实现更多成果。
Wordpress下载：
WordPress v3.5.2 简体中文版下载
WordPress v4.4.2 英文版下载
本文转自：
分享到