どうも、スマコマのコマ太郎です。
今日は、追加で任意のサイズのサムネイル画像を作成する方法をご紹介しようと思います。
ブログカードのカスタマイズやプラグインで呼び出すサムネイル画像をテーマのサイズに調整するのに役立ちますよ。
さて、WordPress ではメディア(画像)をアップロードするとデフォルトで3つのサイズの画像が生成されます。
メディアサイズ
WordPress の基本機能では3サイズしか設定できません。
プラグインによっては、サムネイル画像を呼び出すことができるのですが、使用しているテーマとの兼ね合いで丁度良いサイズがなかったりします。
サイドバーに配置したサムネイル画像
上図は、プラグインを使って関連記事を表示させていますが、テーマとの兼ね合い(サイドバーの横幅)でぴったりハマるものがありませんでした。それどころか文字が画像に周り込んで崩れる始末です。
そこでピッタリ サイズが欲しいときに役立つのが、追加のサムネイルが作れる関数です。
add_image_size( $name, $width, $height, $crop );
$name:画像サイズの名前
$width:横幅サイズ
$height:高さサイズ
$crop:切り抜きの設定(true: 切り抜く、false: 切り抜かない)初期値:false
切り抜かない場合は、縦横比が維持された状態でリサイズされます。切り抜く場合は、縦横のいずれかが一致するサイズまでリサイズされた後、飛び出た部分がカットされます。
使用例)
add_image_size( ‘size320x200’, 320, 200, true );
これを functions.php に追加すれば OK です。(functions.php の場所や編集方法が分からないときは、こちらの記事の中ほどをご覧ください。「WordPressに画像をアップロードするとザラついた写真(劣化)になる」)
なお、リサイズは画像がアップロードされたときに実行されるため、既存のメディアに対しては無効です。
既存メディアもリサイズするなら、「Regenerate Thumbnails」プラグインを使って再生成してください。
プラグインからも呼び出せる
上図はプラグインから呼び出す例です。このように画像サイズは任意サイズを追加することが可能なのです。