アイキャッチ画像を表示する

WordPress

トップページ記事(single.php)、一覧(archive.phpなど)、固定ページ(page.php)など様々な場所で使用します。

コード

<?php
// アイキャッチ画像があれば表示する.
if ( has_post_thumbnail() ) :
	?>
	<!-- サイズは適切なものを選択する。
	'thumbnail'、'medium'、'large'、'full'
	-->
	<?php the_post_thumbnail( 'full' ); ?>
<?php endif; ?>

アイキャッチがない時の処理も必要な場合

<?php
// アイキャッチ画像があれば表示する.
if ( has_post_thumbnail() ) :
	?>
	<!-- サイズは適切なものを選択する。
	'thumbnail'、'medium'、'large'、'full'
	-->
	<?php the_post_thumbnail( 'full' ); ?>
<?php else : ?>
	<!-- アイキャッチ画像がない場合 -->
	<!-- 画像の指定はテーマのフォルダ構成によって変更する -->
	<img src="<?php echo esc_url( get_template_directory_uri() ); ?>/images/no-image.png"  alt="">
<?php endif; ?>

この記事の執筆・検証

シゴトノコバコ編集部

Web制作10年以上。コーポレートサイト、大手企業LPなど構築をメインに実務経験あり。デザイン/印刷の実務経験も多少あり