MTのテンプレート

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

• Main Index
• Master Archive Index
• rdf
• rdf2
• styles-site.css

アーカイブに関連したテンプレート

• Category Archive
• Date-Based Archive
• Individual Entry Archive

その他のテンプレート

• Comment Preview Template
• Comment Error Template

Main Index.txt

最初に表示されるページです。当方はxhtml1.0strictで記述しています。MTのdefaultではxhtml1.0Transitionalだと思いますが1.0strictに変更しています。1.0strictからTransitional、またxhtml1.1への変更もできます。1.1への変更の場合は、あまり変わりませんがちょっと仕様が違います。

Recent Illustと<MTIfCategory name="illust">の部分はblogツールとイラストサイトで導入した部分です。Supplemental Category Tagsを使用しないと再構築できません。

構造は、header、content、footerでdiv要素のid指定でコンテナとして括っています。headerの中には、h1とul要素のid="menu"があります。contentの中には、section>bodyという構造で、sectionは日毎、bodyはエントリー毎に区切るようにされています。footerはaddressなりバナーなりを組み込みます。

header内h1のclass="banner"は反則ではありますが背景としてバナーを表示させるために組み込んでます。CSSを見ていただくとbannerはdisplay:none;になっており、h1の中に画像を持ってきています。こうすればスタイルを切ったときは文字が表示され、スタイルを適用したときは画像がタイトルとして表示されるようになります。

section最初のid="topic"は最近のイラストや更新記録を持ってきています。CSSには#topicで背景としてTOPイラストを持ってきたりなんかしてます。

footerは自分のメールアドレスや好きなバナー、主張バナーをはってます。noscript要素も忘れずに。

MainIndexのhead内、header内は他のテンプレートも同様ですので、それについての以下での説明は省きます。

Master Archive Index.txt

defaultではarchives.htmlは使用しませんが、アーカイブの一覧として表示させます。カテゴリー順、エントリー順、月順で探しやすいようにしました。

Category Archive.txt

カテゴリー内の記事を直接表示せず、カテゴリー内のタイトルと要約だけの表示にしています。カテゴリー毎に探したくてもいきなり表示が重いと辛いので。各エントリーに要約を書けばより有効です。

Date-Based Archive.txt

MT設定のdefaultではこのテンプレートが月別表示、日別表示、週別表示の元となっているテンプレートです。日別表示と週別表示を廃して月別表示のみ採用。なのでこのテンプレートは月別表示用ということになります。

Individual Entry Archive.txt

この部分はコメントやクッキーでJavaScriptがどうしても必要になってきます。クッキーとValidなStrict HTML（続）で、JavaScript呼び出しの部分のカスタマイズ方法を紹介されています。

styles-site.css

サイトデザインの部分です。これもインデックス・テンプレートに。CSSはプロパティが豊富で最初はどういう風に記述すればよいか戸惑うかもしれませんが、取り敢えず自分のCSSが参考になれば嬉しい限りです。CSSを覚えるのに一番楽しく覚えられるのが、他人のCSSを覗かせて頂くことですね。

htmlに関して

• XHTMLとは何だろうか
• HTML スピード・ラーニング
• CSS2対応状況ガイド
• ストリクトなHTMLの基礎講座

CSSに関して

• カススタ on MT ( MovableType )
• CSS でイケてるデザインサイトリンク集(サムネイル版)
• CSSでイケてるデザインサイト*サムネイル*リンク集