WordPressでアイキャッチ画像を表示させる方法

ここでは、WordPressでアイキャッチ画像を表示させる方法について説明していきます。

the_post_thumbnail()

記事のアイキャッチ画像を表示させるには、the_post_thumbnail()を用います。

使用例

<a href="<?php the_permalink(); ?>" class="cards__item card">
  <figure class="card__img-wrapper">
    <?php if (has_post_thumbnail()) : ?>
      <?php the_post_thumbnail(); ?>
    <?php else : ?>
      <?php echo wp_get_attachment_image(574); ?>
    <?php endif; ?>
  </figure>
  <div class="card__body">
    <h3 class="card__title">
      <?php the_title(); ?>
    </h3>
    <p class="card__text">
      <?php the_excerpt(); ?>
    </p>
  </div>
  <!-- /.card__body -->
</a>

出力結果

まとめ

上記のように、the_post_thumbnail()を用いることで、アイキャッチ画像を表示することができます。