WordPressでメディアライブラリの画像を表示する方法

ここでは、WordPressでメディアライブラリの画像を表示する方法について説明していきます。

wp_get_attachment_image()

メディアライブラリの画像を表示させるには、wp_get_attachment_image()を用います。

構文

wp_get_attachment_image(画像ID)

画像IDの取得

画像のIDはメディアライブラリで該当の画像を選択することでアドレスに表示されます。

使用例

<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>

※カードの画像の部分で、記事にアイキャッチ画像が登録されていない場合、「no-image」の画像が表示されるようにしています。

出力結果

まとめ

上記のように、wp_get_attachment_image()を用いることで、メディアライブラリに登録されている画像を表示させることができます。