Movabletype カテゴリ

title.html

<div class="widget widget-categories">
  <h3 class="widget-title">カテゴリ</h3>

  <ul class="category-list">
    <mt:TopLevelCategories>
      <li class="category-item">
        <!-- 親カテゴリ -->
        <div class="category-parent js-toggle">
          <$mt:CategoryLabel$>
        </div>

        <!-- サブカテゴリがある場合のみ表示 -->
        <mt:If tag="HasSubCategories">
          <ul class="category-children">
            <$mt:SubCatsRecurse$>
          </ul>
        </mt:If>
      </li>
    </mt:TopLevelCategories>
  </ul>
</div>

<!-- SubCatsRecurse 用 -->
<mt:SubCatsRecurse>
  <li class="category-child">
    <a href="<$mt:CategoryArchiveLink$>">
      <$mt:CategoryLabel$>
    </a>

    <mt:If tag="HasSubCategories">
      <ul class="category-children">
        <$mt:SubCatsRecurse$>
      </ul>
    </mt:If>
  </li>
</mt:SubCatsRecurse>