カスタム投稿タイプに設定したアイキャッチ画像を直接取得する方法

WPホームページ研究所運営サポートチーム監修のオムスビ（@OMUSUVIcom）です。

本日は業務メモです。カスタム投稿タイプとして追加したデータからアイキャッチ画像を取得する方法ですね。カスタム投稿タイプは色々な活用ができます。使い方は状況によってもさまざまですがたとえば画像ギャラリーとして好きなだけイメージ画像を追加して特定のページで表示させたりとアイデア次第で自由自在。

下記ではカスタム投稿タイプに設定した画像をピンポイントで取得するカスタマイズをご紹介いたします。

カスタム投稿タイプに設定したアイキャッチ画像を直接取得する方法

以前に「カスタム投稿タイプの作成手順」を書いてますのでぜひご一読ください。

<?php
	// カスタム投稿タイプに追加したアイキャッチをすべて取得する
	$args = array(
		'post_type' => 'sample'
	);
	$loop = new WP_Query( $args );
	while ( $loop->have_posts() ) : $loop->the_post();
		the_post_thumbnail('thumbnail');
	endwhile;
	wp_reset_postdata();
?>

サイズを指定することもできます。

// デフォルト 横150px 縦150px
the_post_thumbnail( 'thumbnail' );

// デフォルト 横300px 縦300px
the_post_thumbnail( 'medium' );

// デフォルト 横640px 縦640px
the_post_thumbnail( 'large' );

// アップロードした画像の元サイズ
the_post_thumbnail( 'full' );

// サイズ指定 横100px 縦100px
the_post_thumbnail( array( 100, 100 ) );

色々な大きさが取得できます。横と縦を各々指定することも可能。縦横比はアップロードしたオリジナル画像によっても変わるので「長方形を使いたい場合」は事前設定が必要かもしれません。