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

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

Posted at May 29,2008 1:55 AM
Tag:[Customize, MovableType, WebPage]

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
リストに誤りがあったので修正しました。

関連記事
トラックバックURL


コメント

<mt:elseIf tag="採用情報">

の部分は

<mt:elseIf eq="採用情報">

が正しいです。

[1] Posted by 十里スガル : January 26, 2010 2:48 PM

>十里スガルさん
こんばんは。
ご指摘ありがとうございました。
修正いたしました。

[2] Posted by yujiro logo : January 27, 2010 2:48 AM
コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)