小粋空間: ウェブページのデザインを切り替える

Top ＞ Movable Type ＞カスタマイズ＞ウェブページ＞ウェブページのデザインを切り替える

2008年5月29日

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

Posted at May 29,2008 1:55 AM
Category：[ウェブページ]
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
リストに誤りがあったので修正しました。

Posted by yujiro このページの先頭に戻る

« 続ける力―仕事・勉強で成功する王道 | Main | ウェブ時代 5つの定理この言葉が未来を切り開く! »

この記事を読んだ人はこんな記事も読んでいます

人気エントリー

Hatena Hot Entries

Hatena Entries

トラックバックURL

このエントリーのトラックバックURL:

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

の部分は

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

が正しいです。

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

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

[2] Posted by yujiro

: January 27, 2010 2:48 AM

コメントする

greeting

名前（N）: *必須

メールアドレス（M）: *必須（非表示）

URL（U）:

情報を保存する？

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

コメント（C）:

[サインインしない場合はここにCAPTCHAを表示します]

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

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