ほりくり@ほりでぃWebクリエーター

アイキャッチ画像で複数サイズのサムネイルを作る

投稿日:2012年11月5日

アイキャッチ画像アップロード時に
複数サイズのサムネイルを同時に作成する設定


■設定

アイキャッチを使用するためにFunction.phpに下記コードを追加

add_theme_support('post-thumbnails');


デフォルトのサムネイルサイズを指定

set_post_thumbnail_size( $width, $height, $crop );


別サイズのサムネイルを追加

add_image_size( 'second_thumbnail', $width, $height, $crop );



■出力
ループ内に以下タグを記述

通常サイズのサムネイル
<?php the_post_thumbnail(); ?>


追加サイズのサムネイル
<?php the_post_thumbnail( 'second_thumbnail' ); ?>




■注釈
$crop
・true → 指定されたサイズに画像を切り抜き
set_post_thumbnail_size( 100px, 100px, true);

・未入力 → 縦横比固定でリサイズ
set_post_thumbnail_size( 100px, 100px);