ビット・コンサル Office

崩壊前のブログでも、カテゴリーリストを折りたたむようにネットの情報をもとに試行錯誤しながら作成した。テンプレートがマニュアル代わりであったことからメモも取ってなく、キャッシュにもないことから再現できなかった。

そこで、有名な小粋空間のサイトのお世話になった。
以前にも参考にしようとしたが、なにやらやけに難しいそうな感触を受けて見送っていたのだが、今回は背に腹を変えられず挑戦した。

、、、結果、あまりにも簡単に作成できた。・・・感謝！

1). サイトからJAVAスクリプト ( menufolder.js ) をダウンロードして、ブログにセットする。

ここでは、ブログのトップ・ディレクトリに置いて、少し修正


var openMarkForSubCategories = '＋';
var closeMarkForSubCategories = '－';
var preMarkForSubCategory = true;

に変更。

2). サイトにカテゴリー表示部のサンプルがあるので、参考にして改良する。

ここでのコード


<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><MTHasNoSubCategories>－ </MTHasNoSubCategories><a href="<$MTCategoryArchiveLink$>" title="<$MTCategoryDescription$>"><MTCategoryDescription></a> [<$MTCategoryCount$>] <MTHasSubCategories></div></MTHasSubCategories>
<MTElse>
<li><MTHasSubCategories><div class="subcategories" id="subcategories<$MTCategoryID$>name"></MTHasSubCategories>－<MTCategoryDescription> <MTHasSubCategories></div></MTHasSubCategories>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse>
</li>
<MTSubCatIsLast></ul><MTHasParentCategory></div></MTHasParentCategory></MTSubCatIsLast>
</MTTopLevelCategories>
</div>
</div>

<script type="text/javascript">
<!--
<MTTopLevelCategories>
<MTHasSubCategories>FoldNavigation('subcategories<$MTCategoryID$>','off',false);</MTHasSubCategories><MTHasSubCategories></MTHasSubCategories>
<MTSubCatsRecurse>
</MTTopLevelCategories>
//-->
</script>

3). サイトのサンプルを参考に、スタイルシートに追加

.side #categories li {
margin-top: 2px;
margin-bottom: 2px;
list-style-type: none;
font-size:11.5px;
}
.subcategories a.foldmark {
font-size:11.5px; /* マークのフォントサイズ */
text-decoration: none; /* マークの文字装飾（何も表示しない） */
}/blockquote>

・・・以上で折りたたみができた。

追加). 親カテゴリーにサブカテゴリーのエントリー数の合計を表示する。

a) このサイトからプラグイン・アーカイブをダウンロードして展開し、その中にある SubCatCount.pl を plugins ディレクトリにアップロードします。

b) 上記 2) のリストの [<$MTCategoryCount$>] を (<$MTSubCatCount$>) に変更