Page Top

WordPressでアイキャッチ画像が未設定の場合は別の画像を設定する方法

アイキャッチ画像の有無で処理を分ける記述方法

例外処理の基本的な考え方として、処理の内容を条件分で判定し、例外がおきた時は処理が滞らないようにうまく逃がしてやることが必要になります。
今回の場合は、アイキャッチが無い場合に空欄で表示されることを防ぎたいので、「get_the_post_thumbnail()」でアイキャッチ画像が設定されているかどうかを判定し、アイキャッチ画像がある場合はそのまま表示、無い場合には自前で用意した画像を表示する、といった風に処理を分けてやる必要があるのです。

サンプルプログラム

具体的なサンプルを見ていきましょう。
ここで紹介するのは、アイキャッチ画像が設定されている場合は360px×240pxのリサイズ画像を表示し、アイキャッチ画像が設定されていない場合には、予めサーバーにアップロードしておいた「no-image.jpg」という画像を表示させるプログラムです。
「no-image.jpg」の画像サイズを360px×240pxにしておくことで、アイキャッチ画像の設定を行わない場合にもデザインを崩すことなく表示することができます。

アイキャッチ画像が設定されていない場合の例外処理として「no-image.jpg」を表示させる

<?php if( get_the_post_thumbnail() ) { ?>

  // ここにアイキャッチが設定されている場合の処理を記述
  <div class="post-thumbnail">
    <a href="<?php the_permalink(); ?>" rel="nofollow"><?php the_post_thumbnail(array(360,240)); ?></a>
  </div>

<?php }else{ ?>

  // ここにアイキャッチが設定されていない場合の処理を記述
  <div class="post-thumbnail">
   <a href="<?php the_permalink(); ?>" rel="nofollow"><img src="<?php echo get_template_directory_uri(); ?>/img/no-image.jpg"></a>
  </div>

<?php } ?>

お問い合わせ

タレントマネジメントシステムに関することならお気軽にご相談ください。
電話でのお問い合わせ
(平日:10:00〜18:00)
フォームからのお問い合わせ
ご相談・ご質問・資料請求