ginzi.com::blog

1.小粋空間よりmenufolder.jsをDL

2.1でDLしたmaketree.jsmenufolder.jsをローカル・サイト・パス( mt.cgi がある場所 )にアスキーモードでUP

3.下記のコードコピペ

<div class="sidetitle">
Categories
</div>

<div class="side">
<div id="categories">
<MTTopLevelCategories>
<MTSubCatIsFirst><MTHasParentCategory><div id="subcategories<MTParentCategory><$MTCategoryID$></MTParentCategory>list"></MTHasParentCategory><ul></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li><MTHasSubCategories><div class="subcategories" id="subcategories<$MTCategoryID$>name"></MTHasSubCategories><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryLabel></a> [<$MTCategoryCount$>] <MTHasSubCategories></div></MTHasSubCategories>
<MTElse>
<li><MTHasSubCategories><div class="subcategories" id="subcategories<$MTCategoryID$>name"></MTHasSubCategories><MTCategoryLabel> <MTHasSubCategories></div></MTHasSubCategories>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse>
</li>
<MTSubCatIsLast></ul><MTHasParentCategory></div></MTHasParentCategory></MTSubCatIsLast>
</MTTopLevelCategories>
</div>
</div>

<!-- サイドメニューツリー化 -->
<script type="text/javascript">
<!--
generateSubcategoryTree();
//-->
</script>
<!-- サイドメニューツリー化 -->

<!-- サブカテゴリーリストの折りたたみ -->
<script type="text/javascript">
<!--
<MTTopLevelCategories>
<MTHasSubCategories>FoldNavigation('subcategories<$MTCategoryID$>','off',false);</MTHasSubCategories><MTHasSubCategories></MTHasSubCategories>
<MTSubCatsRecurse>
</MTTopLevelCategories>
//-->
</script>
<!-- サブカテゴリーリストの折りたたみ -->

4.インクルード文挿入
折り畳みを使う各テンプレート(メインページやカテゴリー、個別、日付アーカイブ等)～間に下記のコードを追加

<script type="text/javascript" src="<$MTBlogURL$>menufolder.js" charset="utf-8"></script>

5.スタイルシートに下記のコードを追加

.side #categories li {
margin-top: 0px;
margin-bottom: 0px;
list-style-type: circle;

.subcategories a.foldmark {
font-size:9px; /* マークのフォントサイズ */
text-decoration: none; /* マークの文字装飾（何も表示しない） */
}

再構築で(ﾟДﾟ )ｳﾏｰ