想找資料嗎?到這看看也許會有收穫喔。
‧wordpress: 佈景主題 / 插件介紹 #
‧網站教學 : css新手必看 / css筆記 / seo
‧電影片單 : 驚悚 / 懸疑 / 靈異 / 動作 / 文藝 / 劇情 / 喜劇 / 紀錄 / 科幻 / 史詩 / 戰爭 / 動畫
2008/11/06

插件 | 讓wp分類有樹狀展開的效果


res1 20090121更新:
經由原作者告知,應該是自己的佈景主題本身有設定了其他分類的css,導致排版亂掉。所以有碰到這類問題的朋友,可以從這個地方著手。

res1 20090119更新:
有朋友使用此插件之後,發現類別的分類位子會錯亂,而原作者好像已經停止開發了,所以大家可能就斟酌自己的情況再看要不要下載使用吧!!

wordpress的分類功能,雖然可以讓大家設定階層式,
但是有時候分類一多,就像我家網誌一樣,難免會拖的落落長
像我自己是從pixnet搬家過來,pixnet的網誌就可以設定是否收疊,對我來說比較習慣。

其實早在wordpress還是2.3版的時候,就有人為了wp量身訂做樹狀展開的效果
以下是效果圖

現在就來把這個插件介紹給大家吧:)

插件下載:
1.原作者網站下載
2.Wordpress中文論壇
下載之後,打開readme.txt有插件作者的解說,此為簡體中文,大家可以先改編碼之後再來讀取!!

這邊也簡單說明一下
1.解壓縮之後,將wp-collapsible-cats資料夾上傳至plugins底下
2.啟動插件
3.如果你自己已經有寫調用分類的函數,像是wp_list_cats(),就直接把wp_list_casts改成Collapsible_list_cats即可。
(裡頭的參數不用變更,因為大部分的參數wp-collapsible-cats都支援)
4.如果你都慣用wordpress的模組,那就直接把他拖拉出來即可。
【雖然插件標明只支援2.3版本,但是目前2.7 beta1測試後可用唷】

€ 進階修改

1.預設的格式 [ ] 我並不喜愛,那要怎麼調成自己喜愛的樣子呢?
要修改的人,請打開wp-collapsible-cats.php,搜尋$cate->count,你會找到這段語法

if ($r['show_count'] == 1){
			if ($r['sum'] == 1 && $sum > 0){
				$sum = $sum + $cate->count;
				$catTree .= " [".$sum."]";
			}else{
				$catTree .= " [".$cate->count."]";
			}
		}

請把 [".$sum."] 以及 [".$cate->count."] 的外框 [ ] ,改成你想要的樣式即可。
像我是改成(),所以我的變成 (".$sum.")(".$cate->count.")

2.我想把父分類的文章數目(0)給去掉
請打開你的wp-collapsible-cats.css,在空白的地方自行加上

#cateTree .parent, #cateTree .parent_first,#cateTree .parent_last {
color: #fff;
}

.parent_first_s , .parent_s , .parent_last_s {
color: #fff;
}

3.啟用之後圖片全部錯位了
也許有的人不會碰到,但是我碰到了這個問題,所以還是寫出來給大家參考
打開wp-collapsible-cats.css,搜尋#cateTree .empty_img{

margin-right
margin-top

的px數作微調
還有像是#cateTree .last_cate 、 #cateTree .branch_item 這幾個的px數也可以進行微調再看效果如何

如果對css不熟的人你想要安裝這份插件,可以再來問我要如何修改
簡單的我應該都可以幫忙解決

Related Posts with Thumbnails
人氣:2,299    
  • 引用網址:
  • 文章標籤:,
  • 上篇文章:
  • 下篇文章:

    1. comments(8)
    2. #1
      //LV.72
      2008/11/08

      下載安裝後
      要啟用
      卻說
      Parse error: syntax error, unexpected T_STRING in /home/yujin/public_html/wordpress/wp-content/plugins/wp-collapsible-cats/wp-collapsible-cats.php on line 61

      >____<""""卡ㄟ安捏??

    3. muki
      #2
      muki//LV.948
      2008/11/09

      @ 妤
      那我把我自已的php傳給你,你看能不能用QQ

    4. #3
      //LV.72
      2008/11/12

      感謝妳~~已經ok啦
      我也給它改圖案~~改草莓XDDDD"

      我看到了
      但是點選草苺之後,又會回到原本的圖案
      你那個沒改唷XD
    5. Marmot
      #4
      Marmot//LV.1
      2009/01/21

      之所以会错位,是和主题的 CSS 有关,可能被主题的 CSS 优先设置了一些东西。呵呵。

    6. muki
      #5
      muki//LV.948
      2009/01/21

      @Marmot:
      原來如此@@
      所以主題css不應該做設置!!?

    7. 卖墨商城
      #6
      2009/05/13

      2.71有问题,不能默认展开,而且少了个div结束标志,导致变形。

    8. ccmi
      #7
      ccmi//LV.1
      2010/01/22

      您上面的下載連結早就不能用了,最新找到的在這個網頁上,images目錄下圖示無法下載,
      http://code.google.com/p/wpcn/source/browse/trunk/WordPress.Plugins/wp-collapsible-cats/?r=170#wp-collapsible-cats
      安裝了,也照您的作法做了,缺圖示畫面有些亂,伸縮功能也不能用,可以把您的檔案分享一下嗎?謝謝

    9. muki
      #8
      muki//LV.948
      2010/01/28

      @ccmi

      很抱歉唷,這支外掛的作者好像已經不再維護開發了
      所以會產生問題也是因為這個原因。
      我建議你換其他外掛代替囉

    comments(8)



    :wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!: