アイキャッチ画像が設定されている記事には指定された画像を表示して、未設定の記事には別の画像を表示する方法

WEB-LABO

今回もアイキャッチ画像関連の記事です。 アイキャッチ画像が設定されていない記事には別の画像を表示する方法です。

PR

<?php the_post_thumbnail(); ?> でアイキャッチ画像に設定された画像を表示することができますが、それでも記事にアイキャッチ画像が設定されていなければ表示することができません。

アイキャッチ画像があったりなかったりして変化があっても良いのですが、サイトによっては何も表示されないのは困るという場合もあると思います。その場合は、下の方法で処理を分けて記述します。

 

アイキャッチ画像のあるなしで処理を分けるには

あらかじめデフォルトの画像を作成しておいて、アイキャッチ画像が設定されない場合には、そちらを表示させることができます。

<?php
if ( has_post_thumbnail() ):
	// アイキャッチ画像があるときの処理
	?><?php the_post_thumbnail('thumbnail'); ?><?php
else:
	// アイキャッチ画像がないときの処理
	?><img src="<?php bloginfo('template_url'); ?>/images/noimage.png" /><?php
endif;
?>

ちなみに、この記事はアイキャッチ画像を設定していないので、WEB-LABOのロゴが表示されるようにしています。

関連記事