PAOLOG » テンプレート

MT4の新しいテンプレート構造に触れる

paon — Tue, 18 Sep 2007 13:31:50 +0000

前回の更新からしばらく（というよりかなり）たってしまいましたが少しやる気が出てきたので更新再開します。

MovableType4をレンタルサーバー（チカッパ!）にインストールしてはみたもののこれまでのMT3との違いの大きさに（これまた）かなりやられ→そのまま放置していたというのが正直なところです。

しかし、「これではイカーン！」ということで鬼門のテンプレートから徐々に覗いていこうと思います。（フー）

軽量化されたメインページのテンプレート

まず、驚いたのがメインページになるテンプレートの中身。MT3のときにはヘッダーからフッターまでしっかりと記述されていたのが、MT4ではそれらをモジュールとしてMTIncludeタグで読み込んでいます。さらには先頭には見慣れないMTSetVarというタグが・・・。そういえばMT3のマニュアルにも載っていたなと思い出しはしたものの使い方がわからなかったのでまったく使った記憶がありません。使わなくても不便を感じませんでしたしね。

しかし、MT4では使わない手はないというくらい重要な役を担っているタグのようですし、これをある程度使えるようになれば、かなり自由なWebサイトを構築することができそうです。

というわけでまずは新鮮なタグとテンプレートの構造を順にみていくことにします。

新しい技「変数のセットと呼び出し」

テンプレートをみるとまずMTSetVarというタグがずら～っと並んでいます。MT4ではこのタグがいたるところで使われています。ドキュメントで調べてみるとこのタグはnameに指定した変数にvalueの値をセットするタグのようです。使い方はこんな感じ。

変数をセットしたら変数を呼び出す必要があるわけで、再びドキュメント参照。定義した変数から値を呼び出すにはMTGetVar、MTVarタグを利用するとあります。MTVarはMTGetVarと同じ働きをするということなので今回は無視。

<$MTGetVar name="変数名"$>

で、どこかで使われているだろうMTGetVarタグを探すことにします。メインページのテンプレートの1行目に

とあり、「body_class」という変数に「mt-main-index」という値がセットされています。この値がどこでつかわれるのか知りたいので「body_class」でテンプレート内を検索してみます。

10個のテンプレートがヒットしました。とりあえず「ヘッダー」テンプレートを選択。この中に

という記述があるはずです。「ヘッダー」テンプレート内をみてみると・・・body要素のところに発見しました。

<$MTGetVar name="body_class"$> ～略～>

生成されているメインページのHTMLで該当部分が

となっていることが確認できました。変数「body_class」はその名のとおりbody要素のclass名をあらわしていましたね。当たり前っちゃー当たりまえです。

ところで、無視したらいけないのが「MTIf」タグ。MT4からの新機能でいろいろな条件分岐ができるみたいですが、詳しく見るのは今回パス。簡単に説明すると

「条件を満たした場合にのみ実行されるタグ」

ということらしいっす。この例では「body_class」が存在したらという感じの意味になります。いろいろ使えそうなので研究の余地ありありです。

とりあえずこのあたりでまとめてみると

メインページテンプレートにて変数「body_class」に値「mt-main-index」をセット（MTSetVarタグ）
MTIncludeで「ヘッダー」テンプレートを読み込む
body_classが変数にセットされているかどうか（MTifタグ）
変数がセットされていたら、値を呼び出す（MTGetVarタグ）

という感じになります。

この変数セット→条件分岐→変数呼び出しという流れはMT4においてとっても重要なポイントになりそうなのでぜひマスターしたいところですね。

もちろんこれまでのようなテンプレートの作り方もできるみたいなので、そうなると弱い自分の楽したいって声が聞こえてきそうですが・・・。いやいやがんばれ俺！

次回はMTIfタグあたりをみていきたいと思っています。

MT条件分岐：親カテゴリーと子カテゴリーで表示を変える方法

paon — Mon, 18 Dec 2006 08:08:56 +0000

