如何實現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部分,以實現更多功能。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章