ウェブマーケティング ブログMovableType

Movable Typeでカテゴリー別にデザインを変える方法

Movable Typeでカテゴリー別にデザインを変える方法 Movable Typeでカテゴリー別にデザインを変える方法をブックマーク

Movable Typeを使って、カテゴリー別にブログ記事のデザインを変更する方法を紹介。ウェブページもフォルダ別にデザインを切り替えることができます。

 

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

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

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

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

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

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

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

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

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

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

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

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

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

 
 
トラックバック(0)

トラックバックURL:

コメントする