TypePadビジネスに導入された新テンプレートタグを試してみた

2010年 06月 04日4:30 pm @ 友兼 亜樹彦

0


TypePadビジネスに導入された新テンプレートタグを試してみた

Six Apartが提供する法人向けのブログ・ホームページサービス「TypePadビジネス」にMovable Typeで使えていた幾つかのテンプレートタグが追加されました。

「TypePadビジネス」はコンピュータが苦手な人でも、迷わずブログ記事が書けるようシンプルな画面デザインになっています。

ブログの記事作成画面

ブログ記事を書くのに必要な機能がシンプルにまとめられている。

その反面、テンプレートをカスタマイズして、より幅広い表現を実現することには制限がありました。

それを打破する一歩となるのが、今回導入されたMTIfMTSetVarBlockです。

カテゴリ毎に違ったスタイルを適用

たとえば、ニュースブログで複数のカテゴリが存在する場合、セミナーの参加者を募集するために、セミナーカテゴリの記事を強調したいという要望があります。

過去の『TypePadビジネス』では、かなりトリッキーなやり方をするしかありませんでした。しかし、先程紹介した新しいテンプレートタグMTIfとMTSetVarBlockが使えればかんたんに実現することができます。
メインインデックスの一覧部分を表示しているテンプレートモジュール:entry-list-stickyを追加します。

このテンプレートモジュールの中に

  • エントリーのカテゴリーを取得する
  • 取得した情報から条件分岐を作り特定の条件でhtmlタグにクラスを付ける

というコードをモジュールに追加することで、カテゴリ名を条件にして、記事のボックスにseminarというクラスを追加します。あとはスタイルシートでseminarクラスに枠線をつける指定をするだけで、セミナーのお知らせにだけ枠線を付けることができました。

MTSetVarBlockとMTIfを使ったサンプル

MTSetVarBlockとMTIfを使ったサンプル。セミナーの記事にだけ枠線が付いた。

モジュール全体は以下のようになります。



	

<$MTEntryTitle$>

<$MTEntryBody$>

<$MTTrans phrase="Continue reading"$> "<$MTEntryTitle$>" »

<$MTEntryDate format_weblog_date="1"$>

<MTIf name="categoryLabel" like="セミナーのお知らせ" >
<MTElse>
</MTIf>

<$MTEntryTitle$>

<$MTEntryBody$>

<$MTTrans phrase="Continue reading"$> "<$MTEntryTitle$>" »

うちの会社でもこんなことやってますので、ご興味がありましたら御覧下さい。

Tags:  

About the Author

友兼 亜樹彦 は 合同会社アライアンス・ポート、テクニカルディレクタ。