dTree プラグイン for WordPress v0.2
先日公開した、WordPress の「dTree プラグイン」をバージョンアップしました。
バージョンアップ内容は次の通りです。
- dTreeスクリプトの同梱(著作権表示)
- プラグインのオプション画面よりコンフィグレーションが可能
- 定義リストのマークアップに(多分)対応
プラグインのダウンロードは「dTree プラグイン for WordPress」よりお願い致します。
バージョンアップしたプラグインをアップロード・有効化すると下記のリンクが表示されるのでクリック。

クリックすると下記のオプション画面が表示されます(日本語化はしていません)。

各オプションの意味は次の通りです。
| オプション | 意味 | デフォルト |
|---|---|---|
| Use Icons. | アイコン使用 | false |
| Use Cookies. | クッキーによる折りたたみ状態保持 | true |
| Use Lines. | ツリー画像表示 | ture |
| Use Selection. | 選択されたカテゴリー名を反転 | false |
| Use StatusText. | ステータスバーにカテゴリー名表示(IE) | false |
また、定義リストによるマークアップは、下記であれば動作するようにしました。
<dt>Categories</dt>
<dd>
<ul>
<?php wp_list_cats('sort_column=name&optioncount=1&hide_empty=0'); ?>
</ul>
</dd>
また、定義リストによるマークアップに適用する場合は、dtreehandler.js の末尾の部分
function dtreeMaker(searchName) {
var idName = searchName.replace(' ','');
idName = 'dtree_' + idName;
addTagForTree(searchName, idName);
// addTagForTree2(searchName, idName);
}
を
function dtreeMaker(searchName) {
var idName = searchName.replace(' ','');
idName = 'dtree_' + idName;
// addTagForTree(searchName, idName);
addTagForTree2(searchName, idName);
}
に修正してください。
定義リストによるマークアップの wp.vicuna であれば下記のようになります。

dTree プラグイン for WordPress
dTree というエクスプローラー風のツリー表示スクリプトを利用した、WordPress のサブカテゴリーリストのツリー化プラグインをご紹介します。WordPress ではすでに WordPress-dTree というプラグインが有名ですが、本プラグインは dTree をハンドリングする方式です。
表示は左のスクリーンショットのようになり、「+」「-」をクリックするとツリーを開閉することができます。また、カテゴリー名をクリックすると該当のカテゴリーページにジャンプします。
色々とやりたいことはあるのですが、とりあえず最低限の動作だけできるようにしたα版という位置づけでお試しください。
動作についてはサンプルをご利用ください(Movable Type のサンプルですが)。
以下、カスタマイズ方法です。
1.プラグインのダウンロード
下記のリンクより dTreeHandler プラグインをダウンロード。
2007.07.13 v0.1 初版 2007.07.16 v0.2 dTree を同梱。オプション画面追加。定義リストのマークアップに対応 2007.09.11 v0.3 リストタイトル・定義リストのマークアップ対応を管理画面で制御。定義リストのマークアップで正常に表示されない不具合修正。 2007.10.10 v0.4 クッキーによる折りたたみ状態を保持しない場合の折りたたみ初期状態を設定可能
解凍した中にある dtreehandler フォルダを plugins ディレクトリにアップロード。
2.プラグイン設定
WordPress の管理画面より「dTree Handler」を有効にしてください。

これでサブカテゴリーにツリーが表示されればOKです。
3.コンフィグレーション
プラグインを有効化すると下記のリンクが表示されるのでクリック。

クリックすると下記のオプション画面が表示されます(日本語化はしていません)。

各オプションの意味は次の通りです。
| オプション | 意味 | デフォルト |
|---|---|---|
| Use Icons. | アイコン使用 | false |
| Use Cookies. | クッキーによる折りたたみ状態保持 | true |
| Fold Status is open. | ツリーを常に開いた状態にする場合にチェック(クッキーによる状態保持を無効にしている場合のみチェックボックスを表示) | false |
| Use Lines. | ツリー画像表示 | ture |
| Use Selection. | 選択されたカテゴリー名を反転 | false |
| Use StatusText. | ステータスバーにカテゴリー名表示(IE) | false |
| Use dl-dt-dd element at sidebar. | サイドバーのマークアップに定義リストが用いられている場合にチェック | false |
| Title of category list. | カテゴリーリストのタイトル | Categories |
4.注意事項
デフォルトでは、テンプレートタグが「h2 + 順不同リスト」になっている場合に動作します。また h2要素の内容は "Categories" です。
<li><h2>Categories</h2>
<ul>
<?php wp_list_cats('sort_column=name&optioncount=1&hide_empty=0'); ?>
</ul>
</li>
定義リストによるマークアップについては、下記の構造であれば動作するように改修致しました。
<dt>Categories</dt>
<dd>
<ul>
<?php wp_list_cats('sort_column=name&optioncount=1&hide_empty=0'); ?>
</ul>
</dd>
5.既知の問題
- カテゴリー数は表示されません
- 記事が0件のカテゴリーもリンクが設定されます
2007.07.16
0.2 をリリース、それに併せて内容を更新しました。
2007.09.11
0.3 をリリース、それに併せて内容を更新しました。
2007.10.09
冗長な記述を削除しました。

