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

スポンサード リンク

昨日は1日中Movable Type(通称「MT」)と格闘していました。

というのも、現在、関わっているプロジェクトのサイト製作をしていたんですね。

最近、僕の十八番になっているMTとHTMLサイトの融合で製作しています。

で、今回は各カテゴリごとにデザインを変えたいなぁーと思ったんですが、これがデフォルトのMovable Typeの設定ではできないんです。

当ブログもMTで作っていますが、カテゴリごとのデザインは一緒です。

どのカテゴリでも、デザインが一緒で、ある意味、単調なつまらないデザインなんですよね。

でも、今回のプロジェクトでは「カテゴリごとに使う画像を変えたい!」と思ったので、いろいろ調べていたら、こんな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でダイエットのコミュニティーサイトや情報サイトを作るとしましょう。

カテゴリーは

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

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

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

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

こういった場合では下記のようなソースを「カテゴリーアーカイブ」の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でつくる!最強のブログサイト プラグイン&カスタマイズ編
藤本 壱
4881665510

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

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

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

スポンサード リンク

この記事をはてなブックマークに追加はてなブックマーク数 この記事をYahoo!ブックマークに登録 この記事をクリップ!クリップ数 この記事をBuzzurlにブックマークブックマーク数 この記事をdeliciousにブックマーク
このカテゴリーの最新記事(5記事)
このブログの最新記事(5記事)
ソフトバンクの携帯が
キャッシュバックキャンペーン中!

iPhoneに機種変更するならキャッシュバックキャンペーンをしている今がお得!iPhoneもフル充電できる携帯バッテリーもプレゼント!

【英単語の暗記法】

4ヶ月で1万語レベルの英単語の覚え方を公開。

英単語の暗記ってそれほど難しくありません。

【ひかりTV】

自宅がレンタルビデオ屋になる"ひかりTV"
「ひかりTV」なら専門チャンネルが70チャンネル以上、ハイビジョンが30チャンネル以上、アンテナ不要で今使っているアナログテレビもそのまま使える!カラオケ機能もあるので自宅がパーティー会場に。

【ホテル・温泉 ランキング!】

日本の人気ホテル・温泉

日本のホテル 宿泊客の満足度調査ランキング

人気温泉地ランキングTOP20

年末年始に向けて、どうせ行くなら評判の良いところへ!

ホテルの予約なら「一休」、温泉の予約なら「じゃらん」が安くてオススメ!

【映画好きの人にオススメ!】

DVDをネットで借りてポストへ返す

ネットで借りて、ポストへ返す
僕も使っているオンライン宅配DVDレンタルサービス。

検索で一発で探せるので、お目当ての映画を探すのに時間がかかったり、返却が面倒といったイライラを解消できます!

時間を節約したい人にオススメ。

【情報の量から質の時代へ】

雑誌 Newsweek

ニューズウィーク 定期購読
情報社会から知識社会へ。日本のマーケットはアメリカのマーケットに連動しています。

あの優秀な人も毎週チェックしている。定期購読なら1冊280円に!

人気ビジネス雑誌ランキング

ビジネス雑誌 比較ランキング
人気ビジネス雑誌7誌を比較。

【一番堅実で効果が高いSEO対策】

一番堅実で効果が高いSEO対策

ディレクトリ登録でアクセスアップ 堅実SEO対策
アクセスが来ないウェブサイトをアクセスがたくさん来るウェブサイトに変える一番手堅いSEO対策。

中長期で考えると一番費用対効果が高い方法です。

【ファッションレンタル】

DMMファッションレンタルなら結婚式や二次会の服装をレンタルをお手頃価格で利用できて節約になりますよ。ブランド物もレンタルできます。

【オススメ!レンタルサーバー】

当サイトは、ロリポップ!レンタルサーバーにブログソフトウェアMovable Typeをインストールしています。

BLOG カテゴリ
ブックマーク数

このページのトップへ