WP-dTree – 樹枝狀目錄

二月 9, 2007

無意間發現這個好用的 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 – 隱藏空白目錄

廣告

16 Responses to “WP-dTree – 樹枝狀目錄”

  1. kovis Says:

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

  2. 白云山 Says:

    先收藏了,以后用得上

  3. Carrie Says:

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

  4. Ed Says:

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

  5. Ed Says:

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

  6. Carrie Says:

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

  7. Ed Says:

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

  8. Carrie Says:

    呵呵:)

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

  9. Ed Says:

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

  10. Carrie Says:

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

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

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

  11. Ed Says:

    修改後台的 Characters to display

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

  12. Carrie Says:

    還是ED厲害XD

    OK囉:)

  13. Ed Says:

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

  14. Carrie Says:

    所以多謝ED的分享啊:)

  15. heywilly Says:

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

  16. Eduardo Says:

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


發表迴響

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s

%d 位部落客按了讚: