ギャラリーサイトのように画像（アイテム）を羅列して表示する方法を、Movabletypeのカスタムフィールドを利用して作成する場合の設定。

画像を表示したいのに、カスタムフィールドでの通常設定では、テキストの表示リンクをワンクリックしないと画像を見れないのに疑問を抱きますよね。

ライトボックス（Lightbox.js）を利用してもしなくてもいいのだけど、画像の自動表示方法をメモ。

■カスタムフィールド設定

名　　　　　　前：”サムネイル”
テンプレートタグ：”sum”

名　　　　　　前：”元画像”
テンプレートタグ：”normal”

■テンプレートページに挿入

<MTEntries>

<a href="<MTIfNonEmpty tag="normal">
<MTnormalAsset>
<$MTAssetURL$>
</MTnormalAsset>
</MTIfNonEmpty>" title="<$MTEntryTitle$>" rel="lightbox">
<img src="<MTIfNonEmpty tag="sum">
<MTsumAsset>
<$MTAssetURL$>
</MTsumAsset>
</MTIfNonEmpty>" alt="<$MTEntryTitle$>" /></a>

</MTEntries>

見落としたり間違えやすいポイントは、<MTAsset>タグのところかな。
<MTnormalAsset>・・・左記のように<MTAsset>タグに”テンプレートタグ”を挿入しましょう。