MUKI space*

還記得之前我介紹過一款由內地朋友所開發的插件：讓wp分類有樹狀展開的效果，可惜在今年初發現他對於wp2.7的支援度有些問題，就是在展開分類的時候會有嚴重的錯位情況。雖然原作者特地來此留言告知可能是佈景的css跟插件衝突，但是我自己將css移除測試發現問題還是一樣未解決。

因為我的分類亟需用到這種樹狀展開的技術，所以又花了一些時間去搜尋其他插件，終於讓我找到了一款更好用、更方便的樹狀分類：WP-dTree

WP-dTree：功能強大的樹狀分類

插件名稱：WP-dTree
插件介紹：此插件功能非常強大，他除了支援樹狀分類外，也同時包含Archives(文章歸檔)、Page(分頁)、Links(連結)的樹狀展開，你可以依照自己的需求選擇使用。
插件下載：WP-dTree 3.5
安裝說明：
1.將檔案解壓縮，並且將整個目錄上傳到 wp-content/plugins/ 底下
2.到後台啟用WP-dTree
3.接著打開你的佈景主題檔案，在適當的位置(例如側邊欄檔案 sidebar.php)，插入以下語法：

archives

<?php wp_dtree_get_archives(); ?>

category

<?php wp_dtree_get_categories(); ?>

page

<?php wp_dtree_get_pages(); ?>

links

<?php wp_dtree_get_links(); ?>0

4.WP-dTree他所有的參數設置都在後台做設定，所以我們進入後台點選WP-dTree來調整插件設定吧。

進入後台會發現這邊總共有四大項設置：

4-1.WP-dTree Settings:

這裡是主要的設定區塊，我們可以針對歸檔、分類、分頁、連結做個人化設定。
Disable tree：將此插件功能整個移除，不過作者建議我們不要使用他。如果你不想讓此功能出現，在php裡不要打上語法即可。
Top node name：這邊請輸入插件的標題，如果你希望標題空白請在裡頭打上一個「空白鍵」，因為他整個留白會出現很微妙的情況。
Characters to display：每篇文章要顯示多少個字元
Exclude IDs：不要顯現那些id編號，如果有多個id就用「,」做分隔。
Force open to：強制開啟哪些文章。一開始樹狀都是處於收起來的狀況，你可以在這邊做設定選擇要先開啟哪一個樹狀。這邊同樣是用id編號做設定，或者可以用它的url設定，希望一開始就全部展開請填上all
Sort by：四個設定分別可以選擇不同的排序方式。Descending表示新的在前面，Acsending則是舊的在前面，所以這邊我們可以發現預設是Archives(文章歸檔)排序為Descending。
Show Open-/Close all：設定是否要顯示「open all」以及「close all」的選項(文字可以做調整)
Draw lines：是否要有樹狀的那條線
Display icons：樹狀選單前面是否要顯示icon
Close same levels：以archives為例子，假設你現在開了9月的歸檔，接著開啟10月的歸檔，此時可以選擇是否要關閉9月的歸檔或者是繼續顯示。
Folders are links：點選選單前面的「+」圖示才會開啟以下的樹狀，如果點選選單連結則是連到該網址。
Open to selection：當你選擇了某一選單做閱讀，是否要展開底下的所有樹狀
Highlight selection：是否要針對你所選擇的選單做一些特效(在4-3.CSS Properties可做設定)
List posts：每個分類開到最後是否要顯示所有的文章標題
Show postcount：顯示發表的文章數目
Misc：Archives可以設定要用月份還是年份做區隔，Categories則是設定是否要隱藏空目錄
open all / close all：這邊的文字方塊就是讓你修改open all 以及 close all的文字說明

4-2.Scriptaculous Effects

此效果是在切換樹狀時候的選單效果，後面的「Duration (sec)」則是延遲時間(秒)，效果總共有5種，大家可以都玩玩看，在不影響讀取速度的情況下，我是推薦Slide(滑動效果)以及Appear(漸進效果)。

特別要注意的是，如果你的佈景有使用jQuery可能會跟此效果衝突，假設啟用任一效果你的jQuery失效，那請斟酌看要選擇哪一個。如果不希望jQuery失效，請將樹狀選單效果選為「none」

4-3.CSS Properties

此區可以針對樹狀的選單做詳細的css設定
Font size：選單的文字大小，單位為px(像素)
Normal font colour：沒有連結時的字體顏色，效果顯示在標題上
Font family：選單字型，如果設置多個字型請用「,」分隔
Link font colour：連結的字型顏色，可以不用加入「#」符號。
Link font decoration：連結的底線樣式，none(不要任何樣式).underline(加底線).overline(加頂線).line-through(加刪除線).blink(閃爍效果)
Mouse over font colour：滑鼠移過連結時的字型顏色
Mouse over decoration：滑鼠移過連結時的底線樣式，none(不要任何樣式).underline(加底線).overline(加頂線).line-through(加刪除線).blink(閃爍效果)
Selected node decoration：假設你在4-1.WP-dTree Settings有將highlight selection勾選，可以在這邊做他的特效設定。underline(加底線).overline(加頂線).line-through(加刪除線).blink(閃爍效果)

4-4.Widget preview

可以先在這個地方觀看你設定後的效果預覽。
Enable widget preview：是否要顯示預覽

小結

如果大家要看實際的範例，可以看我側邊欄的「文章分類」以及「網誌歸檔」

也希望大家不要看到解說文字很多就退卻不想使用，其實設定起來非常的簡單輕鬆，只要你很清楚自己想要哪種效果，大概不到1分鍾就可以設定完成囉!!!