经常在网上看到有网友询问如何实现WordPress个人博客的友情链接两列显示，分类目录两列显示等等。最近收拾主题，也出现了这个问题。单列显示的话不太美观，右边空间浪费掉了，而且太长，如果能实现两列甚至三列(视你的侧边栏或其他地方的具体宽度而定)显示的话，那样就完美了。其实分类目录和友情链接双列显示的做法差不多。因为我的博客友情链接在内页显示了，所以就以分类目录为例子吧。

首先在需要显示分类目录的地方(良家佐言WordPress博客​是sidebar里显示)sidebar.php中添加以下代码：

1. <h3>分类目录</h3>   
2. <div id="side-categories"class="categories">   
3. <ul>   
4. <?php wp_list_cats('sort_column=ID&sort_order=asc&optioncount=1&depth=2&hierarchical=0&exclude=1');?>   
5. </ul>   
6. </div> 

exclude=1部分是隐藏分类ID为1的类目。有时候有些分类目录不希望让别人看到，那么就可以使用这个隐藏。ID在后台分类目录中把鼠标放到相应的分类名称上就可以显示了。

然后就是css部分。在主题下的style.css文件中添加以下代码(本站的显示方式)：

1. #side-categories{position:relative;width:200px;overflow:hidden;margin:8px auto 0;} 
2.  
3. #side.categories{line-height:20px;} 
4.  
5. #side-categories ul{display:block;overflow:auto;} 
6.  
7. #side-categories li{width:100px;float:left;} 

然后即可实现分类目录双列显示。也可自行设计css部分，以实现更多功能。

Tags: WordPress 双列显示

分享到：