世界中の１％の人々へ

「MTStreamActionThumbnailURL」を使えば簡単！

Movable Typeの理解の基本は、Googleで探す前に、MovableType.jpのドキュメントを読むことにある。
該当するドキュメントはないかと、「actionstreams タグを含むテンプレートタグ | テンプレートタグリファレンス」を読んだら、アクションに含まれる写真やムービーのサムネイル画像を出力する、「MTStreamActionThumbnailURL」というファンクションタグがあった。
そこまでわかれば、あとは早い。＜悩む前にドキュメント読めよ:-p

以下、メインインデックスのコンテンツに表示させたい場合を例に解説。

１．該当テンプレートを探す。

メインインデックスのテンプレートを開き、ソースを眺めがら順番に開いていくとわかるが、メインインデックスのエントリーを表示させるモジュール名は「アクション」。

デザイン > モジュール > アクションの55行目以下、下記が、アクションストリームを表示させるソース。

        <li class="action service-<mt:var name="service_type"> service-icon icon-service-<mt:var name="service_type">">
            <span class="summary">
                <$mt:StreamAction$>
            </span>
            <span class="date"><mt:StreamActionDate format="%b %e, %X"></span>
        </li>

2. サムネイルを表示させるソースを書く

あくまでも、サンプル。

    <mt:If tag="StreamActionThumbnailURL">
      <div class="picture">
        <img alt="<$mt:StreamActionTitle$> のサムネイル" src="<$mt:StreamActionThumbnailURL$>" />
      </div>
    </mt:If>

3. 1のソースに2を追加

たったこれだけで、伝わるイメージはずいぶん違う。

        <li class="action service-<mt:var name="service_type"> service-icon icon-service-<mt:var name="service_type">">
            <span class="summary">
                <$mt:StreamAction$>
            </span>
    　　　      <mt:If tag="StreamActionThumbnailURL">
      　　  <div class="picture">
                <img alt="<$mt:StreamActionTitle$> のサムネイル" src="<$mt:StreamActionThumbnailURL$>" />
            </div>
                </mt:If>
            <span class="date"><mt:StreamActionDate format="%b %e, %X"></span>
        </li>

4. 出力表示の確認

こんな感じに出力された:-D

たった5行追加するだけで、伝わるイメージはずいぶん違うから、MotionやAction Streamを利用している人は、是非利用してみてほしい。

拡大するとこんな感じ。
実物表示は下記でご覧になれます。

Ｍｏｖａｂｌｅ　Ｔｙｐｅ　Ｍｏｔｉｏｎ応援サイト
http://mt425b.dakiny.com/

参考なれば、幸い。

PS:シックス・アパートの高橋さん、広報ブログで紹介ありがとう！すごく、うれしいです。

Six Apart - 広報ブログ: Movable Type 4.25 出荷開始！モーション（Motion）とは？
http://www.sixapart.jp/pressroom/2009/03/movable_type_42_1.html