小粋空間  -  a cheap joke and a play on words site

dTree プラグイン for WordPress

dTree というエクスプローラー風のツリー表示スクリプトを利用した、WordPress のサブカテゴリーリストのツリー化プラグインをご紹介します。WordPress ではすでに WordPress-dTree というプラグインが有名ですが、本プラグインは dTree をハンドリングする方式です。

表示は下のスクリーンショットのようになり、「+」「-」をクリックするとツリーを開閉することができます。また、カテゴリー名をクリックすると該当のカテゴリーページにジャンプします。

色々とやりたいことはあるのですが、とりあえず最低限の動作だけできるようにしたα版という位置づけでお試しください。

動作についてはサンプルをご利用ください（Movable Type のサンプルですが）。

以下、カスタマイズ方法です。

１．プラグインのダウンロード

下記のリンクより dTreeHandler プラグインをダウンロード。

2007.07.13 v0.1 初版
2007.07.16 v0.2 dTree を同梱。オプション画面追加。定義リストのマークアップに対応
2007.09.11 v0.3 リストタイトル・定義リストのマークアップ対応を管理画面で制御。定義リストのマークアップで正常に表示されない不具合修正。
2007.10.10 v0.4 クッキーによる折りたたみ状態を保持しない場合の折りたたみ初期状態を設定可能

dTreeHandler.zip

プラグイン開発やサポート等にご支援・ご賛同くださる方からの寄付をお待ち申し上げます。下記の「寄付」のリンクをクリックすると Paypal によるお支払いページにジャンプします。

解凍した中にある dtreehandler フォルダを plugins ディレクトリにアップロード。

２．プラグイン設定

WordPress の管理画面より「dTree Handler」を有効にしてください。

これでサブカテゴリーにツリーが表示されればOKです。

３．コンフィグレーション

プラグインを有効化すると下記のリンクが表示されるのでクリック。

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

各オプションの意味は次の通りです。

オプション	意味	デフォルト
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

４．注意事項

デフォルトでは、テンプレートタグが「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>

５．既知の問題

• カテゴリー数は表示されません
• 記事が0件のカテゴリーもリンクが設定されます

2007.07.16
0.2 をリリース、それに併せて内容を更新しました。

2007.09.11
0.3 をリリース、それに併せて内容を更新しました。

2007.10.09
冗長な記述を削除しました。