經(jīng)常在網(wǎng)上看到有網(wǎng)友詢問如何實現(xiàn)wordpress的友情鏈接兩列顯示，分類目錄兩列顯示等等。最近收拾主題，也出現(xiàn)了這個問題。單列顯示的話不太美觀，右邊空間浪費掉了，而且太長，如果能實現(xiàn)兩列甚至三列(視你的側邊欄或其他地方的具體寬度而定)顯示的話，那樣就完美了。其實分類目錄和友情鏈接雙列顯示的做法差不多。因為我的博客友情鏈接在內(nèi)頁顯示了，所以就以分類目錄為例子吧。
首先在需要顯示分類目錄的地方(本博客是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;}
然后即可實現(xiàn)分類目錄雙列顯示。也可自行設計css部分，以實現(xiàn)更多功能。
更多信息請查看IT技術專欄
公眾號
事業(yè)單位
當前位置：
公考類
招聘類
各類考試