Wordpress アイキャッチ画像の情報取得

2020-04-13

アイキャッチの画像の取得について、画像のサイズやURLの取得する方法を記載しておきます。
通常は、

<?php the_post_thumbnail(); ?>

1	<?php the_post_thumbnail(); ?>

と記述することで、表示することができます。

下記のように記述することで、画像の情報を取得できます。

$thumbnail_id = get_post_thumbnail_id($post->ID); //IDの取得
$image = wp_get_attachment_image_src( $thumbnail_id, 'full' ); //「full」サイズのアイキャッチの情報を取得
$src = $image[0]; //url
$width = $image[1]; //横幅
$height = $image[2]; //高さ

$thumbnail_id = get_post_thumbnail_id($post->ID); //IDの取得

$image = wp_get_attachment_image_src( $thumbnail_id, 'full' ); //「full」サイズのアイキャッチの情報を取得

$src = $image[0]; //url

$width = $image[1]; //横幅

$height = $image[2]; //高さ

これを利用することで、アイキャッチの画像のサイズが縦長/横長の場合と、クラスを分けて付与することなんかもできます。
また、{ wp_get_attachment_image_src( $thumbnail_id, ‘full’ ); }の部分でサイズ [ thumbnail, medium, large, full ]と指定することもできますが、full以外は、『管理画面』 > 『メディア』で指定しているサイズなので、わざわざサイズを取得する必要もないかと思います。