Movable Typeで年月別のアーカイブ一覧を表示する

Movable Typeで年月別のアーカイブ一覧を表示させる機会があったので、その際に調べたことをメモ。

サンプルコード

アーカイブ一覧はをMTArchiveListで表示できます。
archive_typeでアーカイブの種類を指定できて、Yearlyで年別、Monthlyで月別になります。

<ul>
  <mt:ArchiveList archive_type="Yearly">
    <li>
      <p><mt:ArchiveDate format="%Y">年 (<$mt:ArchiveCount$>)</p>
      <ul>
        <mt:ArchiveList archive_type="Monthly">
          <li>
            <p><mt:ArchiveDate format="%b">月</p>
            <a href="<$mt:ArchiveLink encode_html="1"$>">
              <$mt:ArchiveTitle$>
            </a>
            (<$mt:ArchiveCount$>)
          </li>
        </mt:ArchiveList>
      </ul>
    </li>
  </mt:ArchiveList>
</ul>

再構築を行うと以下のように出力されました。
(※見やすいように改行など調整しています。)

<ul>
    <li>
      <p>2018年 (3)</p>
      <ul>
          <li>
            <p>9月</p>
            <a href="http://XXX/2018/09/">2018年9月</a>(1)
          </li>
          <li>
            <p>8月</p>
            <a href="http://XXX/2018/08/">2018年8月</a>(1)
          </li>
          <li>
            <p>7月</p>
            <a href="http://XXX/2018/07/">2018年7月</a>(1)
          </li>
      </ul>
    </li>
    <li>
      <p>2017年 (1)</p>
      <ul>
          <li>
            <p>12月</p>
            <a href="http://XXX/2017/12/">2017年12月</a>(1)
          </li>
      </ul>
    </li>
</ul>

今回は年別と月別を試しましたが、週別やカテゴリー別、カテゴリーの月別なども表示できます。
詳しくは公式リファレンスのモディファイアの項目をご確認ください。
 

【参考サイト】

 

このエントリーをはてなブックマークに追加

関連記事

コメントを残す

メールアドレスが公開されることはありません。
* が付いている欄は必須項目です

CAPTCHA


コメントが承認されるまで時間がかかります。

2024年4月
 123456
78910111213
14151617181920
21222324252627
282930