WEB DESIGN (B)LOG

ノンプログラマーなWebデザイナーによるWordpress、HTML5、スマートフォンサイト制作関連などWebサイト制作に関するブログ

プラグインなしでMovable Typeでいろいろなサイズのサムネイル画像を生成する

:Movable Type

Movable Typeでサムネイル画像を生成したいと調べると、
様々なプラグインなどが出てきて、
また、画像の呼び出しがしにくかったり、
いろいろなサイズで書きだしたりするのが使いにくかったりしたのですが、
結局プラグインなんて必要なく、基本機能で片付いたのでメモ。


MTAssetThumbnailLink、MTAssetThumbnailURL を使って生成


サムネイルの生成は、
Movable Typeのテンプレートタグ
MTAssetThumbnailLink」、「MTAssetThumbnailURL」のどちらかを使います。

(僕だけかもしれませんが)このタグで生成されるサムネイル画像は、
MTの設定で決まったサイズが生成されているだけかと思っていましたが、

<$MTAssetThumbnailURL width="value_foo"$>

のように指定すると、
実際に横幅サイズの画像が生成されます。
縦だけ指定すると横は自動的に算出、
横だけ指定すると縦は自動的に算出、
両方を指定した場合、元画像サイズの長辺の指定を適用してくれるすぐれものです。
(リファレンスにまんま書いてありますがwまさか書き出してくれるとは思いませんでした)

ちなみにサムネイル画像は、
サイトルートの「assets_c」に書きだされます。
管理画面内で使われる画像とこちらの指定サイズ画像が書きだされているようです。

ちゃんと仕組みを理解できてないのが一番悪いのですが、
いろいろなプラグインの存在のせいでここになかなかたどりつけませんでした、、、
ということで、
記事や記事一覧などでサムネイルを表示したい場合、
テンプレートに合わせていろいろなサイズも吐き出せますし、
こちらの方法が良いと思いました。

pagetop