- 2005年12月 5日 09:30
- 固定リンク
- カテゴリ : MovableType
ブログ簡単パワーアップ Movable Type スーパーカスタマイズテクニックを参考に、小粋空間様の月送りカレンダー(横型・リアルタイム版)をベースにして、Kinarie&May様のMT用横型flashカレンダー2.00を導入してみた。
1.アーカイブ用のテンプレートを作成。
■テンプレート-アーカイブ-新規作成で、テンプレートを任意の名前に設定して、小粋空間様にあるテンプレートをコピぺ。
■保存。
2.カレンダー用スタイルシートの作成←あとから、FLASHのものに入れ替えるので、もしかしたら、必要ないステップかも・・・。
■テンプレート-インデックス-新規作成で、テンプレートを任意の名前、出力ファイル名を”calendar.css”に設定し、小粋空間様のテンプレをコピペ。
■再構築オプションは一旦外しておいて、保存。
■保存したら、再構築オプションにチェックを入れておく。
3.アーカイブマッピングの新規作成
■設定-公開-アーカイブ・マッピング-でマッピングを新規作成を選択 。
■アーカイブの種類は月別、テンプレートは1で設定したテンプレート名を選択後、追加をクリック。
■追加したアーカイブマッピングの出力フォーマットを
calendar/%y/%m/index.php
に変更して、保存。
4.カレンダーを設置するテンプレートを編集。
<!-- タイトル開始 -->↑
・
・
・
<!-- タイトル終了 -->
この直後に
<div id="globalnavi">
<iframe name="cal-iframe" src="archives/calendar/ .php" width="698" height="20" scrolling="NO" frameborder="0" marginwidth="0" marginheight="0">
</iframe>
</div>
を入れる。
この部分は、後から、Kinarie&May様のMT用横型flashカレンダー2.00のタグと差し替える。
5.元のカレンダー(下記の部分)のタグを削除。
<div class="side">
<div class="calendar">
・
・
・
</MTCalendarWeekFooter>
</table>
</div>
</div>
6.スタイルシートの設定←後からFLASHに入れ替えるのでもしかしたら必要ないかも・・・。
/* 横型カレンダー */ #globalnavi { text-align: center; padding-bottom: 5px; border-bottom : 1px solid #666699; }私は、カレンダー下にボーダーが入るのがイヤだったので、border-bottomを削除。
小粋空間様をベースにしての作業はここで終了。
7. Kinarie&May様のこちらのページより、FLASHをダウンロード。
解凍。
8.w_calendar200.swfを任意の場所にアップロード。
アップロードした場所のURLを控えておく。
MTからアップロードすれば、URLが表示されるので、FTPよりMTでアップロードした方がラクかも。
9.XMLファイルの作成。
テンプレート-インデックス-新規作成でファイル名は任意、出力ファイル名は○○.xml(○○は任意。拡張子をxmlにする。)で作成。
Kinarie&May様のこちらのページの手順3にあるソースをコピペ。
保存。
10.ソースの作成。
Kinarie&May様のこちらのページでソースが作成できるので、必要事項を入力して作成する。
■swfファイルとXMLファイルはhttp://から始まる絶対パスで!
■デザイン、色を好みのものにする。
■”ソース表示”ボタンをポチッと押せばソースが完成。
11.10で出来上がったソースをコピーする。
12.4で貼り付けたタグ、
<div id="globalnavi">
・
・
・
</div>
の<div id="globalnavi">と</div>の間のソースを削除して、11のソースをコピペ。
保存。
これで、横型FLASHカレンダーがタイトルの下に表示される。






