MovableType カレンダーの表示方法

MovableTypeのblog画面にカレンダーを表示する方法です。(一例として)
1.はじめに  2.表示(設置)方法

1.はじめに

「MovableType(3.2)」の標準のテンプレートには、カレンダーがありません。
ただ、カレンダーの設置は簡単です(コードを貼り付けるだけです)。

以下に、カレンダーを右上に表示する方法を紹介します。(右図例)
カレンダー上には、投稿した日付部分にリンクが張られます。

ここで説明する方法以外にも、カレンダーの設置方法(貼り付けるコード)
は、多くのサイトで公開されています。

各自検索してみて、自分の好みのカレンダーを設置してみましょう。

2.表示(設置)方法

1.管理画面にログインします。以下例。※赤字部分は自分のTKU_NETユーザIDに置き換えてください。
http://www.tku.ac.jp/~00e9999/mt/

2.ログイン後、作成したblogの「テンプレート」をクリック。
 

3.テンプレート画面より、「メインページ」をクリック。※「メインページ」がそのblogのトップ画面です。
 

4.以下テンプレートに以下コードを貼り付け(コピー&ペーストにて)、「保存と再構築」ボタンをクリック。

  

貼り付けるコード
<div class="module-calendar module">
<h2 class="module-header">Calendar</h2>
<div class="module-content table">
<table summary="Monthly calendar with links to each day's posts">
<caption><$MTDate format="%B %Y"$></caption>
<tr>
<th abbr="Sunday">Sun</th>
<th abbr="Monday">Mon</th>
<th abbr="Tuesday">Tue</th>
<th abbr="Wednesday">Wed</th>
<th abbr="Thursday">Thu</th>
<th abbr="Friday">Fri</th>
<th abbr="Saturday">Sat</th>
</tr>
<MTCalendar>
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>
<td>
<MTCalendarIfEntries>
<MTEntries lastn="1">
<a href="<$MTEntryPermalink$>"><$MTCalendarDay$></a>
</MTEntries>
</MTCalendarIfEntries>
<MTCalendarIfNoEntries>
<$MTCalendarDay$>
</MTCalendarIfNoEntries>
<MTCalendarIfBlank>&nbsp;</MTCalendarIfBlank></td>
<MTCalendarWeekFooter></tr></MTCalendarWeekFooter>
</MTCalendar>
</table>
</div>
</div>

5.blog画面を見てみましょう。
  管理画面左メニューの「サイトを確認」をクリックするか、以下のように自分のblogURLを指定します。
http://www.tku.ac.jp/~00e9999/blog/
赤字部分は自分のTKU_NETユーザIDに置き換えてください。

  カレンダーが表示されました。