Home > Internet > Movabletype > エフェクト・カレンダー

エフェクト・カレンダー

Posted by: oscar
2006-09-07 (木) 23:29
MovableType
Movable Type, カレンダー
delicious count
hatebu user
エフェクト・カレンダー

最低限の機能のみクリアしたんで、公開しちゃいます。
改造・改善のご提案・ご指摘、ビシバシ受け付けますんでコメントお願いします。
エフェクトで移動するカレンダーのテンプレートです。

まず、最低限Prototype.jsと、script.aculo.us.jsが必要です。
もしこの２つが使えないのであれば、エフェクトは効きませんので、ご自分でJavascriptでの表示切り替えに書き換えてください。
この２つはLightbox JS v2.0を使う為に必要なものですので、すでにLightbox2.0が動作中の場合は問題ないと思います。
新たにこの２つを読み込む場合には、以下の２つをヘッダに記述してください。

<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous.js?load=effects"></script>

その他基本的なところは、bzbellさんの所（MovableType備忘録: 年度カレンダーを表示する）を見ておいてください。
同様にカレンダー用アーカイブを月別アーカイブとして設定します。
プラグインのうちCompareプラグインは、私のテンプレートでは使っていません。
テンプレートは引用すると長いので、リンクにしてあります。
アーカイブの出力ファイル名は私の場合、アーカイブフォルダ中の calendar.php にしています。

このカレンダーを読み込む部分はWidget化しています。
テンプレートは、これです。
この部分にカレンダーレイアウト用のCSSを記述してあります。他の部分で読み込むようにして構いません。
また、私の好みでM's folder: MT 和風日付表示プラグイン
と、nlog(n) - 休日表示カレンダープラグイン2が使われています。これは機能的には冗長部分なので、必要ないとお思いの方は、該当部分を削除してください。
Widgetの名称はお好きにつけてください。

またまた長くなってきたので、注意点や考えていることは別エントリーにさせて下さい。