Movable Type 備忘録

Movable Type 4.1 用テンプレート（BLADESILVER）

Apr072008
Author: bzbell
Categories: Template
Tags: 4.1, MovableType, Template

Next Page: Movable Type 4.1 用テンプレート（TUBES）
Prev Page: 正しいマークアップ（Another HTML-lint gateway）

こんばんわ^^

先日から、配布するテンプレートを IE6.x の後方互換モードに対応するようにしたのですが・・・IE はやっぱりくせ者ですねぇ（；￣－￣）

わたしは最初に Safari でテンプレートを作ってから各ブラウザでの微調整や表示確認してます。
各ブラウザでできる限り同じように表示されるよう調整していくわけですが、Firefox や Opera などはほぼそのままイケるのに、IE で大幅に時間を費やします（つω-`｡）

IE6.x の標準モードならまだ素直にデザインすることができるんですけど、後方互換モードでは IE6.x に特化したスタイルを強いられます（つω-`｡）はぁ
Safari なんて HTML5 や CSS3 をサポートしてるのに･･･WEB フォントが使えるのに（。－ω－）ぼそ

さて、IE6.x の愚痴はこれくらいにして、以前ご紹介したこちらのテンプレート MT.2 for Movable Type 4をリニューアルしてみました。
良かったら使ってみてください (￣∇￣)/

テンプレートについて

Movable Type MEMO のテンプレートセットでは、以下のいずれかのテーマを選択できるようにしてます。

お好みで選択してください。
また、MailForm プラグイン用のテンプレートも同梱してます。ここでは詳しくは説明しませんが、以下のページを参考にして頂けたらと思います。

テンプレート設置について

テンプレートは以下の手順で設置できます。

テンプレートセットのインストール
以下の圧縮ファイルをダウンロードして適当なフォルダに展開します。
- MT-MEMO(bladesilver) 1.02
圧縮ファイル中の mt/plugins/ フォルダの中を見ると、いくつかのプラグインを同梱しています。
それらはテンプレートで使用しているプラグインたちです。

既に同一のプラグインをインストール済みの場合にはご注意ください。
現象としては、重複してプラグインを mt/plugins/ フォルダの中にアップロードすると、Movable Type の管理画面でスクリプトエラーのような類のメッセージ表示がされます。
アップロードしただけでは、何もされませんので落ち着いてアップロードしたプラグインを削除して、改めて重複するプラグインがないか確認してください。

また、PageBute プラグインに関してはこちらのPageBute プラグインをカスタマイズとPageBute プラグインをカスタマイズ２でご紹介したカスタマイズを施してます。
カスタマイズ２の方が問題で、MT のデフォルトタグ名称とブッキングしているので PageBute プラグインのタグ名称を変更したものが同梱されてます。ですので、他のテンプレートで既に PageBute プラグインを使用している場合、どちらかに合わせる必要があります。

ウェブページ内でページの前・次リンクを使用しないのであれば、タグ名称がブッキングしてても特に影響はないかと思われます。
オリジナルの PageBute を使用する場合には、同梱してます PageBute プラグインの変更、およびそれに伴ったテンプレートの修正を以下の手順で行ってください。
1. 同梱してる PageBute プラグイン変更
  こちらのPageBute プラグインをカスタマイズ２でご紹介したカスタマイズ（タグ名称）を元に戻します。
2. テンプレートの修正
  PageBute プラグイン変更に伴って以下のテンプレートを変更します。
  - mt/plugins/mt_memo/templates/modules/container.mtml
  - mt/plugins/mt_memo/templates/modules/floral/container.mtml
  上記ファイル内を PageBute というキーワードで検索すると、それぞれ 12 件ずつ修正箇所が見つかります。
  PageBute を Page に変更することでオリジナルのタグ名称となります。
