テンプレートの新規作成で記事リストアーカイブを選択する。

マッピングで年別を選択する。

年別アーカイブと名前を付けました。

下記コードを貼り付ける。

archive_type="Monthly"で月、archive_type="Yearly"で年別表示になる。

<$mt:Date format=”%Y” setvar=”thisyear”$>
<mt:ArchiveList archive_type=”Yearly”>
<$mt:ArchiveTitle trim_to=”4″ setvar=”entryyear”$>
<mt:If name=”thisyear” eq=”$entryyear”>
<h3><a href=”<$mt:ArchiveLink$>”><$mt:ArchiveTitle$></a></h3>
<mt:Entries>
<mt:If name=”__first__”><ul></mt:If>
<li><a href=”<$mt:EntryPermalink$>”><$mt:EntryTitle$></a>（<$mt:EntryDate$>）</p>
<mt:If name=”__last__”></ul></mt:If>
</mt:Entries>
</mt:If>
</mt:ArchiveList>

アーカイブへのリンクを表示するページには、下記コードを貼り付け年と件数が表示されるリンクを作成しました。

<mt:IfArchiveTypeEnabled archive_type=”Yearly”>
<mt:ArchiveList archive_type=”Yearly”>
<mt:ArchiveListHeader>
<nav>
<h3><$mt:ArchiveTypeLabel$>アーカイブ</h3>
<div>
<ol>
</mt:ArchiveListHeader>
<li><a href=”<$mt:ArchiveLink encode_html=”1″$>”><$mt:ArchiveTitle$> (<$mt:ArchiveCount$>)</a></li>
<mt:ArchiveListFooter>
</ol>
</div>
</nav>
</mt:ArchiveListFooter>
</mt:ArchiveList>
</mt:IfArchiveTypeEnabled>

記事一覧にカテゴリーアイコンを表示しようとしたのですが、管理画面を見ると記事の中にもカテゴリーがあり、そのほかにカテゴリーセットという大項目があるではないですか。はっきり言って混乱です。

カテゴリーセットに登録したが記事入力画面には選択できるところが出てきません！

どうやらコンテンツタイプのためのものっぽい。

プライマリカテゴリも含めて表示する場合

<mt:EntryCategories glue=" / ">
<a href="<$mt:CategoryArchiveLink$>"><$MTCategoryLabel$></a>
</mt:EntryCategories>

プライマリカテゴリは含めないで表示する場合

<mt:EntryAdditionalCategories glue=” / “>
<a href=”<$mt:CategoryArchiveLink$>”><$MTCategoryLabel$></a>
</mt:EntryAdditionalCategories>

jsonには下記を追記

  "categories": [
    <mt:EntryCategories glue=",">
      "<mt:CategoryLabel encode_json="1">"
    </mt:EntryCategories>
  ]

無事カテゴリーが表示されました。

次はカテゴリーアーカイブのリンクをつけたいな。

記事の更新があったらjson形式で吐き出されるテンプレートを作成

[
<mt:Entries lastn="10">
{
"url" : "<mt:EntryPermalink encode_json="1">",
"title" : "<mt:EntryTitle encode_json="1">",
"date" : "<mt:EntryDate encode_json="1">",
"body" : "<mt:EntryBody encode_json="1">"
}<mt:If name="__last__"><mt:Else>,</mt:Else></mt:If>
</mt:Entries>
]

トップテンプレートにJSでjsonの読み込みを記述。

<dl id="wrap">
<script type="text/javascript">
$(function(){
$.getJSON("js/recent_entries.js", function(recent_list){
for(var i in recent_list){
var h = '<dt>'
+ '<a href="'
+ recent_list[i].url
+ '">'
+ recent_list[i].title
+ '</a>'
+ '</dt>'
+ '<dd>'
+ recent_list[i].date
+ '</dd>'
+ '<dd>'
+ recent_list[i].body
+ '</dd>';
$("dl#wrap").append(h);
}
});
});
</script>
</dl>

トップページを再構築しなくても記事一覧は自動更新される。

参考にしたサイト