經常在網上看到有網友詢問如何實現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部分,以實現更多功能。
新聞熱點
疑難解答
圖片精選