2005年 1月 14日(金)   仏滅    今日は何の日?   2006年の今日のエントリ

TopMovableTypeMTカスタマイズプラグイン > 年間カレンダー。

プラグイン年間カレンダー。 new

Stupid Excuse!! さまの 「年間カレンダー(暫定)」 を拝見して、真似しちゃいました。
これ、「月別アーカイブをすっきり表示に」 のときに ホントは一気にやってしまいたかったんだけど、
なんだか 難しそうで、躊躇してたんですよねー。(^^*) ホホホホ
nlog(n) さま 「年間カレンダーを作る
carmel*vanilla さま 「年間アーカイブの作成」 ・ 「年間アーカイブの作成[補足]」 も、参考にさせていただきました。

やり方ですが・・・
まず、ArchiveYear.plArchiveDateHeader.pl を ダウンロードして解凍、plugins ディレクトリにアップします。

次に、テンプレートを作成します。
MT管理画面の 「テンプレート」 → 「新しいアーカイブ・テンプレートを作る」 で、「テンプレートの名前」 は適当、
「テンプレートの中身」 には、プロフィールのテンプレートを コピペして、真ん中に カレンダーを一年分並べるソースを書きました。

<table width="100%" cellspacing="0" cellpadding="0" border="0">
<!-- The first row of the table shows last year,
this year, and next year. -->
<tr>
<td valign="bottom"><MTArchiveYearPrevious>
<span class="calendarlink"><a href="<$MTBlogURL$><$MTArchiveDate format="archives/%Y/"$>">
<$MTArchiveDate format="%Y"$>
</a></span>
</MTArchiveYearPrevious></td>
<td align="center"><span class="year"><$MTArchiveDate format="%Y"$></span></td>
<td align="right" valign="bottom"><MTArchiveYearNext>
<span class="calendarlink"><a href="<$MTBlogURL$><$MTArchiveDate format="archives/%Y/"$>">
<$MTArchiveDate format="%Y"$> </a></span>
</MTArchiveYearNext></td>
</tr>

<!-- More rows will be added to the table in this section. -->
<MTArchiveYear columns="3" skip="yes">
<MTArchiveYearRowHeader><tr></MTArchiveYearRowHeader>
<td align="center" valign="top">
<MTArchiveYearIfNotBlank>

<!-- This is just a standard calendar section. Be sure to use
month="this" in the MTCalendar tag! -->
<table align="center" border="0" cellspacing="4" cellpadding="0" style="margin:15px">
<tr><th colspan="7">
<span class="calendarhead"><$MTArchiveDate format="%B %Y"$></span>
</th></tr>
<tr>
<th><span class="calendar"><FONT COLOR="red">Sun</FONT></span></th>
<th><span class="calendar">Mon</span></th>
<th><span class="calendar">Tue</span></th>
<th><span class="calendar">Wed</span></th>
<th><span class="calendar">Thu</span></th>
<th><span class="calendar">Fri</span></th>
<th><span class="calendar"><FONT COLOR="blue">Sat</FONT></span></th>
</tr>
<MTCalendar month="this">
<MTCalendarWeekHeader><tr></MTCalendarWeekHeader>
<td align="center"><span class="calendar">
<MTCalendarIfEntries><MTEntries lastn="1">
<a title="[<$MTEntryCategory$>] <$MTEntryTitle$> | <$MTEntryDate format="%X"$>" href="<$MTEntryLink archive_type="Daily"$>"><$MTCalendarDay$></a>
</MTEntries></MTCalendarIfEntries>
<MTCalendarIfNoEntries><MTCalendarDay></MTCalendarIfNoEntries>
<MTCalendarIfBlank> </MTCalendarIfBlank>
</span></td>
<MTCalendarWeekFooter></tr></MTCalendarWeekFooter>
</MTCalendar>
</table>
</MTArchiveYearIfNotBlank>
</td>
<MTArchiveYearRowFooter></tr></MTArchiveYearRowFooter>
</MTArchiveYear>
</table>


こんな感じ。やむやむでは、skip="yes" を はずしました。
これを はずすことで、エントリのない月のカレンダーも表示されます。このあたりは 好き好きで。
さらに、日曜・祝祭日に 色を付ける ための記述と、リアルタイムカレンダー を実現させるスクリプトの記述を
プラスしています。あと、見映えがよくなるように、スタイルシートを 少し直しました。
最後に、年間アーカイブ(カレンダー)にリンクを はりたい メインページ等のテンプレートに↓のように 記述します。
<ul>
<MTArchiveList archive_type="Monthly">
<MTArchiveDateHeader>
<li><a href="<$MTArchiveDate format="http://caetla.oops.jp/blog2/archives/%Y/" $>" title="<$MTArchiveDate format="Calendar Archive %Y"$>">
<$MTArchiveDate format="%Y" $></a> (<$MTArchiveYearCount$>)</li>
</MTArchiveDateHeader>
</MTArchiveList>
</ul>

なんだか 時間かかっちゃった。右サイドバーの 「Yearly Archives」 のところを 開いてみてね。♪v( ̄(││) ̄)v♪
カレンダーの日付でリンクになってるところは その日にエントリが存在する日で、数字にカーソルを載せると
その日のエントリの内、一番新しいエントリ 全てのエントリのタイトルを表示します。リンクをクリックすると、
その日の日別アーカイブにジャンプします。(このあたりの動作は、メインページ他の左上に配置してるカレンダーと同じです。)
yearlyarchives.pngまた 年間アーカイブも カテゴリアーカイブ、月別アーカイブと同様
← こんなふうに 選択されたリンクが 強調表示されるようにしました。

Posted by Caetla at 06:18 | Category : プラグイン | Trackbacks [0] | Clip!! | Ranking
Tag : MovableType , カスタマイズ , 年間カレンダー , カレンダー
この記事はどうでしたか?(お気軽に 記事に点数を付けてみてくださいね♪)
Bad ← 1 2 3 4 5 → Good
評定平均:(3.0) 総合点:(1643) 投票人数:(548)

エントリーURL


 

トラックバックURL


 

Amazon Search
Google Similar