カテゴリーツリー化
2007年06月16日
カテゴリーが寂しい…
みなさん ツリー式だし…(イイナ ツンツン♡ ( ^▽^)σ)~O~)アハハ;;
当初、アキラメそうになったのだが、kishi-r.comさんの記事 Movable Typeのカテゴリをツリー化してみる を読み、ファイトな気持ちとなる(^^;
ようは、カテゴリー定義をばっさり変える!
で、失敗した場合は戻す!くらいの覚悟でトライ開始
1.
<MTSubCategories>
<MTSubCatIsFirst><ul class="tree"></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li class="tree<MTSubCatIsLast>_end</MTSubCatIsLast>">
<a href="<$MTCategoryArchiveLink$>" title="
<$MTCategoryDescription$>"><MTCategoryLabel></a>
[<$MTCategoryCount$>]
<MTElse>
<li class="tree<MTSubCatIsLast>_end</MTSubCatIsLast>">
<MTCategoryLabel>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse max_depth="3">
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTSubCategories>
をスタイルシートを除く、各シートに切り替え。
2.
ul.tree {
margin: 0!important;
padding: 0!important;
font-size: 12px;
list-style: none!important;
}
ul.tree ul {
margin: 0!important;
padding: 0!important;
}
ul.tree li {
margin: 0!important;
padding: 0 0 0 16px!important;
background-image: url(http://makotoda.s53.xrea.com/tree_lst_solid.gif);
background-repeat: no-repeat!important;
list-style: none!important;
}
ul.tree li.tree_end {
background-image: url(http://makotoda.s53.xrea.com/tree_end_solid.gif);
list-style: none;
}
をスタイルシートに挿入
尚この線は、小粋空間さんの JavaScript 不要なサイドメニューのツリー化 for Movable Type(MTCollate編)から、「ツリー画像のダウンロード」より有難くお借りしました。
これをファイルアップロードしたものが、上記定義になる
すると… 見事ツリー化成功デス!

やっぱ最初はカテゴリをツリー化したいとか
考えちゃいますよね♪
参考になって良かったです。
コメント時刻: 2007年06月16日 16:59
kishi-r さん
はじめまして!TBを送ってしまって恐縮です
最初はホントにアキラメそうになったのですが、記事を丸写し(爆)したら、見事にツリー化しました。
とてもワカリヤスイ記事で、MT初心者には助かりました。
これからもどうぞ宜しくお付き合いを!
コメント時刻: 2007年06月16日 17:54