TOPページ > Web・ITの巻 > MTブログの表技 > 月別アーカイブをカレンダー表示にしよう

※以下の内容はあくまでこの記事を投稿した時点での情報です。お店や施設などをご利用いただく際は必ずご確認ください。

月別アーカイブをカレンダー表示にしよう

[UP：2006.05.08]

ゴールデンウィーク中に、ヒロテック便りをアップグレードしました。

■サイト内検索を追加
左のサイドメニューに追加しました。月別アーカイブの下にあります。自分自身、記事が増えてきて「あの記事、どれだっけ？」ってことが多発し、自分のために入れたような機能ですが、必要なときは是非お使いください。

「息子」と検索すると22件表示されるのに、「ダンナ」は4件（笑）。4件あるだけマシか？

■カテゴリーアーカイブを一覧形式に
カテゴリーをクリックしたときに表示されるページを一覧形式にして、わかりやすくしました。
記事のタイトルだけでなく、本文も少し入れてあります。タイトルか[続き]をクリックすると本文を読めるようになります。
１ページ内のリンクが増えるので、SEO対策としても有効かな、と思っています。

■月別アーカイブをカレンダー形式に
これが今回のアップグレードの目玉！　１ヶ月の記事を更新順に一覧表示するだけでは芸がないので、カレンダーにしてみました。
タイトルをクリックすると、個別記事が読めるようになっています。

※2008年7月現在はなっていません、あしからず・・・

難しいかなーと思っていた修正でしたが、意外と簡単でした。

以下、日付アーカイブの該当部分です。

<table width=100% summary="投稿されたエントリーへのリンク付き月間カレンダー" border="1" bordercolor="#C0C0C0" cellpadding="2" cellspacing="0" >
<tr>
<th align="center" abbr="日曜日" width="14%" height="50">日</th>
<th align="center" abbr="月曜日" width="14%">月</th>
<th align="center" abbr="火曜日" width="14%">火</th>
<th align="center" abbr="水曜日" width="14%">水</th>
<th align="center" abbr="木曜日" width="14%">木</th>
<th align="center" abbr="金曜日" width="14%">金</th>
<th align="center" abbr="土曜日" width="14%">土</th>
</tr>

<MTCalendar month="this">
<MTCalendarWeekHeader><tr height="80"></MTCalendarWeekHeader>

<td <MTCalendarIfToday>bgcolor="#FEFDE0"</MTCalendarIfToday> valign="top">

<MTCalendarIfEntries>
<$MTCalendarDay$> 
 
<MTEntries lastn="1">

<a href="<$MTEntryLink$>" mce_href="<$MTEntryLink$>"><$MTEntryTitle trimj_to="30"$></a> 
</MTEntries>
</MTCalendarIfEntries>

<MTCalendarIfNoEntries>
<$MTCalendarDay$> 
</MTCalendarIfNoEntries>

<MTCalendarIfBlank> </MTCalendarIfBlank>

</td>

<MTCalendarWeekFooter></tr></MTCalendarWeekFooter>

</MTCalendar>
</table>

 
 


<MTArchivePrevious>
<a href="<$MTArchiveLink$>" mce_href="<$MTArchiveLink$>">« <$MTArchiveTitle$></a> |
</MTArchivePrevious>
<a href="<$MTBlogURL$>" mce_href="<$MTBlogURL$>">メイン</a>
<MTArchiveNext>
| <a href="<$MTArchiveLink$>" mce_href="<$MTArchiveLink$>"><$MTArchiveTitle$> »</a>
</MTArchiveNext>

カレンダーの中に表示されるタイトルの書式についてはスタイルシートに、[m_title]という名前で定義すればOKです。もし良かったら使ってみてください。

・ご使用上の注意
これは１日１件の記事を前提にしてありますので、１日複数件を表示したい場合はご相談ください。少しの修正でできるようになります。
また、タイトル表示のときに適当な長さに切るため、以下のプラグインを使っています。
M's folder 長いタイトルをトリミングする