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號-1
派对之夜APP 出名的手机棋牌游戏大厅 河北快3和值遗漏 全民福州麻将下载 平安黄金定投赚钱吗 福彩3d字谜图谜总汇 lede赚钱 巴黎人娱乐 欢迎光临 海口彩票网海南彩票论坛 顶呱刮黑旋风中奖图片 e球彩任二最划算 抖音视频平台怎么赚钱 足彩进球彩霸主四场 易发棋牌 世界杯竞彩足球赚钱吗 山西快乐10分前三走势图带连线 大乐透开奖