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

November.06, 2008 (Thursday)

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,你會找到這段語法

1
2
3
4
5
6
7
8
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,在空白的地方自行加上

1
2
3
4
5
6
7
#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不熟的人你想要安裝這份插件,可以再來問我要如何修改
簡單的我應該都可以幫忙解決

■ 文章資訊
人氣: 2,719
分類: wordpress插件
文章標籤: ,
引用網址:

■ FACEBOOKs COMMENT:



■ EVERYBODYs COMMENT:
  • 1♥  (LV.74)

    下載安裝後
    要啟用
    卻說
    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

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

    2008.11.08 23:02
  • 2♥ muki (LV.1158)

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

    2008.11.09 12:34
  • 3♥  (LV.74)

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

    我看到了
    但是點選草苺之後,又會回到原本的圖案
    你那個沒改唷XD
    2008.11.12 21:41
  • 4♥ Marmot (LV.1)

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

    2009.01.21 10:41
  • 5♥ muki (LV.1158)

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

    2009.01.21 10:47
  • 6♥ 卖墨商城 (LV.1)

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

    2009.05.13 17:08
  • 7♥ ccmi (LV.1)

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

    2010.01.22 16:27
  • 8♥ muki (LV.1158)

    @ccmi

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

    2010.01.28 20:23

  • ■ LEAVE YOUR COMMENT:



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