經(jīng)常在網(wǎng)上看到有網(wǎng)友詢問(wèn)如何實(shí)現(xiàn)wordpress的友情鏈接兩列顯示，分類目錄兩列顯示等等。最近收拾主題，也出現(xiàn)了這個(gè)問(wèn)題。單列顯示的話不太美觀，右邊空間浪費(fèi)掉了，而且太長(zhǎng)，如果能實(shí)現(xiàn)兩列甚至三列(視你的側(cè)邊欄或其他地方的具體寬度而定)顯示的話，那樣就完美了。其實(shí)分類目錄和友情鏈接雙列顯示的做法差不多。因?yàn)槲业牟┛陀亚殒溄釉趦?nèi)頁(yè)顯示了，所以就以分類目錄為例子吧。

首先在需要顯示分類目錄的地方(本博客是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的類目。有時(shí)候有些分類目錄不希望讓別人看到，那么就可以使用這個(gè)隱藏。ID在后臺(tái)分類目錄中把鼠標(biāo)放到相應(yīng)的分類名稱上就可以顯示了。

然后就是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;}

然后即可實(shí)現(xiàn)分類目錄雙列顯示。也可自行設(shè)計(jì)css部分，以實(shí)現(xiàn)更多功能。

更多信息請(qǐng)查看IT技術(shù)專欄