小粋空間  -  a cheap joke and a play on words site

ウェブページのデザインを切り替える

Movable Type 4のウェブページのデザインを切り替える方法です。しっかり書く時間がないので、概要のみにとどめておきます。

ウェブページに、

• 製品情報
• 会社概要
• 採用情報
• お問い合わせ
• サポート

という5つのページがあり、「製品情報」と「採用情報」だけ異なるデザインを与えるケースで説明します。

方法は色々ありますが、ウェブページのタイトルで振り分ける場合、ウェブページテンプレートに次のように記述します。

<mt:if tag="pageTitle" eq="製品情報">
  <mt:include module="製品情報" />
<mt:elseIf eq="採用情報">
  <mt:include module="採用情報" />
<mt:else>
  <mt:include module="その他" />
</mt:if>

インクルード先のテンプレートモジュールに、すべてのサブテンプレートを記述するか、includeタグの代わりに、ブロック内にサブテンプレートを記述します。

「その他」が必要ない場合（すべてのウェブページに対応するデザインがある場合）、次のような方法があります。

<mt:pageTitle setvar="page_title" />
<mt:include module="$page_title" />

ページタイトルをそのままインクルードするテンプレートモジュール名にしています。

2010.01.27
リストに誤りがあったので修正しました。