無意間發現這個好用的 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 – 隱藏空白目錄
20 comments
版主您好 因為我是程式碼的門外漢 您說的適當位置插入指定的語法..
但是我還是不知道貼在哪裡..怕把檔案破壞..能不能請版主 解惑一下 在此感謝!!
這應該不行吧,印象中有js可以做出這樣的效果
要去網路上找找
請問
一般的部落格可以應用這種樹枝狀目錄ㄇ?
(也就是只能用HTML語法)
目前是下拉式選單,wordpress widgets 內建的功能。
請問一下你的選單式分類是何種plugin?
看起來滿讚的
所以多謝ED的分享啊:)
沒有啦,我也是從失敗中學到的 @_@
還是ED厲害XD
OK囉:)
修改後台的 Characters to display
它是顯示字串的長度,一個中文字要兩個字元
所以要顯示八個中文字就要改成 16
以此類推 ^_^ 應該可以解決這問題
對…我不要那個顯示篇數,如果會產生亂碼的話:P
就是…你有看到我使用wp-dtree的部份吧?就是顯示出來亂碼的部份啊!不過我後來看,好像不是編碼的問題,因為我所有的檔案都是採用UTF-8編碼的,所以我也不清楚是哪裏出了問題,搞不好是我自己電腦裏沒有那個字型、而你的電腦有,所以我看起來會有亂碼、但你看起來卻覺得很正常吧:P
不知道是否這個原因,你看我的wp-dtree顯示出來的部份是正常的嗎?都沒有亂碼嗎?如果你看很正常,那就是我的電腦裏缺了什麼字型或什麼的了…唉,煩惱耶!我都不知道缺了什麼啊~
你是要變成這樣? 目錄名稱(6) ?? 這種模式? 是WP-dTree ?
呵呵:)
另有一個問題,就是…要如何不顯示文章篇數?因為我發現若分類和目錄顯示篇數,就會變成亂碼呀>_
阿 打太快少打一個字了 >_< 解決就好 呵呵~~
嗯…ED,應該是不打勾吧…因為我之前就有打勾,但聽了你的建議,我反向操作之後(不打勾)就不會顯示展開收起的功能了。Display是顯示、陳列之意,查了翻譯才了解:P
Display Open/Close links 這個選項打勾 就可以不顯示展開與收起的功能
To Carrie, 妳是要跟我的方式一樣嗎?
那如果我不要顯示『展開目錄』與『收起目錄』該改哪個檔案呢?語法是什麼?
先收藏了,以后用得上
這外掛蠻不錯的…
這陣子正好想整理一下分類…
等分類多到我開始覺得需要樹狀目錄的時候來裝好了~~