WordPressを使用してブログなどのWebサイトを構築していて、記事ごとにアイキャッチ画像を表示させる場合があります。各記事にサムネイルがあれば良いのですが、場合によってはサムネイルが必要でないこともあります。そのようなアイキャッチがない記事用の画像を表示させる方法を紹介します。

画像を用意する

まずは、アイキャッチがない記事のサムネイルとして表示させる画像を用意します。何でも構いませんが、よくあるのは「no image」といったテキストが書かれたシンプルなサムネイル画像などがあります。

条件分岐を作る

if文を用いて、サムネイルがなかった場合の処理を記述します。該当ファイル(index.phpなど)のアイキャッチを表示させる箇所に以下を追加します。

<div class="thumbnail">
<a href="<?php the_permalink(); ?>">
<?php
  if(has_post_thumbnail()):
    the_post_thumbnail();
  else:
?>
<img src="<?php echo get_template_directory_uri(); ?>/img/no-image.png" alt="" />
<?php endif; ?>
</a>
</div>

まず、「has_post_thumbnail()」を使って記事にアイキャッチがあるかどうか判定をしています。持っていれば「the_post_thumbnail()」でアイキャッチを呼び出し、持っていなければ「no-image.png」を表示させるという処理をしています。リンクを貼りたくない場合はa要素の部分を削除するだけです。

これで、アイキャッチがいらない場合やアイキャッチを設定し忘れてしまった場合でも最低限、moimage画像を代わりに表示させておくことができます。

おすすめの記事