SWEET WATER

月別アーカイブリストの折りたたみ

例によって、小粋空間さんのプラグイン＆スクリプトを利用し、月別アーカイブリンクの年毎の折りたたみに挑戦してみました

月別アーカイブリストの年毎の折りたたみ for Movable Type

上記リンク先を参考にすれば簡単に設置できると思います。が、当サイトのツリー表示が特殊なのでちょっと苦労しました

一目で解ると思いますが、各タイトルとツリー画像一体化してます。今回もこれに対応させる為にデフォルトの記述に手を加えました。以下は変更点だけ記しています。

<div class="side">
<ul>
<MTArchiveList archive_type="Monthly">
<MTArchiveDateHeader><li><div id="archive<$MTArchiveDate format="%Y"$>name"><$MTArchiveDate format="%Y年"$></div>
<div id="archive<$MTArchiveDate format="%Y"$>list"><ul></MTArchiveDateHeader>
<li><a href="<$MTArchiveLink$>" title="<$MTArchiveDate format="%Y年%B月"$>のアーカイブページへ"><$MTArchiveDate format="%B月"$></a> [<$MTArchiveCount$>]<MTArchiveDateFooter></ul></div></li></MTArchiveDateFooter>
</MTArchiveList>
</ul>
</div>

ulとliを追加、元々あるulをdivに変更してulを再配置。赤字部分が変更または追加した箇所です。さらにツリー化のJavaScriptを利用しているので、これに対応させるべく本来の記述方法を以下のように変更します。

generateNormalTree("monthlylist");
　　　　　　↓
generateTreeForTreeStructure("monthlylist");

ここまで来るのに久しぶりに悩みました