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 © 2001-2005 Six Apart, Ltd. All Rights Reserved.