横型カレンダー (月移動リンク表示型)

横型カレンダーに月移動出来るリンクを付加しました。カレンダーは2種類用意して、MTincludeを用いて読み込ませてます。動作例はこのサイトのページ下部(2006/09/22付)

カレンダー01

例：calendar01 という名前でモジュールとして作成後、下記アーカイブ・ページに記述メインページ，アーカイブページ，日付アーカイブ，カテゴリーアーカイブ，エントリーアーカイブ

<div id="calendar_ob">
<MTArchiveList  archive_type="Monthly" lastn="1">
<MTArchivePrevious>
<a href="<$MTArchiveLink$>" title="<$MTArchiveTitle$> List">≪</a>
</MTArchivePrevious>

<MTIfArchiveTypeEnabled archive_type="Monthly">
<MTArchiveList archive_type="Monthly" lastn="1">
<a href="<$MTBlogArchiveURL$><$MTArchiveDate format="%Y/"$>" title="年別アーカイブへ">
<$MTArchiveDate format="%Y"$>
</a>
</MTArchiveList>
</MTIfArchiveTypeEnabled>
/
<MTIfArchiveTypeEnabled archive_type="Monthly">
<MTArchiveList archive_type="Monthly" lastn="1">
<a href="<$MTArchiveLink$>" title="月別アーカイブへ">
<$MTDate language="en" format="%m"$>
</a>
</MTArchiveList>
</MTIfArchiveTypeEnabled>
：
</MTArchiveList>

<MTCalendar>
<span<MTCalendarIfToday> id="calendar_ob_today"</MTCalendarIfToday>>
<MTCalendarIfEntries>
<MTEntries lastn="1">
<a href="<$MTEntryLink archive_type="Daily"$>" title="日別アーカイブへ">
<$MTCalendarDay$>
</a>
</MTEntries>
</MTCalendarIfEntries>
<MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries>
</span>
</MTCalendar>
</div>

カレンダー02

例：calendar02という名前でモジュールとして作成後、下記アーカイブ・ページに記述年別アーカイブ，月別アーカイブ(リスト)

<div id="calendar_ob">
<MTEntries lastn="1">
<MTArchivePrevious archive_type="Monthly">
<a href="<$MTArchiveLink$>">≪</a>
</MTArchivePrevious>

<MTIfArchiveTypeEnabled archive_type="Monthly">
<MTArchiveList archive_type="Monthly" lastn="1">
<a href="<$MTBlogArchiveURL$><$MTArchiveDate format="%Y/"$>" title="年別アーカイブへ">
<$MTArchiveDate format="%Y"$>
</a>
</MTArchiveList>
</MTIfArchiveTypeEnabled>
/
<MTIfArchiveTypeEnabled archive_type="Monthly">
<MTArchiveList archive_type="Monthly" lastn="1">
<a href="<$MTArchiveLink$>" title="月別アーカイブへ">
<$MTDate language="en" format="%m"$>
</a>
</MTArchiveList>
</MTIfArchiveTypeEnabled>

<MTArchiveNext archive_type="Monthly">
<a href="<$MTArchiveLink$>">≫</a>
</MTArchiveNext>
</MTEntries>
：

<MTCalendar month="this">
<span<MTCalendarIfToday> id="calendar_ob_today"</MTCalendarIfToday>>
<MTCalendarIfEntries>
<MTEntries lastn="1">
<a href="<$MTEntryLink archive_type="Daily"$>" title="日別アーカイブへ"><$MTCalendarDay$></a>
</MTEntries>
</MTCalendarIfEntries>
<MTCalendarIfNoEntries><$MTCalendarDay$></MTCalendarIfNoEntries>
</span>
</MTCalendar>
</div>

スタイルシート例

/* Horizontal Calendar */
#calendar_ob {
	margin: 10px auto 0px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #BBBBBB;
	float: none;
	width: 100%;
	background: #555555;
	padding: 3px 0px;
	text-align: center;
	clear: both;
}

#calendar_ob_today {
	border: 1px solid #FFFFFF;
	color: #FF9999;
	font-weight: bold;
}

#calendar_ob a:link { color: #99CCFF; }
#calendar_ob a:visited { color: #99CCFF; }
#calendar_ob a:active { color: #FF9999; background-color: #000000; }
#calendar_ob a:hover { color: #FF9999; background-color: #000000; position:relative; top:-3px; }

エラーが出る

・「日付コンテキスト・・・」のエラーが出る　⇒カレンダー01と02を、エラーが出たアーカイブで入れ替えてみる

・複数表示(年・月表記部)になる
カレンダーを　<MTEntries lastn="1"> ～ <MTEntries>　で括ってみる

参考記事：
■Idea&&Technology->blog: MT アーカイブ連動カレンダーテンプレート
■Diario: 月めくりカレンダーにしたよ！

追記：
以下の方がスマートと思います。うーん失敗。。。
■CEFA::Blog - カレンダーに前月・次月へのアンカーを作る

2006/11/03 21:06:17：記事書き直し

横型カレンダー (月移動リンク表示型)｜Materializing

横型カレンダー (月移動リンク表示型)

カレンダー01

カレンダー02

スタイルシート例

エラーが出る

コメントする

トラックバック(0)

カテゴリ別一覧

過去5日分のアクセスランキング

同じカテゴリ記事

最近のブログ記事

関連性の高いエントリー(タグ抽出)

インフォメーション｜Information

横型カレンダー (月移動リンク表示型)｜Materializing

横型カレンダー (月移動リンク表示型)

カレンダー01

カレンダー02

スタイルシート例

エラーが出る

この記事を読んだ人はこんな記事も読んでいます

コメントする

トラックバック(0)

カテゴリ別一覧

過去5日分のアクセスランキング

同じカテゴリ記事

最近のブログ記事

タグクラウド｜TagCloud

関連性の高いエントリー(タグ抽出)

インフォメーション｜Information