Movable Type 4.0カスタマイズ

まる１年、構想に終わっていたMovable Typeをほとんど"カン"でカスタマイズしました。 トラックバックってなんだろーから調べ始めた私が"カン"ではじめたので、決して簡単な作業ではありませんでしたが、前バージョンと比べ素人にカスタマイズしやすいようになっているそうです。

Movable Type 4.0のテンプレートは、MTIncludeでヘッダーやフッター、サイドバー、コメント入力フォームなどのファイル（インクルードモジュール）を、そのページに合わせタグ１行で読み込むことができます。通常HTMLで組んでいるとヘッダーのタグ修正をする場合、全ページ検索置換をかけ検証も大変ですが、MTIncludeを使えばヘッダーのファイルを１枚修正すれば、全ページに反映されます。

ちょっと画像を差し替えれば簡単にカスタマイズできるものだと思っていたのですが、ディフォルトの「ヘッダーファイル」、「フッターファイル」、「スタイルシート(ベーステーマ)」では、思うようにレイアウトを組むことができませんでした。

アクセシビリティに問題はありますが、それは本文にジャンプさせるタグを書くとして、通常１枚のHTMLファイルで３カラムのレイアウトを構成する場合、スタイルシートでサイドバーにfloatを指定し、メインカラムは左右にmargin指定、HTMLで１番目にfloat指定したサイドバーを書くことでうまく表示されると思うのですが、Movable Type 4.0のディフォルトテンプレートでは、「ヘッダーファイル」で先にメインカラムdiv開始タグを記述し、「フッターファイル」の先頭でメインカラムdivを閉じた後、サイドバーを読み込む構造になっています。

「スタイルシート(ベーステーマ)」は、カラムをdisplay: inline;　float: left;で横に並べるようになっています。 これだと多少横幅に遊びがあるレイアウトなら問題ないのですが、横幅ガチガチ固定のレイアウトだとキッチリ行かず、すっかり過去のブラウザとなったMacIE5.1では全然ダメでした。

【参　考　−ディフォルトスタイルシート(ベーステーマ)3カラム−　】

MacIE5.1以外の問題は、たぶんサイドバーのpaddingをmarginに差し替えたりすれば思うようなレイアウトが組めそうな気もしますが、慣れないスタイルシートに手を加えるより、慣れたスタイルシートに合わせた方が手っ取り早そうなので、「ヘッダーファイル」で先にサイドバーを読み込んだ後にメインカラムdiv開始タグを記述し、「フッターファイル」の先頭でメインカラムdivを閉じることにしてみました。

これで手を加えれば加えるほどJavaScriptエラー連発のMacIE5.1でも、崩れないレイアウトを組むことができました。 結局、一番レイアウトが崩れる３カラムは使わなかったけど...

【参　考　−カスタマイズスタイルシート3カラム−　】

ほかにもMTSetVar、MTGetVarを使い、さらにMTIf、MTElseなど組み合わせることで、細かい制御ができるようですが、こちらは"カン"ではちょっと無理なので、少し勉強が必要です。 小枠空間さんに詳しい説明がありました。

まだまだ手直しが必要ですが、いつかテンプレートを公開できるようになりたいものです。

• なぜ、MacIEにこだわるかといいますと、単純にクレームをいただいたことがあるからです。
  それからは視野に入れるようにしていますが、Mac OS X以前のIE5.1からWindows IE7までだと、なかなか大変です。