テーマでアイキャッチ画像のサイズを設定する方法2

アイキャッチ画像のサイズを指定したサイズで表示する方法として、functions.phpファイルにadd_image_size()を使って設定する方法があります。

add_image_size('名前', 幅, 高さ, 切り抜き有無);

切り抜きは、trueかfalseを指定しますけれど、表示はどうなんだろう?と疑問ですが、とりあえずそれはスルーして、実際に使用するときのコード例は下のようになります。

add_image_size('small',200, 200, true);

functions.phpでadd_image_sizeを設定したあと、the_post_thumbnailの引数にadd_image_sizeで設定した名前(small)を設定すると、add_image_sizeで指定したサイズで表示されます。

the_post_thumbnail('small');

画像imgタグのクラスには、.attachment-smallが設定されますので、アイキャッチ画像のスタイル例は下のコードになります。

.attachment-small {
...
}

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です