Movable Type（ムーバブルタイプ）でカテゴリー一覧を設定する方法

2022.1.3｜Movable Type

Movable Type（ムーバブルタイプ）では、カテゴリ一覧をブロックタグ（MTタグ）を利用して表示させることができます。

今回は、Movable Type（ムーバブルタイプ）でカテゴリ一覧を設定する方法を解説します。

本記事の内容

Movable Typeでカテゴリー一覧を設定する方法
まとめ

Movable Typeでカテゴリー一覧を設定する方法

Movable Typeでは、カテゴリ一覧を配置する為に「mt:Categories」ブロックタグを使います。
「mt:Categories」のブロックタグは、メインカテゴリ、サブカテゴリも区別せず表示します。
階層的に表示したいときは、「mt:SubCategories」タグを利用します。

カテゴリ一覧表示

<h2>カテゴリ</h2>
<mt:IfArchiveTypeEnabled archive_type="Category">
<div>
<mt:TopLevelCategories>
<mt:SubCatIsFirst>
<ul>
</mt:SubCatIsFirst>
<mt:If tag="CategoryCount">
<li><a href="<$mt:CategoryArchiveLink$>" title="<$mt:CategoryDescription$>"><$mt:CategoryLabel$></a>
<mt:Else>
<li><$mt:CategoryLabel$>
</mt:If>
<$mt:SubCatsRecurse$>
</li>
<mt:SubCatIsLast>
</ul>
</mt:SubCatIsLast>
</mt:TopLevelCategories>
</div>
</mt:IfArchiveTypeEnabled>

表示数を表示

※カテゴリ一覧にエントリーしている記事の表示数を表示させたい場合は、「MTArchiveCount」を追加します。

<h2>カテゴリ</h2>
<mt:IfArchiveTypeEnabled archive_type="Category">
<div>
<mt:TopLevelCategories>
<mt:SubCatIsFirst>
<ul>
</mt:SubCatIsFirst>
<mt:If tag="CategoryCount">
<li><a href="<$mt:CategoryArchiveLink$>" title="<$mt:CategoryDescription$>"><$mt:CategoryLabel$></a><$MTArchiveCount$>
<mt:Else>
<li><$mt:CategoryLabel$>
</mt:If>
<$mt:SubCatsRecurse$>
</li>
<mt:SubCatIsLast>
</ul>
</mt:SubCatIsLast>
</mt:TopLevelCategories>
</div>
</mt:IfArchiveTypeEnabled>

子孫カテゴリを表示

<mt:TopLevelCategories>
<div class="archive">
    <h2 class="primary-category"><$mt:CategoryLabel$></h2>
    <mt:SubCategories>
        <mt:if tag="CategoryCount">
    <h3 class="archive-header"><a href="<$mt:CategoryArchiveLink$>"><$mt:CategoryLabel$></a></h3>
    <div class="archive-content">
        <mt:ArchiveList archive_type="Category-Monthly" sort_order="descend">
            <mt:ArchiveListHeader>
        <ul>
            </mt:ArchiveListHeader>
            <li><a href="<$mt:ArchiveLink$>"><$mt:ArchiveDate format="%B %Y"$> (<$mt:ArchiveCount$>)</a></li>
            <mt:ArchiveListFooter>
        </ul>
            </mt:ArchiveListFooter>
        </mt:ArchiveList>
    </div>
        </mt:if>
    </mt:SubCategories>
</div>
</mt:TopLevelCategories>