続・カレンダーの日付を強調

投稿日時: 投稿者:

Movabletypeの機能のカレンダをトップページにて当日部分を強調する方法を昨日書きました。
本日は、個別エントリにカレンダを追加して投稿された日を強調表示する方法を紹介します。


こちらの方法は、特にPHPでなくても大丈夫です。
個別エントリーアーカイブの<head>部分で下記のとおり書きます。

<STYLE type=”text/css”>
<!–
.Underline<$MTEntryDate format=”%d”$> {
border: solid;
border-width: 1px;
}
–>
</STYLE>

説明：
エントリの投稿日の日付部分を利用したスタイル(.UndallineMM)を宣言します。
次にカレンダ表示部分を下記のとおり書きます。
<table summary=”投稿されたエントリーへのリンク付き月間カレンダー”>
<caption><$MTEntryDate format=”%B %Y”$></caption>
<tr>
<th class=”sunday” abbr=”日曜日”>日</th>
<th class=”weekday” abbr=”月曜日”>月</th>
<th class=”weekday” abbr=”火曜日”>火</th>
<th class=”weekday” abbr=”水曜日”>水</th>
<th class=”weekday” abbr=”木曜日”>木</th>
<th class=”weekday” abbr=”金曜日”>金</th>
<th class=”saturday” abbr=”土曜日”>土</th>
</tr>
<MTCalendar month=”this”>
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>
<td><MTCalendarIfEntries><MTEntries lastn=”1″><div class=”Underline<$MTCalendarDay zero_pad=”2″$>”><a href=”<$MTEntryPermalink$>”><$MTCalendarDay$></a></div></MTEntries></MTCalendarIfEntries><MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries><MTCalendarIfBlank> </MTCalendarIfBlank></td><MTCalendarWeekFooter></tr></MTCalendarWeekFooter>
</MTCalendar>
</table>

説明：
エントリが属する年月のカレンダを表示します。<div class=”Underline<$MTCalendarDay zero_pad=”2″$>”>の部分で<HEAD>で指定したスタイルが同じ日のカラムに適用されるので投稿した日が強調表示されるわけです。
「This Category Entries」＋1でも書いてありましたが、このスタイルを利用するといろいろと使えそうです。

コメントを残す