Movable Typeユーザー・マニュアル: テンプレート

≪ 目次


テンプレート

Movable Typeのテンプレートは、あなたのサイトのデザインとレイアウトを定義します。 テンプレートは、どこにコンテンツ(エントリーとアーカイブ)を置き、どんなコンテンツにするか、などを記述しています。 通常、テンプレートはHTMLで作成され、Movable Typeのテンプレートのタグと変数が埋め込まれています(テンプレートのタグを参照)が、Movable Typeは、これ以外にもプレーン・テキスト、SSI(サーバーサイド・インクルード)を含むHTML、PHP、およびほかのテキスト形式の言語を生成できます。

ウェブログのテンプレートの編集や、新しいテンプレートの定義には、Movable Typeにログインし、ウェブログを選択して、「テンプレート」をクリックします。

Movable Typeには数種類のテンプレートがあります。

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

インデックス・テンプレートはメインのエントリー・リストです。 Movable Typeが他のほとんどのウェブログ管理システムと異なるのは、複数のインデックス・テンプレートをサポートする点です。これは、メインのエントリー・リストを、たとえば、HTMLのリスト、XMLのリストといったように数種類のフォーマットで公開できることを意味しています。 デフォルトではインデックス・テンプレートは、現在からさかのぼったN日までのエントリーを表示します。N日の「N」は、ウェブログの設定の中で指定します。 たとえばインデックスに表示される日数を7に指定すると、Movable Typeはデフォルトで、すべてのインデックス・テンプレート上で、過去7日間のエントリーを表示します。 7日間というのは、今日からさかのぼった過去の7日間を指し、エントリーを投稿した日から過去7日間という意味ではありません。 したがって過去7日間(7日目を今日として)の3日目に投稿した場合は、その3日間の投稿がメイン・インデックスにリストされます。

上記にあるように、過去N日間のエントリーを表示するのは、インデックス・テンプレートのデフォルト設定です。この設定は、後述のMTEntriesタグを使って変更可能です。たとえば、RSSシンジケート用のRSSインデックスを、日数に関係なく過去15エントリーが表示されるよう設定できます。

アーカイブ・テンプレート

アーカイブ・テンプレートは、ウェブログ・アーカイブの外観や使い勝手を定義します。 選択した各アーカイブの種類(「アーカイブの設定」を参照)に対して、複数のアーカイブ・テンプレートを関連付けられるので、アーカイブしたエントリー群を異なる表示形式に設定できます。 たとえば、月毎のアーカイブに対し、エントリーを月毎にまとめて見せてくれるページと、月毎にカレンダー表示するページの2種類の表示形式を作成することができます。 あるいは異なるテンプレートを使って、アーカイブをハイテク風にも手作り風にも見せることができます。

ある種類のアーカイブが再構築されると、同じ種類のアーカイブに属するすべてのテンプレートも再構築されるため、ある種類のアーカイブの複数の表示形式が自動的に維持されます。

Movable Typeには以下の3つのアーカイブ・テンプレートが搭載されています: 日付に基づくテンプレート(月別週別日別)、カテゴリー・アーカイブ用テンプレート、個別のエントリー・アーカイブ用テンプレート

新しいアーカイブ・テンプレートを定義するには、「テンプレート」に行き、「新しいアーカイブ・テンプレートを作る」をクリックします。 テンプレートに名前を付け、Movable Typeの「テンプレートのタグ」を使ってアーカイブ・ページのレイアウトを定義します。 新しいアーカイブ・テンプレートを保存したら、「ウェブログの設定」の「アーカイブの設定」に移動し、「テンプレート:」プルダウン・メニューで先ほど作成したテンプレートを選択し、そのテンプレートに関連づけるアーカイブの種類を、「アーカイブの種類:」メニューから選びます。 そして「追加」ボタンをクリックします。

テンプレート・モジュール

Movable Typeを使うと、共通して利用するひとまとまりのHTMLコードをテンプレートとして抽出でき、他のテンプレートに埋め込むことができます。Movable Typeではこうした汎用テンプレートを「テンプレート・モジュール」と呼んでいます。 テンプレート・モジュールの利用例としては、サイト全体で使うヘッダーがあります。 「Header」という新しいテンプレート・モジュールを作成し、共通して利用するヘッダー・コードを貼り付け、新しいテンプレート・モジュールとして保存します。 このコードはMTIncludeタグを使うことで、他のすべてのテンプレートに埋め込むことができます。

    <$MTInclude module="Header"$>

このタグは先ほど作ったHeaderテンプレート・モジュールの内容に置き換わります。

こうしておくと、共通して利用するコードを1カ所に保存でき、修正もそのテンプレート・モジュールだけで済むので、作業が楽になります。

その他のテンプレート

テンプレートの中には、インデックス・テンプレート、アーカイブ・テンプレート、およびカスタム・テンプレートのいずれにも属さないテンプレートがあります。 以下にこうしたテンプレートを列挙します。

テンプレートの編集

テンプレートの種類や、テンプレート・モジュールとテンプレートのどちらを編集するかで、テンプレート編集画面の内容はやや異なります。 たとえば、「出力ファイル名」は「インデックス・テンプレート」に対してだけ割り当てられます。

以下は「テンプレートの編集」画面で表示されるフィールドです。

デフォルト・テンプレート

Movable Typeは、スタイルシートでカスタマイズできるデフォルト・テンプレートのセットを搭載しています。 これらのデフォルト・テンプレートはhttp://www.movabletype.jp/default_templates.shtmlで閲覧できます。

ウェブログに新しいスタイルを適用するには、以下の手順に従います。

  1. Movable Typeにログインして、編集するウェブログを選択し、「テンプレート」をクリックします。

  2. インデックス・テンプレートのリストに、Stylesheetと呼ばれるテンプレートが表示されています。それを編集するために開きます。

  3. あなたのページのカスタマイズに用いるこれら既製のスタイルシートはhttp://www.movabletype.jp/default_styles.shtmlにあります。 このページには、各スタイルのスクリーンショットが表示されています。使うスタイルを選択したら、テキストボックスの中身をコピーして、ステップ2で編集するために開いたテンプレートの「テンプレートの中身」に貼り付けます。

  4. 保存」ボタンを押して新しいスタイルシートを保存します。

  5. サイトを再構築することを促すプロンプトが表示されるので、「再構築」リンクをクリックして、プルダウン・メニューから「インデックスだけ」を選び、「再構築」ボタンをクリックします。

  6. 再構築が完了すると、サイトには新しいスタイルシートが適用れています。

    注:ブラウザ(たとえばInternet Explorer) の中には、一度スタイルシートをロードすると、再びウェブサーバーからロードしないものがあります。サイトを見て見た目が変わっていない場合は、ブラウザのキャッシュを空にして、再び試してみてください。


Copyright (c) 2001-2004 Six Apart. All Rights Reserved.