[WordPress]アイキャッチ画像を取得して表示させる方法

WordPress

2019.09.122021.05.25

アイキャッチ画像があれば画像を表示し、なければnoimg画像を表示
1. get_the_post_thumbnail_url()
2. wp_get_attachment_image_src()
アイキャッチを<img>タグで表示
1. get_the_post_thumbnail()
アイキャッチ画像のサイズを指定して表示
1. fullサイズを指定

アイキャッチ画像があれば画像を表示し、なければnoimg画像を表示

get_the_post_thumbnail_url()

<?php if(get_the_post_thumbnail_url()): ?>
	<img src="<?php echo get_the_post_thumbnail_url(get_the_ID()); ?>">
<?php else:?>
	<img src="/noimg.jpg">
<?php endif;?>

<?php if(get_the_post_thumbnail_url()): ?>

<?php else:?>

<?php endif;?>

wp_get_attachment_image_src()

<?php if (has_post_thumbnail()):?>
<?php $image_url = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'medium');?>
	<img src="'.$image_url[0].'">
<?php else:?>
	<img src="/noimg.jpg">
<?php endif;?>

<?php if (has_post_thumbnail()):?>

<?php $image_url = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'medium');?>

<?php else:?>

<?php endif;?>

アイキャッチを<img>タグで表示

get_the_post_thumbnail()

<?php if (has_post_thumbnail()):?>
	<?php echo get_the_post_thumbnail($post->ID, 'medium');?>
<?php else:?>
	<img src="/noimg.jpg">
<?php endif;?>

<?php if (has_post_thumbnail()):?>

<?php echo get_the_post_thumbnail($post->ID, 'medium');?>

<?php else:?>

<?php endif;?>

アイキャッチ画像のサイズを指定して表示

fullサイズを指定

<?php if(get_the_post_thumbnail_url()): ?>
	<img src="<?php echo get_the_post_thumbnail_url(get_the_ID(),'full'); ?>">
<?php else:?>
	<img src="/noimg.jpg">
<?php endif;?>