Movable Type(MT)でカテゴリごとにデザインを変える方法

Movable Type plugin: MTSwitch

このプラグインを使うことによって、MTでもカテゴリごとにデザインを変えることできるという、なんとも素敵なプラグインです！

おそらく、このプラグインはかなり需要があるのではないかと思います。

そこで、MTSwitchプラグインを使って、カテゴリごとにデザインを変える方法を説明したいと思います。

まずは、上記のサイトからMTSwitchプラグインをダウンロードして下さい。

「Download the plugin」をクリックです。

すると、「switch.pl」というファイルがダウンロードできます。

これをMTのプラグインフォルダにFTPソフトを使ってアップロードして下さい。

多くの人は、「cgi/mt/plugins」だと思います。ここに「switch.pl」をアップロードします。

そして、カテゴリごとにデザインを変えたい場所に

<MTSwitch value="[MTCategoryLabel]">
  <MTSwCase value="カテゴリA">
    カテゴリAのHTMLコードを書く
  </MTSwCase>
  <MTSwCase value="カテゴリB">
    カテゴリBのHTMLコードを書く
  </MTSwCase>
  <MTSwDefault>
    その他のカテゴリのHTMLコードを書く
  </MTSwDefault>
</MTSwitch>

と書きます。

この説明だと、ちょっと分かりづらい人もいるかもしれないでの、例を挙げておきますね。

例えば、Movable Typeでダイエットのコミュニティーサイトや情報サイトを作るとしましょう。

カテゴリーは

・体脂肪燃焼
・ヨガダイエット
・寒天ダイエット
・利用規約
・このサイトについて

の５カテゴリーだとします。

で、「体脂肪燃焼」「ヨガダイエット」「寒天ダイエット」の３つのカテゴリーでは、カテゴリー事に別の画像を表示させたいとします。

「利用規約」と「このサイトについて」は同じ画像を表示させるとします。

こういった場合では下記のようなソースを「カテゴリーアーカイブ」のHTMLファイルに記述します。

<MTSwitch value="[MTCategoryLabel]">
  <MTSwCase value="体脂肪燃焼">
    <img src="taishibou.gif" width="50" height="100" alt="体脂肪燃焼">
  </MTSwCase>
  <MTSwCase value="ヨガダイエット">
    <img src="yoga.gif" width="50" height="100" alt="ヨガダイエット">
  </MTSwCase>
  <MTSwCase value="寒天ダイエット">
    <img src="kanten.gif" width="50" height="100" alt="寒天ダイエット">
  </MTSwCase>
  <MTSwDefault>
    <img src="others.gif" width="50" height="100" alt="">
  </MTSwDefault>
</MTSwitch>

このようなソースを、カテゴリごとにデザインを変更したい場所に書きます。

すると、「ヨガダイエット」カテゴリーでは「yoga.gif」画像が表示されます。

「寒天ダイエット」カテゴリーでは「kanten.gif」画像が表示されます。

「体脂肪燃焼」カテゴリーでは「taishibou.gif」画像が表示されます。

そして、「利用規約」と「このサイトについて」では、「others.gif」画像が表示されるという訳です。

うーん、このプラグインは今後も多用しそうな感じです！

この本にもMTでカテゴリーごとにデザインを変更する方法が掲載されているのですが、この本のやり方だと二択なんですよね。

「Aの場合はこれ、それ以外はこれ」みたいな。

Movable Typeでつくる！最強のブログサイト プラグイン＆カスタマイズ編
藤本 壱

ただ、この本は僕も持っていますが、とてもいいと思います！

MTのカスタマイズに興味のある人にはオススメの本ですね。

Movable Type (ムーバブル・タイプ）