デザインをカテゴリー別に切り替える

Movable Typeでは同一のデザインページが簡単に出来ますが、デザインをいろいろ切り替えて使いたい方へカスタマイズ方法を紹介します。

エントリーのデザインをカテゴリー別に表示を変える方法

これは記事の属しているカテゴリーごとに、記事のデザインを変更することができる方法です。以下のようにアーカイブテンプレートに追加します。

<MTIfCategory name="カテゴリーＡ">
カテゴリーＡの記事に表示したい内容
</MTIfCategory>

<MTIfCategory name="カテゴリーＢ">
カテゴリーＢの記事に表示したい内容
</MTIfCategory>

<MTIfCategory name="カテゴリーＣ">
カテゴリーＣの記事に表示したい内容
</MTIfCategory>

<MTIfCategory name="カテゴリーＤ">
<$MTInclude module="カテゴリーＤ"$>
</MTIfCategory>

カテゴリー名を入れ替えて、表示したい内容を加えればＯＫです。カテゴリーＤで示しているように、まとめてモジュール化しておくと管理が簡単になります。

ウェブページのデザインをフォルダ別に表示を変える方法

エントリーデザインをカテゴリー別に変える方法と同じやり方で、ウェブページの属しているゴルダー別にデザインを切り替える方法があります。

<MTIfFolder name="フォルダＡ">
フォルダＡのページのみに表示する内容
</MTIfFolder>

<MTIfFolder name="フォルダＢ">
<$mt:Include module="フォルダＢの内容"$>
</MTIfFolder>

今回はカテゴリー名とフォルダ名を使った条件分岐でした。ヘッダーまで加えれば、カテゴリーごとに読み込むcssを変えることもできます。他にもいろいろと組み合わせれば、よりオリジナリティのあるホームページにカスタマイズできそうです。