【rss】enclosureタグを使用して画像を表示させる方法

• rssのenclosureタグを使用して画像を表示させるにどうしたらいいだろう…
• 記事本文の最初の画像は取得できないけど、enclosureタグなら何とかなるかな…

このような疑問にお答えします！

【rss】enclosureタグを使用して画像を表示させる方法

rssのenclosureタグを使用して画像を表示させる為のコードは下記のとおり。

<img src="<?php echo $item->get_enclosure()->link; ?>" alt="">

全体のコードを下記のとおり。

<div class="blog">
  <div class="blog__list">
    <?php
      include_once(ABSPATH . WPINC . '/feed.php');
      $rss = fetch_feed('rssのurlが入ります。rssのurlが入ります。rssのurlが入ります。');
      $maxitems = 0;
    ?>

    <?php if(!is_wp_error($rss)): ?>
      <?php
        $maxitems = $rss->get_item_quantity(4); // 表示（取得）件数
        $rss_items = $rss->get_items(0, $maxitems);
      ?>
    <?php endif;?>

    <?php foreach($rss_items as $item): ?>

      <!-- 繰り返し -->
      <article class="blog__item blog-item">
        <a href="<?php echo esc_url($item->get_permalink()); ?>" target="_blank" rel="noopener">
          <div class="blog-item__image">
            <img src="<?php echo $item->get_enclosure()->link; ?>" alt="">
          </div>
          <div class="blog-item__content">
            <h2 class="blog-item__title"><?php echo esc_html($item->get_title()); ?></h2>
            <time class="blog-item__time" datetime="<?php echo $item->get_date('Y-m-d'); ?>">
              <?php echo $item->get_date('Y.m.d'); ?>
            </time>
          </div>
        </a>
      </article>
      <!-- / 繰り返し -->

    <?php endforeach; ?>
  </div>
</div>

rssのurlを簡単に調べる方法

rssのurlがどれか分からいという方は、『BeRSS.com』を使用して簡単に調べることができます。

『BeRSS.com』を使用して、rssのurlを調べる手順は下記のとおり。

1. BeRSS.comにアクセスする
2. 対象のurlを入力する
3. 『検索スタート』をクリックする