6.37 「カテゴリ一覧」をカテゴリ別に折りたたむ ★
P.567
「カテゴリアーカイブ」ウィジェットテンプレート(サンプルテンプレート)
<mt:ifArchiveTypeEnabled archive_type="Category">
<mt:if tag="blogCategoryCount">
<dt class="sidetitle">カテゴリ一覧</dt>
<dd class="side" id="categories">
<mt:topLevelCategories>
<mt:subCatIsFirst>
<ul<mt:hasParentCategory> id="subcategories<mt:parentCategory><mt:categoryID /></mt:parentCategory>list"</mt:hasParentCategory>>
</mt:subCatIsFirst>
<mt:if tag="categoryCount">
<li>
<mt:hasSubCategories>
<div class="subcategories" id="subcategories<mt:categoryID />name">
</mt:hasSubCategories>
<a href="<mt:categoryArchiveLink />" title="<mt:categoryDescription />"><mt:categoryLabel></a> [<mt:categoryCount />]
<mt:hasSubCategories>
</div>
</mt:hasSubCategories>
<mt:else>
<li>
<mt:hasSubCategories>
<div class="subcategories" id="subcategories<mt:categoryID />name">
</mt:hasSubCategories>
<mt:categoryLabel>
<mt:hasSubCategories>
</div>
</mt:hasSubCategories>
</mt:if>
<mt:subCatsRecurse />
</li>
<mt:subCatIsLast>
</ul>
</mt:subCatIsLast>
</mt:topLevelCategories>
</dd>
<dd>
<script type="text/javascript">
//<![CDATA[
<mt:topLevelCategories>
<mt:hasSubCategories>
FoldNavigation('subcategories<mt:categoryID />','off');
</mt:hasSubCategories>
<mt:subCatsRecurse />
</mt:topLevelCategories>
//]]>
</script>
</dd>
</mt:if>
</mt:ifArchiveTypeEnabled>
P.568
<dt class="sidetitle">カテゴリ一覧</dt>
<dd class="side" id="categories">
<ul>
<li>
<div class="subcategories" id="subcategories2name">
カテゴリA
</div>
<ul id="subcategories1list">
<li>
カテゴリA-1
</li>
<li>
カテゴリA-2
</li>
<li>
カテゴリA-3
</li>
</ul>
</div>
</li>
<li>
<div class="subcategories" id="subcategories2name">
カテゴリB
</div>
<ul id="subcategories2list">
<li>
カテゴリB-1
</li>
<li>
カテゴリB-2
</li>
<li>
カテゴリB-3
</li>
</ul>
</div>
</li>
</ul>
</dd>
<dd>
<script type="text/javascript">
//<![CDATA[
FoldNavigation('subcategories1','off');
FoldNavigation('subcategories2','off');
//]]>
</script>
</dd>
★「カテゴリアーカイブ」ウィジェットテンプレート(デフォルトテンプレート)
元のテンプレートから007/010/019を変更し、011~017、020~026、036~045を追加しています。処理の流れはサンプルテンプレートと同じです。
001:<mt:IfArchiveTypeEnabled archive_type="Category">
002:<div class="widget-archive widget-archive-category widget">
003: <h3 class="widget-header">カテゴリ</h3>
004: <div class="widget-content">
005: <mt:TopLevelCategories>
006: <mt:SubCatIsFirst>
007: <ul class="widget-list"<mt:hasParentCategory> id="subcategories<mt:parentCategory><mt:categoryID /></mt:parentCategory>list"</mt:hasParentCategory>>
008: </mt:SubCatIsFirst>
009: <mt:IfNonZero tag="mt:CategoryCount">
010: <li class="widget-list-item">
011: <mt:hasSubCategories>
012: <div class="subcategories" id="subcategories<mt:categoryID />name">
013: </mt:hasSubCategories>
014: <a href="<$mt:CategoryArchiveLink$>"<mt:IfNonEmpty tag="mt:CategoryDescription"> title="<$mt:CategoryDescription$>"</mt:IfNonEmpty>><$mt:CategoryLabel regex_replace="/^\d\d\d_/",""$> (<$mt:CategoryCount$>)</a>
015: <mt:hasSubCategories>
016: </div>
017: </mt:hasSubCategories>
018: <mt:Else>
019: <li class="widget-list-item">
020: <mt:hasSubCategories>
021: <div class="subcategories" id="subcategories<mt:categoryID />name">
022: </mt:hasSubCategories>
023: <$mt:CategoryLabel$>
024: <mt:hasSubCategories>
025: </div>
026: </mt:hasSubCategories>
027: </mt:IfNonZero>
028: <$mt:SubCatsRecurse$>
029: </li>
030: <mt:SubCatIsLast>
031: </ul>
032: </mt:SubCatIsLast>
033: </mt:TopLevelCategories>
034: </div>
035:</div>
036:<script type="text/javascript">
037://<![CDATA[
038:<mt:topLevelCategories>
039: <mt:hasSubCategories>
040:FoldNavigation('subcategories<mt:categoryID />','off');
041: </mt:hasSubCategories>
042: <mt:subCatsRecurse />
043:</mt:topLevelCategories>
044://]]>
045:</script>
046:</mt:IfArchiveTypeEnabled>