MT5系のカスタムフィールドの画像
更新日:2013年5月2日|公開日: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で全体をくくっちゃうことです。
というかすごい久々にブログ更新したな…。