Movable Typeのカスタマイズ(11)
-カテゴリーをツリー状に-

さて、続けて11回目である。参考にするのは、「ブログ自由自在 MovableType 上級カスタマイズ術」(技術評論社)である。
※表示するためHTMLタグの<>を[]に変換している。
カテゴリーの登録は階層を設定できるのに、表示するときはすべて同じ階層というが納得できないと思ったことはないだろうか。解決策がここにある。
変更前のコードである。
[h2]カテゴリー[/h2]
[ul]
[MTArchiveList archive_type=”Category”]
[li][a href=”[$MTArchiveLink$]”][$MTArchiveTitle$]([$MTArchiveCount$]件)[/a][/li]
[/MTArchiveList]
[/ul]
次に変更後のコードである。
[h2]カテゴリー[/h2]
[MTSubCategories]
[MTSubCatIsFirst]
[ul]
[/MTSubCatIsFirst]
[MTIfNonZero tag=”MTCategoryCount”]
[li][a href=”[$MTCategoryArchiveLink$]”][$MTCategoryLabel$]([$MTCategoryCount$]件)[/a][/li]
[MTElse]
[li][$MTCategoryLabel$][/li]
[/MTElse]
[/MTIZfNonZero]
[MTSubCatsRecurse]
[MTSubCatIsLast]
[/ul]
[/MTSubCatIsLast]
[/MTSubCategories]
残念だが、これだけではうまく表示されない。ツリー状にするためにはスタイルシートの該当部分を以下のように変更する。margin-leftの設定により階層が階段状になる。
.sidebar ul {
padding-left: 0px;
margin: 0px;
margin-left: 10px;
margin-bottom: 10px;
}
どんどん続く・・・予定。