Movable Type カレンダーのエントリーがある日の背景色を変える

Movable Type メインページにカレンダーを表示、Movable Type カレンダーに前月アーカイブへのリンクを作る、Movable Type カレンダーの日別リンクを表示の続きです。

今度はエントリーが存在する日のカレンダーの背景色を変えるように挑戦してみました。今回は珍しくどっかのサイトを参考にせずに自分で色々と試してみました。

現在のカレンダーのタグは以下のようになっています。

<td<MTCalendarIfToday> class="today"</MTCalendarIfToday>>
<MTCalendarIfEntries><MTEntries lastn="1"><a href="<$MTEntryPermalink archive_type="Daily"$>"><$MTCalendarDay$></a></MTEntries></MTCalendarIfEntries>
<MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries><MTCalendarIfBlank> </MTCalendarIfBlank></td>

Movable Typeの解説本によると

<MTCalendarIfToday>～</MTCalendarIfToday>

カレンダーの日付と「今日が一致する時だけ囲んだ範囲を表示する条件タグ

<MTCalendarIfEntries>～</MTCalendarIfEntries>

エントリーが登録されている日だけ囲まれた内容を表示する条件タグ

<MTCalendarIfNoEntries>～</MTCalendarIfNoEntries>

エントリーが登録されていない日だけ囲まれた内容を表示する条件タグ

<$MTCalendarDay$>

カレンダーの日付を表示するタグ
ただし、このタグは<MTCalendarIfEntries>コンテナか<MTCalendarIfNoEntries>コンテナの内側で使う事

との解説なので、まず、「<MTCalendarIfToday>」は必要ないから削除。あとは、「<MTCalendarIfEntries>」辺りと「<MTCalendarIfNoEntries>」辺りをあたって…、以下のようになりました。

<td<MTCalendarIfEntries><MTEntries lastn="1"> class="calent"><a href="<$MTEntryPermalink archive_type="Daily"$>"><$MTCalendarDay$></a></MTEntries></MTCalendarIfEntries>
<MTCalendarIfNoEntries>><$MTCalendarDay$></MTCalendarIfNoEntries>
<MTCalendarIfBlank>> </MTCalendarIfBlank></td>

スタイルシートも以下の記述を追加

#calendar td.calent {
 background-color: #d7e2ef;
}

これで再構築して完成。上手くいきました。

注意点として「td」タグの「>」をエントリーが無い時、カレンダーの日付が無い時のそれぞれに付けないといけません。

長かったカレンダーのカスタマイズもこれで終わりです。またなんかしたくなったら挑戦してみます。