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>

ウェブページ

Powered by Movable Type 4.261

このアーカイブについて

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。