ってタイトルでおかしくないのかどうかもわかりませんが、MT5.01をスタティックパブリッシングで公開している環境に、月送りカレンダーを導入しました。
利用させていただいたのは、小粋空間さんの「Ajax ハイブリッド月送りカレンダー」です。
冒頭の説明で「MovableType4以降のバージョンで・・・」となっていたので、5でも利用可能かどうか検索してみたところ、どうやら大丈夫そうでしたので、とりあえずやってみることにしました。
基本的には、小粋空間さんの説明どおりでOKなのですが、MT4とMT5では日付アーカイブマッピングを追加するところが違いますので、ここだけ注意が必要です。
Ajaxを使ったカレンダー（MT5）・・・omnioo lab.
Movable Type 4では「ブログ記事リスト」にアーカイブマッピングを追加しましたが、Movable Type 5では「カテゴリー別ブログ記事リスト」に日付のアーカイブマッピングを追加します。
最初、これに気がつかなくって、何度かあれこれと試しては再構築して・・・と繰り返してしまいました。
いっそのこと、ダイナミックパブリッシングを採用しちゃおうかしら？なんて思ったり。。。
まぁ、せっかくここまで静的にやってきたので、いきなり変えるのもね。
さて、導入手順。
まずは、以下３つのスクリプトを入手（小粋空間さんにリンクがあります）し、ブログを公開している（メインページがある）ディレクトリにアップロードします。
1.ajaxCalendar.js
2.dayChecker.js
3.prototype.js
次に、GetQueryStringプラグインをpluginsディレクトリにアップロード。
システムからプラグインが認識されているか確認します。
あとは、ブログの管理画面から、デザインの修正をしてやるだけ。
カテゴリ別ブログ記事リスト
テンプレートのアーカイブテンプレートの中の「カテゴリ別ブログ記事リスト」を選択し、最下部で日別アーカイブを追加します。
カレンダーテンプレート
テンプレートのアーカイブテンプレートに、「カレンダー」を新規に作成します。内容については、小粋空間さんにありますので、そちらを参照してください。
作成後、月別アーカイブマッピングを追加します。
外部ファイルのインクルード
最初にアップロードした３つのスクリプトを利用するため、テンプレートのテンプレートモジュールの中にある「HTMLヘッダー」に、以下の3行を追記します。
<script type="text/javascript" src="<$MTBlogURL$>prototype.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>ajaxCalendar.js"></script>
<script type="text/javascript" src="<$MTBlogURL$>dayChecker.js"></script>
ウィジェットの作成
カレンダーを表示するウィジェットを作成します。これも、内容については小粋空間さんにありますので、そちらを参照してください。
大雑把には、これで再構築してやれば完成。
・・・のはずです。
あとは必要に応じて、スタイルシートを直すくらい。
便利に使わせていただきます。
コメントする