非插件實現(xiàn)wordpress分類兩列顯示

字號:


    一般來說,分類都是側(cè)邊顯示的,如果分類的名稱字符比較少的時候,而且分類比較多,我們會看到一排分類用戶體驗不是太好。我們想是不是可以兩列顯示分類,這樣還飽滿一些。我們可以通過插件實現(xiàn),但是我比較推薦使用非插件實現(xiàn)wp的功能,因為插件裝多了wp耗內(nèi)存非常的厲害。
    首先,我們先確定自己的分類是手工在sidebar.php模板手工添加的,還是通過小工具拖動的。
    如果是手工添加的就好辦了,我們對于定義的id和class屬性自己掌控。比如:
    <h3>網(wǎng)站分類</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>
    然后我們分別給予side-categories和categories定義css
    #side-categories { position: relative; width: 250px; overflow: hidden; margin: 8px auto 0; } 
    #sidebar .categories{ line-height: 20px; } 
    #side-categories ul {display: block; overflow: auto; } 
    #side-categories li {width: 120px; float: left;}
    其次,如果我們是通過小工具拖動實現(xiàn)的,這就需要我們到代碼中看下分類部分的id和class名稱。
    如果,我這邊看到的id=categories-2;class=widget widget_categories然后我就來定義css,如下:
    #categories-2 { position: relative; width: 245px; overflow: hidden; margin: 8px auto 0; } 
    #sidebar widget widget_categories{ line-height: 20px; } 
    #categories-2 ul {display: block; overflow: auto; } 
    #categories-2 li {width: 122px; float: left;}
    看下是不是可以實現(xiàn)分類兩列的效果。