Movable Type でカスタムフィールドの画像を表示する方法
2011年4月27日 14:17
Movable Type のカスタムフィールド機能で、フィールドの種類を「画像」にした場合、テンプレート内で、自分でカスタムフィールドに設定したテンプレートタグを書いても、そのまま画像は表示されず、その画像へのリンクが出力されてしまいます。
画像へのリンクではなく、直接画像を表示したい場合は、以下のように指定します。
※以下、カスタムフィールドに指定したテンプレートタグが <MTEntryImage> という仮定での記述です。
<MTEntryImageAsset> <$MTAssetThumbnailLink$> </MTEntryImageAsset>
上記のように、「設定したテンプレートタグ+Asset」というタグ内で「MTAssetThumbnailLink」を使用することで、カスタムフィールド画像のサムネイルが出力され、さらにアップロードした画像そのものにリンクします。
サムネイル画像のサイズを変更したい場合は、以下のモディファイアを使用します。
<!-- サムネイル画像の最大横幅を100pxに指定 --> <$MTAssetThumbnailLink width="100"$> <!-- サムネイル画像の最大縦幅を100pxに指定 --> <$MTAssetThumbnailLink height="100"$> <!-- サムネイル画像を実際の画像の50%の大きさに指定 --> <$MTAssetThumbnailLink scale="50"$>
なお、前述の通り MTAssetThumbnailLink では、「サムネイル画像の出力」と「元画像へのリンク」の二つを自動的にやってしまいます。
画像の出力だけがしたい（元画像へのリンクは要らない）という場合は、MTAssetThumbnailURL というテンプレートタグを使用できます。
こちらは、サムネイル画像のURLのみを出力するためのテンプレートタグです。
<MTEntryImageAsset> <img src="<$MTAssetThumbnailURL$>" /> </MTEntryImageAsset>
このように書けば、サムネイル画像だけを出力できます。
ちなみに、MTAssetThumbnailURL タグにも、width、height、scale のモディファイアが使用可能なので、サムネイル画像のサイズ調整も行なえます。
つぶやく
- 関連するブログ記事
-
スポンサード リンク
- カテゴリー
- Movable Type 4 | Movable Type 5
- タグ
- Movable Type | MTAssetThumbnailLink | MTAssetThumbnailURL | カスタムフィールド
- 現在位置
- TOP > Web制作技術 > Movable Type 4 > Movable Type でカスタムフィールドの画像を表示する方法
- 前のブログ記事
- 2010年に読んだ自然科学系書籍ベスト20 [2011年4月25日 18:16]
- 次のブログ記事
- 大阪市立自然史博物館で特別陳列「お披露目！博物館に届いた新しい標本」を観てきました [2011年5月 7日 22:43]
コメント(27)
bajpjav http://paydayloansusaplh.com/ payday loans
Hello!
Hello!
Hello!
Hello!
Hello!
Hello!
Hello!
Hello!
Hello!
Hello!
Hello!
Hello!
Hello!
Hello!
Hello!
Hello!
Hello!
Hello!
abhpux http://paydayloansqxc.com/ easy payday loans
http://www.montedentistry.com/?17.phpOakley Jupiter Sunglasses
xvzara http://paydayloansbrt.com/ payday loans
hjmadnv http://genericviagrartb.com/ generic viagra
I think more updates and will be returning. I have filtered for qualified edifying substance of this calibre all through the past various hours.
You may post on the skilled credentials for the web log owner. you'll categorical it's outstanding. Your web log expertise will springboard your click through.
Hello!
Hello!
コメントする