MT5系のカスタムフィールドの画像

2013年5月2日

久々にMT触ったので覚書として残します。バージョンが変わると色々タグが変わっててエラーが出るとびくっとなります。

やりたい事

• カスタムフィールドの画像を3枚追加
• どんなサイズの画像をアップしても固定サイズにリサイズさせる（サムネイル生成）
• クリックで拡大画像を表示
• 1枚目をアップしなければ画像領域（ulタグを想定）は非表示

実際のコード

例はカスタムフィールドのタグを「EntryImg1、EntryImg2、EntryImg3」で設定。サムネイルは280pxを想定。aタグで設定した拡大画像はアップロードしたサイズに準拠。

<MTIfNonEmpty tag="EntryImg1">
<ul>
<li><MTEntryImg1Asset><a href="<$MTAssetURL$>"><img src="<$MTAssetThumbnailURL width="280"$>" /></a></MTEntryImg1Asset></li>
<MTIfNonEmpty tag="EntryImg2"><li><MTEntryImg2Asset><a href="<$MTAssetURL$>"><img src="<$MTAssetThumbnailURL width="280"$>" /></MTEntryImg2Asset></a></li></MTIfNonEmpty>
<MTIfNonEmpty tag="EntryImg3"><li><MTEntryImg3Asset><a href="<$MTAssetURL$>"><img src="<$MTAssetThumbnailURL width="280"$>" /></MTEntryImg3Asset></a></li></MTIfNonEmpty>
</ul>
</MTIfNonEmpty>

普通に検索すると出てくるコードですが、工夫点は1つ目のカスタムフィールドの画像のMTIfNonEmptyで全体をくくっちゃうことです。
というかすごい久々にブログ更新したな…。