通常、サブカテゴリー（子カテゴリー）ページのテンプレートは、その直接の親カテゴリーと同じテンプレート（カテゴリーアーカイブ）を元に作成されます。しかし、親カテゴリーと子カテゴリーのページデザイン（レイアウト）を違ったものにしたいときがあります。
そこで、今回は同じカテゴリーテンプレートをつかって親カテゴリーと子カテゴリーの表示内容を変更できるようなテンプレートの使い方を紹介します。

親カテゴリーと子カテゴリーからなる２階層構造の場合

たとえばこのサイトでは親カテゴリーには、そのカテゴリーに属する子カテゴリーのリストをメインに表示しています。また子カテゴリーではそのカテゴリーに属するエントリーを指定数だけ表示しています。

このように親カテゴリーと子カテゴリーとで表示する内容を変えるためには次のMTテンプレートタグを利用します。

MTHasSubCategories
現在のカテゴリーにサブカテゴリーが登録されているときだけ実行する条件タグです。

MTHasNoSubCategories
現在のカテゴリーにサブカテゴリーが存在しないときだけ実行する条件タグです。

これらのMTタグの使い方は次のような感じになります。

この使い方は子カテゴリーをもつの２階層構造までに対応しています。孫カテゴリーをもつ場合の記述例は次に書いています。

このようにするとテンプレートの中身は長くなってしまいますが、親と子のデザインを変えることができます。この方法とは別にMTHasSubCategories（またはMTHasNoSubCategories）タグの中でMTElseをつかった条件分岐もできると思います。

孫カテゴリーまである３階層構造の場合

サブカテゴリーの下にさらにサブカテゴリー（孫カテゴリー）を作っているような３階層のカテゴリー構造でもそれぞれデザインを変えたいというときはもうちょっと複雑になります。次のタグを使います。

MTHasParentCategories
現在のカテゴリーに親カテゴリーが存在されているときだけ実行する条件タグです。

MTHasNoParentCategories
現在のカテゴリーに親カテゴリーが存在しないときだけ実行する条件タグです。

３階層の場合は次のようにするといいかもしれません。これは試してないのでご了承ください。

こんな感じでしょうか？サブカテゴリーを持っているカテゴリーのなかでさらに親カテゴリーをもっているかどうかで条件分岐しています。

記憶が確かではないですが、この部分をモジュール化（Widget）してしまうとうまく動作しなかったような気がします。直接カテゴリーアーカイブテンプレートに埋め込むようにしたほうがいいかもしれません。

MovableTypeをもっと使いやすくカスタマイズ

paon — Wed, 15 Nov 2006 06:40:31 +0000

MovableTypeの特徴を簡単にあげるならば、テンプレート編集の自由度の高さとプラグインによる機能拡張だといえます。このブログで取り上げたテンプレートのカスタマイズやプラグインをまとめたページです。

テンプレートを自由自在に

一般的な無料のブログサービスではサイトの雛形となるテンプレートをまったく編集できなかったり、編集できるテンプレートの種類に制限があったりということがほとんどです。HTML&CSSに慣れてくるにつれてもっと自由にサイトのデザインをしたいと思うようになるでしょう。
MovableTypeではトップページ、カテゴリーページ、エントリーページのテンプレートだけでなくいろいろな種類のテンプレートを作成することが出来ます。たとえば自分のプロフィールやサイトについての説明をするページのテンプレート、モブログから投稿した画像だけをリスト表示するテンプレートなどどんなことをやりたいのかが明確になっていればそれにあわせたテンプレートをいくつでも作成することが出来ます。

※テンプレートのカスタマイズについての記事はただいま準備中です。

プラグインで機能拡張

MovableTypeの最大の特徴といえるのがプラグインです。プラグインはMovableTypeの機能を拡張してくれるプログラムです。プラグインは世界中の人々によって日々開発されているのでプログラムがまったくわからない人でもインストールの方法さえ覚えれば利用することが出来ます。なかにはシェアウェアとしてお金を払うものもありますが、そのほとんどが無料で提供されているが嬉しいですね。

※管理画面やテンプレート用のプラグインやアフィリエイトサイト運営に便利なプラグインの紹介記事を作成中です。