月別アーカイブリストの年毎の折りたたみ を設置
アーカイブリストを年毎に折りたたむカスタマイズ
参考(ほぼそのまま)にしたサイトはいつもありがとうございます
月別アーカイブリストの年毎の折りたたみ for Movable Type
当 Weblog では西暦まで ツリー化 してますので
ここの箇所だけテンプレートの修正が必要です
オリジナル・テンプレート には最初からリンクに
ツールチップ が設置されてました
ほんの気持ち程度の オリジナルなカスタマイズ ですが
"三角マーク" を "▼" から "▽" へ変更しました
さらりと手順を
１．プラグインとスクリプトのダウンロード
ArchiveDateHeader プラグイン
ArchiveDateFooter プラグイン
menufolder.js スクリプト
２．menufolder.js を ルート・ディレクトリにアップロード
３．テンプレートの修正[script タグ追加(<head> 〜 </head>間)]
<script type="text/javascript" src="<$MTBlogURL$>menufolder.js"></script>
４．月別アーカイブリストを表示したいテンプレートに下記のタグを設定
(このサンプルは 小粋空間 さんの 公開テンプレート)
<div class="sidetitle">
Monthly Archives
</div>
<div class="side">
<MTArchiveList archive_type="Monthly">
<MTArchiveDateHeader><div id="archive<$MTArchiveDate format="%Y"$>name"><span><$MTArchiveDate format="%Y年"$></span></div><ul id="archive<$MTArchiveDate format="%Y"$>list"></MTArchiveDateHeader>
<li><a href="<$MTArchiveLink$>" title="<$MTArchiveDate format="%Y年%B月"$>のアーカイブページへ"><$MTArchiveDate format="%B月"$></a> [<$MTArchiveCount$>]</li><MTArchiveDateFooter></ul></MTArchiveDateFooter>
</MTArchiveList>
</div>
<script type="text/javascript">
//<![CDATA[
<MTArchiveList archive_type="Monthly"><MTArchiveDateHeader>FoldNavigation('archive<$MTArchiveDate format="%Y"$>','off',false);</MTArchiveDateHeader>
</MTArchiveList>
//]]>
</script>
５．自身のテンプレートに併せて適宜修正
(このサンプルは Tama-Studio's Weblog の テンプレート ＝ 西暦もツリー化)
<h2 class="module-header"><a href="<$MTBlogURL$>archives.html">アーカイブ</a></h2>
<div class="side module-content-a" id="archives">
<ul>
<MTArchiveList archive_type="Monthly">
<MTArchiveDateHeader><li><b><div id="archive<$MTArchiveDate format="%Y"$>name"><span><$MTArchiveDate format="%Y年"$></span></b></div><ul id="archive<$MTArchiveDate format="%Y"$>list"></MTArchiveDateHeader>
<li><a href="<$MTArchiveLink$>" title="<$MTArchiveDate format="%Y年%B月"$>のアーカイブページへ"><$MTArchiveDate format="%B月"$></a> [<$MTArchiveCount$>]</li>
<MTArchiveDateFooter></ul></li></MTArchiveDateFooter>
</MTArchiveList>
</ul>
</div>
<script type="text/javascript">
//<![CDATA[
<MTArchiveList archive_type="Monthly"><MTArchiveDateHeader>FoldNavigation('archive<$MTArchiveDate format="%Y"$>','off',false);</MTArchiveDateHeader>
</MTArchiveList>
//]]>
</script>
<script type="text/javascript">
<!--
generateNormalTree('archives');
//-->
</script>
