小粋空間  -  a cheap joke and a play on words site

チャレンジ！　Movable TypeをCMSとして使ってみよう！（第11回　個別のブログ記事テンプレートに着手する）

フリーランスWebデザイナー・黒野明子さんの gihyo.jp でMovable Typeの連載第11回が公開されています。

チャレンジ！　Movable TypeをCMSとして使ってみよう！- 第11回　個別のブログ記事テンプレートに着手する

第11回の「個別のブログ記事テンプレートに着手する」は、ブログ記事テンプレートの中で、MTIfCategoryタグを使ったカテゴリ名の判定で「最新情報カテゴリ」ページと「それ以外の」ページの再構築処理を振り分ける方法が紹介されています。

具体的には、ブログ記事テンプレートの中に次のようなサブテンプレートを記述します。nameモディファイアにはカテゴリ名として「最新情報」を設定します。

<mt:IfCategory name="最新情報">
（最新情報カテゴリの場合に出力）
<mt:IfCategory>

このサブテンプレートを使うことで「最新情報カテゴリ」の場合のみ、MTIfCategoryタグブロックを実行します。

また、画像出力では、MTAssetPropertyタグとpropertyモディファイアを用いて、元画像の幅と高さを、img要素のwidth属性とheight属性に設定する方法も紹介されています。

具体的には、ブログ記事テンプレートの中に次のようなサブテンプレートを記述します。

<mt:coverAsset>
<img src="<mt:AssetURL />"
  width="<mt:AssetProperty property="image_width" />"
  height="<mt:AssetProperty property="image_height" />"
  alt="<mt:EntryTitle />"
  title="<mt:EntryTitle />" />
</mt:coverAsset>

propertyモディファイアに「image_width」を設定することで画像の幅を取得できます。また、「image_height」を設定することで画像の高さを取得できます。

2012.10.03
本文を一部追記しました。