nlog(n)

年が開け，ウェブログのアーカイブが 2004 年分と 2005 年分の2つになった。2004 年分は表を全部手書きしていたのだが，毎年作らなくてはならないのが面倒。プラグインを導入して，次の年や前の年へのリンクが自動的に作成されるようにする。

作り方は，caramel*vanilla さんの [*] : 年間アーカイブの作成 に簡潔に説明されている通りで，スバリそのままできる。以下ではサイトに合わせた細かい調整をしていく。以下はこのサイトの場合。バージョンは Movable Type 2.661 である (3.x でも多分同じ)。

最初に決めなければならないのは，年間カレンダーを構築した後の保存先である。日別と月別のアーカイブに習って，年に「.html」をつけた名前にすることにした。

まずはプラグインを入手してインストールする。

• ArchiveYear plugin: 月毎のカレンダーを12個並べた年間カレンダーと，前後の年へのリンクを作るためのプラグイン
• Archive Date Header Plugin: メインインデックスなどから年間カレンダーへのリンクを作るためのプラグイン
• 休日表示カレンダープラグイン2: 休日に色をつけるための拙作のプラグイン

次にテンプレートを作成する。

1. 「テンプレートのリスト」→「新しいアーカイブ・テンプレートを作る」を開く
2. 「テンプレートの名前」は何でもよいので，「Yearly Calendar Archive」とする
3. 「テンプレートの中身」には，他のページと同じように「<?xml version="1.0"...」で始まるテンプレートのソースを書いていく。

   前後の年へのリンクは，月毎のアーカイブと同じ形式にする。

   <div id="menu">
   <MTArchiveYearPrevious>
   <a href="<$MTBlogArchiveURL$><$MTArchiveDate format="%Y.html"$>">&laquo; <$MTArchiveDate format="%Y"$></a> |
   </MTArchiveYearPrevious>
   <a href="/">Main</a>
   <MTArchiveYearNext>
   | <a href="<$MTBlogArchiveURL$><$MTArchiveDate format="%Y.html"$>"><$MTArchiveDate format="%Y"$> &raquo;</a>
   </MTArchiveYearNext>
   </div>

   12個の月別カレンダーが並ぶ，メインの表部分は次のようにした。

   <table style="border: none;" cellspacing="24" cellpadding="0" summary="Yearly calendar with links to each day's posts">
   <tbody style="text-align: center; vertical-align: top;">
     <MTArchiveYear columns="3">
       <MTArchiveYearRowHeader><tr></MTArchiveYearRowHeader>
       <td>
         <MTArchiveYearIfNotBlank>
   <!-- 自分のサイトのカレンダー(ここから) -->
           <span class="calendar">
           <table style="border: none; margin: auto;" cellspacing="0" cellpadding="2" width="160" summary="Monthly calendar with links to each day's posts">
             <caption class="calendarhead">
               <MTArchiveYearIfEntries>
                 <a href="<$MTBlogArchiveURL$><$MTArchiveDate format="%Y_%m.html"$>"><$MTArchiveDate format="%B %Y"$></a>
               </MTArchiveYearIfEntries>
               <MTArchiveYearIfNoEntries>
                 <$MTArchiveDate format="%B %Y"$>
               </MTArchiveYearIfNoEntries>
             </caption>
             <tbody style="text-align: center;">
             <tr>
               <th abbr="Sunday" style="border-bottom: solid 1px gray;"><span class="calendarweek">S</span></th>
               <th abbr="Monday" style="border-bottom: solid 1px gray;"><span class="calendarweek">M</span></th>
               <th abbr="Tuesday" style="border-bottom: solid 1px gray;"><span class="calendarweek">T</span></th>
               <th abbr="Wednesday" style="border-bottom: solid 1px gray;"><span class="calendarweek">W</span></th>
               <th abbr="Thursday" style="border-bottom: solid 1px gray;"><span class="calendarweek">T</span></th>
               <th abbr="Friday" style="border-bottom: solid 1px gray;"><span class="calendarweek">F</span></th>
               <th abbr="Saturday" style="border-bottom: solid 1px gray;"><span class="calendarweek">S</span></th>
            </tr>
            <MTCalendar month="this">
              <MTCalendarWeekHeader><tr></MTCalendarWeekHeader>
              <td style="border-bottom: solid 1px #D7CEDF; <MTCalendarIfToday>border: solid 1px black;</MTCalendarIfToday> background-color: <$MTCalendarColor month="this" holidaycolor="#FFDAB9" saturdaycolor="#DDDDEE" oddcolcolor="#F1FFC8" evencolcolor="#FFFFFF"$>">
              <MTCalendarIfEntries><MTEntries lastn="1">
                <a href="<$MTEntryPermalink archive_type="Daily"$>" title="<$MTEntryTitle$>" style="font: 12px Arial; font-weight: bold; text-decoration: none;"><$MTCalendarDay$></a>
              </MTEntries> <MTEntries days="1" sort_order="ascend"><MTDateHeader><a href="<$MTEntryPermalink archive_type="Daily"$>" title="</MTDateHeader><$MTEntryTitle$>... <MTDateFooter>" style="font: 12px Arial; font-weight: bold; text-decoration: none;"><$MTCalendarDay$></a></MTDateFooter></MTEntries></MTCalendarIfEntries>
              <MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries>
              <MTCalendarIfBlank>&nbsp;</MTCalendarIfBlank></td>
              <MTCalendarWeekFooter></tr></MTCalendarWeekFooter>
             </MTCalendar>
             </tbody>
           </table>
           </span>
   <!-- 自分のサイトのカレンダー (ここまで) -->
         </MTArchiveYearIfNotBlank>
       </td>
       <MTArchiveYearRowFooter></tr></MTArchiveYearRowFooter>
     </MTArchiveYear>
   </tbody>
   </table>

   table 要素が2重になっている。中の table のカレンダー部分は，通常のカレンダーと同じでよい。ただし，month="this" の指定を行うこと。スタイルに関しては，「正しいが推奨でない」属性を書き換えた(style 属性の最後の「;」はなくてもよい)。その他，月の名前から月別アーカイブにリンクするために，投稿のあるなしで MTArchiveYearIfEntries と MTArchiveYearIfNoEntries タグで場合わけを行っている。

   • table 要素の border="0" を style="border: none;" に変更
   • table 要素の中に tbody 要素を追加
   • tbody 要素の valign="top" を style="vertical-align: top;" に変更
   • td 要素の align="center" と valign="top" を style="text-align: center; vertical-align: top;" に変更

   <MTArchiveYear> タグで skip="yes" 属性をつけなければ，記事がない月の分も全て生成される。つけた場合，記事がない月は生成されなくなる。

1. 「設定」→「アーカイブの設定」→「新しく追加...」
2. 「アーカイブの種類」を「Monthly」，「テンプレート」を「Yearly Calendar Archive(上で作ったテンプレートの名前)」にして「追加」ボタンを押す(「追加」ボタンが見えない場合は[TAB]キーの移動で探せる)
3. 「アーカイブファイルのテンプレート」欄に「<$MTArchiveDate format="%Y.html"$>」と入力
4. ラジオボタンは「Date-Based Archive」のままにしておく
5. 「保存」ボタンを押す

年間カレンダーへのリンクを作りたいテンプレート(メインインデックス，日付別アーカイブ)に以下を貼り付ける。年別の投稿数も表示させるようにしている。

出来上がったページは，nlog(n) - Yearly Archive 2005 で，リンクは メインインデックス などのカレンダーの下に置くようにした。

2005年1月28日追記:
nlog(n): カレンダーのリンクにタイトルを複数表示させたい をもとに，MTCalendarIfEntries　コンテナタグ内を書き換えました。右上の をクリックすると修正部分が確認できます。

2006年12月12日追記:
ArchiveYear Plugin の配布サイトは閉鎖されてしまいました。現在は ArchiveYear Plugin で配布されています。

• Tweet