WP-dTree – 樹枝狀目錄

無意間發現這個好用的 plugin,最近在設計新的 Theme 發現用 CSS 寫樹枝狀的分類目錄也是要花點時間來設計,剛好這個 WP-dTree 非常方便的可以產生這樣的效果,該效果就是本站的 Category 的模式。

該 plugin 提供後台設定各項顯示,像是標題的顯示、字數的限制、CSS的設定等等,當然也可以安裝另一個 plugin 來輔助呈現更好的效果。

首先請先到 http://www.silpstream.com/blog/wp-dtree/ 下載 WP-dTree 最新版本為 2.2 版

1. 解壓縮到 wp-content/plugin 底下

2. 到後台啟動 WP-dTree 外掛

3. 呈現樹枝狀目錄的方法,修改 sidebar.php 或者其他檔案

Displaying archives: 顯示文章



Displaying categories: 顯示目錄




Displaying pages: 顯示頁面



4. 再到後台 外觀 -> WP-dTree 做進一步的設定

目前沒有中文化的內容,所以要自己研究囉。

等有空再來翻譯好了 @_@

Exclude Category – 省略目錄
Hide empty categories – 隱藏空白目錄

Eduardo

在大台北地區出沒,網路愛好者,平時喜歡逛網站接收最新資訊,WordPress 13年經驗,提供WordPress客製化服務。

您可能也會喜歡…

20 個回應

  1. 薑餅人表示:

    版主您好 因為我是程式碼的門外漢 您說的適當位置插入指定的語法..
    但是我還是不知道貼在哪裡..怕把檔案破壞..能不能請版主 解惑一下 在此感謝!!

  2. Eduardo表示:

    這應該不行吧,印象中有js可以做出這樣的效果

    要去網路上找找

  3. Anita表示:

    請問
    一般的部落格可以應用這種樹枝狀目錄ㄇ?
    (也就是只能用HTML語法)

  4. Eduardo表示:

    目前是下拉式選單,wordpress widgets 內建的功能。

  5. heywilly表示:

    請問一下你的選單式分類是何種plugin?
    看起來滿讚的

  6. Carrie表示:

    所以多謝ED的分享啊:)

  7. Ed表示:

    沒有啦,我也是從失敗中學到的 @_@

  8. Carrie表示:

    還是ED厲害XD

    OK囉:)

  9. Ed表示:

    修改後台的 Characters to display

    它是顯示字串的長度,一個中文字要兩個字元
    所以要顯示八個中文字就要改成 16
    以此類推 ^_^ 應該可以解決這問題

  10. Carrie表示:

    對…我不要那個顯示篇數,如果會產生亂碼的話:P

    就是…你有看到我使用wp-dtree的部份吧?就是顯示出來亂碼的部份啊!不過我後來看,好像不是編碼的問題,因為我所有的檔案都是採用UTF-8編碼的,所以我也不清楚是哪裏出了問題,搞不好是我自己電腦裏沒有那個字型、而你的電腦有,所以我看起來會有亂碼、但你看起來卻覺得很正常吧:P

    不知道是否這個原因,你看我的wp-dtree顯示出來的部份是正常的嗎?都沒有亂碼嗎?如果你看很正常,那就是我的電腦裏缺了什麼字型或什麼的了…唉,煩惱耶!我都不知道缺了什麼啊~

  11. Ed表示:

    你是要變成這樣? 目錄名稱(6) ?? 這種模式? 是WP-dTree ?

  12. Carrie表示:

    呵呵:)

    另有一個問題,就是…要如何不顯示文章篇數?因為我發現若分類和目錄顯示篇數,就會變成亂碼呀>_

  13. Ed表示:

    阿 打太快少打一個字了 >_< 解決就好 呵呵~~

  14. Carrie表示:

    嗯…ED,應該是不打勾吧…因為我之前就有打勾,但聽了你的建議,我反向操作之後(不打勾)就不會顯示展開收起的功能了。Display是顯示、陳列之意,查了翻譯才了解:P

  15. Ed表示:

    Display Open/Close links 這個選項打勾 就可以不顯示展開與收起的功能

  16. Ed表示:

    To Carrie, 妳是要跟我的方式一樣嗎?

  17. Carrie表示:

    那如果我不要顯示『展開目錄』與『收起目錄』該改哪個檔案呢?語法是什麼?

  18. 白云山表示:

    先收藏了,以后用得上

  19. kovis表示:

    這外掛蠻不錯的…
    這陣子正好想整理一下分類…
    等分類多到我開始覺得需要樹狀目錄的時候來裝好了~~

  1. 26 12 月, 2010

    […] WP-dTree – 樹枝狀目錄 […]

發表迴響