Movable Typeのツリー表示には、少し見栄えが良い、Windowsエクスプローラ的な表示をさせるプラグインとして、dtreeプラグインがあります（MT3/MT4どちらでも使用可）。なお、これは一時期使用していたときの例として載せておきます。MT4以降では正常に動作しませんでした。
どのように表示されるのか
標準では、メインカテゴリだけが表示されますが、サブカテゴリが設定されている場合は、+マークと黄色のフォルダアイコンが表示されています。
標準では、サブカテゴリはでていませんが、+マークをクリックまたはopen all文字をすると、-アイコンに変わり、サブカテゴリが表示されます。
closs all文字または-マークをクリックすると、+マークに変わり、サブカテゴリが閉じた状態になります。
設定方法
ダウンロードページの右上からダウンロードします。zipファイルで圧縮されているので、アーカイブソフトで解凍します。
dtree.zip
解凍してできたファイルのうち、転送するのは、imgフォルダすべて、dtree.js、dtree.cssとなります（他のファイルは転送不要）。転送前に、dtree.jpファイルを編集します。85行目あたりから115行目あたりの部分です。
|
root : 'http://www.username.com/img/base.gif',
folder : 'http://www.username.com/img/folder.gif',
folderOpen : 'http://www.username.com/img/folderopen.gif',
node : 'http://www.username.com/img/page.gif',
empty : 'http://www.username.com/img/empty.gif',
line : 'http://www.username.com/img/line.gif',
join : 'http://www.username.com/img/join.gif',
joinBottom : 'http://www.username.com/img/joinbottom.gif',
plus : 'http://www.username.com/img/plus.gif',
plusBottom : 'http://www.username.com/img/plusbottom.gif',
minus : 'http://www.username.com/img/minus.gif',
minusBottom : 'http://www.username.com/img/minusbottom.gif',
nlPlus : 'http://www.username.com/img/nolines_plus.gif',
nlMinus : 'http://www.username.com/img/nolines_minus.gif'
|
赤文字で示した部分のうち、http://www.username.comは、MTを設置したURL（相対パスでも問題ないが動かない場合はhttp://?始まる絶対パスで記述する）、/img/はイメージファイルを転送するフォルダ名となります。
編集が終わったら、トップページのindex.htmlと同じフォルダに転送します。
次に、テンプレートモジュールのヘッダを開いて、<head>と</head>の間に以下のタグを埋め込みます（MT3ではすべてのテンプレートに挿入）。
|
<link rel="stylesheet" href="<$MTBlogURL$>dtree.css" type="text/css" />
<script type="text/javascript" src="<$MTBlogURL$>dtree.js"></script>
|
次に、ツリー表示を行うページに以下のタグを埋め込みます。MT4ではサイドバーテンプレートに取り付けます。
|
<script type="text/javascript">
d = new dTree('d');
d.config.useCookies=false;
d.add(0, -1, 'SubCategories','javascript: void(0);');
var a = 0;
var b = 0;
var link = new Array();
<MTTopLevelCategories>
link[b] = ++a;
if(!b) {
d.add(a, 0,'<$MTCategoryLabel$>','<MTIfNonZero tag="MTCategoryCount"><$MTCategoryArchiveLink$><MTElse>javascript: void(0);</MTElse></MTIfNonZero>');
} else {
if(!link[b - 1]) {
d.add(a, 1,'<$MTCategoryLabel$>','<MTIfNonZero tag="MTCategoryCount"><$MTCategoryArchiveLink$><MTElse>javascript: void(0);</MTElse></MTIfNonZero>');
} else {
d.add(a, link[b - 1],'<$MTCategoryLabel$>','<MTIfNonZero tag="MTCategoryCount"><$MTCategoryArchiveLink$><MTElse>javascript: void(0);</MTElse></MTIfNonZero>');
}
}
b++;
<MTSubCatsRecurse max_depth="3">
b--;
</MTTopLevelCategories>
document.write(d);
</script>
<p style="text-align:center"><a href="javascript: d.openAll();">open all</a> | <a href="javascript: d.closeAll();">close all</a></p>
|
終わったら、ブログを再構築します。
このツリー表示は、MT4以降版とは相性が悪いのか、それともブラウザの相性が悪いのか不明ですが、正常動作ができませんでした（JAVA?らしいが）。というわけで、今のところ撤去状態となっています。
