午夜国产狂喷潮在线观看|国产AⅤ精品一区二区久久|中文字幕AV中文字幕|国产看片高清在线

    非插件實現(xiàn)wordpress分類兩列顯示
    來源:易賢網(wǎng) 閱讀:1026 次 日期:2016-06-15 16:11:16
    溫馨提示:易賢網(wǎng)小編為您整理了“非插件實現(xiàn)wordpress分類兩列顯示”,方便廣大網(wǎng)友查閱!

    一般來說,分類都是側(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)分類兩列的效果。

    更多信息請查看CMS教程
    易賢網(wǎng)手機網(wǎng)站地址:非插件實現(xiàn)wordpress分類兩列顯示
    由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇剩?/div>
    相關(guān)閱讀CMS教程

    2025國考·省考課程試聽報名

    • 報班類型
    • 姓名
    • 手機號
    • 驗證碼
    關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
    工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務(wù)許可證:(云)人服證字(2023)第0102001523號
    聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關(guān)注公眾號:hfpxwx
    咨詢QQ:1093837350(9:00—18:00)版權(quán)所有:易賢網(wǎng)