一通り問題なければ、圧縮ファイル中の mt/ フォルダの中を丸ごと（重複プラグインは除く）各自の Movable Type のインストール先にアップロードしてください。
テンプレートセットの適用
テンプレートセットのインストールが済んだら以下のページを参考にして、テンプレートセットを適用します。
- テンプレートセットの選択と入れ替え
その際、テンプレートセットの選択には『Movable Type MEMO / bladesilver 1.02』を選択します。
手順に沿ってテンプレートを適用したら、ブログ全体を再構築します。

イメージファイル／JavaScript のアップロード
最後にイメージファイル、JavaScript をアップロードします。
圧縮ファイル中の mt_memo/ フォルダを丸ごとトップページ( index.php )と同じ場所にアップロードします。たとえば、わたしのサイトで例えると、以下のようなディレクトリ構成になります。

http://bizcaz.com/
  |
  +-- mt_memo/
  |    +-- css/
  |    |    +-- bladesilver/
  |    |    |    +-- ajax-loader.gif
  |    |    |        ：
  |    |    |        ：
  |    |    |
  |    |    +-- base.php
  |    |    +-- styles.php
  |    |
  |    +-- js/
  |         +-- dtree/
  |         |    +-- dtree.js
  |         |        ：
  |         |        ：
  |         |
  |         +-- prototype/
  |         |    +-- prototype.js
  |         |        ：
  |         |        ：
  |         |
  |         +-- mt.js
  |
  +-- index.php

表示確認
正しくテンプレートが適用されたか、ブラウザから表示確認します。主なポイントを以下に記します。
- イメージファイルなどのリンク切れがないこと。
- ブログ内検索が正しく行えること。
- タグ検索が正しく行えること。
上記何れかに問題があった場合、イメージファイル／JavaScript のアップロード先が間違ってることが考えられます。
上記ディレクトリ構成を参考にして再度確認してください。

以上で設置は完了です。
お疲れ様でしたぁ (●＞∀＜●)／

各テンプレートの出力ファイル名

テンプレートセットを適用して再構築すると、各テンプレートは以下のようなファイル名として作成されます。

インデックステンプレート

インデックス(メイン):index.php
わたしのサイトを例にすると http://bizcaz.com/index.php となります。
インデックス(アーカイブ): archives/index.php
わたしのサイトを例にすると http://bizcaz.com/archives/index.php となります。
インデックス(タグクラウド): archives/tagcloud/index.php
わたしのサイトを例にすると http://bizcaz.com/archives/tagcloud/index.php となります。

アーカイブテンプレート

アーカイブページ（月別）: %y/%m/%i
わたしのサイトを例にすると http://bizcaz.com/archives/2008/03/index.php となります。
アーカイブページ（年別）: %y/%i
わたしのサイトを例にすると http://bizcaz.com/archives/2008/index.php となります。
ウェブページ: %-c/%-f（MT4.1 デフォルトフォーマット）
ウェブページの場合はあらかじめフォルダを作成して、その指定フォルダに任意のページ名称で作成されるます。

たとえば、わたしのサイトを例にするとMovable Type 4 で使用できるプラグインはウェブページで作成してします。
MT の管理画面から『一覧』＞『フォルダ』を選択して、あらかじめウェブページ用のフォルダを作成しておくと、ウェブページ作成時にそのフォルダを指定してあげることでお好きな場所（ディレクトリ）にウェブページを作成されます。以下の図はわたしのサイトで作成したフォルダ一覧になります。
カテゴリページ: %-c/%i
カテゴリページに関しては MT のデフォルトフォーマットをそのままテンプレートセットプラグイン内にも記述してます。
わたしのサイトを例にすると http://bizcaz.com/archives/movabletype/template/ となります。
ブログページ: %y/%m/%d-%h%n%s%x
年/月/日-時分秒というファイル名称＋『ブログの設定』＞『公開』で設定された『アーカイブの拡張子』でファイルが作成されます。
このエントリを例にすると http://bizcaz.com/archives/2008/03/23-165033.php となります。