• 
    
  • <ul id="oymwc"></ul>
  • <strike id="oymwc"><input id="oymwc"></input></strike>
    <ul id="oymwc"><sup id="oymwc"></sup></ul>
  • logo
    當前位置:首 頁 > 資源分享 >WP技巧 > 查看文章

    介紹側邊欄調用分類目錄之前,先介紹wordpress自帶的一個函數wp_list_cats。

    wp_list_cats()是Wordpress自帶的一個函數,功能灰常彪悍,各個自設選項列如下:

    1.sort_columnID 或 name,預設為ID,設定依 ID 值或分類名稱排序。

    2.sort_orderasc 或 desc,預設為遞增 asc,設定排序遞增或遞減。

    3.list0 或 1,預設為以清單方式顯示:1,設定是否以清單方式顯示,將會在分類上加上

    <li>標簽。

    4.optiondates0或1,預設為不顯示:0。設定是否顯示每個分類下最新發表文章的發表日期。

    5.optioncount0或1,預設為不顯示:0。設定是否顯示分類所擁有的文章計數。

    6.hide_empty0 或 1,預設為隱藏:1。設定是否隱藏無文章的分類。

    7.use_desc_for_title0 或 1,預設為顯示成分類說明:1。設定分類連結的title是否顯示為分類說明,<a title=”分類說明” href=”…>。

    8.children0 或 1,預設為顯示:1。設定是否顯示子分類。

    9.hierarchical0 或 1,預設為層級方式顯示:1。設定子分類是否以層級方式顯示。

    10.child_of分類ID值,無預設值。設定只顯示某項分類(ID)的子分類。有設定此項目的話,hide_empty要設為0。

    11.exclude分類ID值,無預設值。設定不要顯示的分類ID,可為復數,如 exclude=ID1,ID2,ID3,…。

    12.feed任意字符串,無預設值。設定分類 RSS 的顯示文字,如 feed=RSS。如果這個項目有設定的話,分類之後將會顯示分類Feed的連結。

    13.feed_image圖標地址,無預設值。設定分類 RSS 的圖片路徑,如feed=images/rss.gif。如果同時有設定 feed_image 與 feed,則將以 feed_image 為主。
    例如:

    1. <?php?wp_list_cats(‘sort_column=ID&sort_order=asc&optioncount=1&depth=2&hierarchical=0’);??>??

    下面介紹如何在側邊欄像本博客一樣調用分類目錄:

    1、首先在主題目錄的sidebar.php的合適位置添加如下的函數,當然下面的例子有本博客的div標簽和css標簽等,各位wp網優可以根據自己的需要添加適合自己模板的CSS代碼。

     

    1. <div?id=“categories”?class=“col-6?last”> ??
    2. ????<div?class=“f-s”></div> ??
    3. ????<div?class=“f-m”?> ??
    4. ????????<h2> ??
    5. ????????????<em>分類</em> ??
    6. ????????????<span>Categories</span> ??
    7. ????????</h2> ??
    8. ????????<div?id=“side-categories”?class=“categories”> ??
    9. ????????<ul> ??
    10. ????????????<?php?wp_list_cats(‘sort_column=ID&sort_order=asc&optioncount=1&depth=2&hierarchical=0’);??> ??
    11. ????????</ul> ??
    12. ????????</div> ??
    13. ????</div> ??
    14. ????<div?class=“f-e”></div> ??
    15. </div>??

    如果想要控制側邊欄調用分類目錄是在單獨的頁面、分類目錄頁面還是在首頁,可以用下面條件判斷,將上面代碼加載下面這個判斷語句之間,例如本博客就只在單獨的文章頁面顯示。

    1. <?php ??
    2. ????wp_reset_query(); ??
    3. ????if?(!is_home()?&&?!is_category())?: ??
    4. ?> ??
    5. <!–上面調用代碼–> ??
    6. <?php?endif;??>??

    最后不要忘記在自己主題目錄的style.css中加上適合自己主題的css代碼,例如本博客就需要加

    1. #side-categories?{?position:?relative;?width:?200px;?height:?161px;?overflow:?hidden;?margin:?8px?auto?0;?} ??
    2. #side?.categories{?line-height:?20px;?} ??
    3. #side-categories?ul?{display:?block;?overflow:?auto;?} ??
    4. #side-categories?li?{width:?100px;?float:?left;}??

    差不多就是這些了,其他的就是根據自己博客主題調整和修改了。

    清霄憑欄語凝噎,音灑陋屋思翩躚。

    —— 清音陋屋

    清音陋屋
    你可能也喜歡Related Posts
    眾說紛紜Comments
    大眼 可愛 大笑 壞笑 害羞 發怒 折磨 快哭了 大哭 白眼 暈 流汗 困 靦腆 驚訝 憨笑 色 得意 骷髏 囧 睡覺 眨眼 親親 疑問 閉嘴 難過 淡定 抗議 鄙視 豬頭
    小提示:直接粘貼圖片到輸入框試試
    努力發送中...
    評論加載中……
    1. 1 樓 必須滴

      感謝分享 :lol:

      2012年08月28日 11:07:08 回復 取消回復
    2. 2 樓 哥特復興

      :grin: 不錯的小站

      2012年08月30日 02:39:33 回復 取消回復
    • 推薦文章
    • 最多評論
    • 最熱文章
    • 最新評論
    footer logo
    本站提供音樂僅供試聽交流,請勿用于任何商業用途!如果本站發布信息侵犯到您的權益,請留言指出,本站將及時刪除相關信息。
    Copyright ? 52QingYin.CN   Theme by QQOQ   蜀ICP備11021737號-3
    主站蜘蛛池模板: 国内精品久久久久| 91精品国产91久久久久久青草| 91精品欧美综合在线观看| 亚洲国产精品国自产拍电影| 无码人妻精品一区二区三区久久久 | 中文字幕精品无码久久久久久3D日动漫| 国产三级精品三级在线专区1 | 久久综合国产乱子伦精品免费| 国产成人精品怡红院在线观看| 国产精品区免费视频| 亚洲欧美国产精品专区久久| 国产精品久久久天天影视香蕉| 国产成人精品免费视频大全麻豆| 亚洲中文久久精品无码ww16 | 精品无码人妻久久久久久| 视频二区国产精品职场同事| 国产日韩精品中文字无码 | 国产精品 羞羞答答在线| 国产精品日本欧美一区二区| 久久发布国产伦子伦精品| 亚洲爆乳无码精品AAA片蜜桃| 成人精品一区二区久久久| 精品国产网红福利在线观看| 精品性影院一区二区三区内射| 亚洲精品成人无码中文毛片不卡| 合区精品久久久中文字幕一区 | 99久久精品国产一区二区| 久久精品国产影库免费看| 国产精品久久久久久影院 | 亚洲中文字幕久久精品无码喷水| 亚洲精品国产高清嫩草影院| 久久精品中文字幕一区| 久久精品国产清自在天天线| 精品一久久香蕉国产线看播放| 国模精品一区二区三区| 国产在线精品福利大全| 国产麻豆精品入口在线观看| 国产精品自在在线午夜福利| 精品国产高清在线拍| 蜜臀AV无码国产精品色午夜麻豆| 欧美精品黑人粗大欧|