WordPressで複数ブログのRSSを取得して、日付・画像・サイト名・投稿名を表示させる方法

先日、クライアントより「複数のブログ(WordPress)の投稿をまとめて新着順にソートして、『日付』『画像』『サイト名』『記事タイトル』全てを表示できるようにして欲しい」と依頼がありました。

WordPress(ワードプレス)

WordPressのRSSフィードを取得して、他のブログの新着情報を表示したことはありましたが、ここまで盛りだくさんな要望はなかったので苦戦しました。今回は備忘録も兼ねてソースを紹介します。

複数ブログの日付・画像・サイト名・タイトルを取得する方法

<?php
   include_once(ABSPATH . WPINC . '/rss.php');
   define('MAGPIE_OUTPUT_ENCODING' , 'UTF-8');
   define('MAGPIE_CACHE_DIR' , './cache');
   define('MAGPIE_FETCH_TIME_OUT', 30);
   define('MAGPIE_CACHE_AGE', 60*60);
//フィードのURI
$rss_arr = array(
    'https://www.webernote.net/?feed=rss2',
    'https://www.webernote2.net/?feed=rss2',
    'https://www.webernote3.net/?feed=rss2'
);
$rss = fetch_feed($rss_arr);
if (!is_wp_error( $rss ) ) :
    // すべてのフィードから最新5件を出力
    $maxitems = $rss->get_item_quantity(5); 

    // 0件から始めて指定した件数までの配列を生成
    $rss_items = $rss->get_items(0, $maxitems); 
endif;
?>
<ol class="clearfix">
    <?php if ($maxitems == 0) echo '<li>No items.</li>';
    else
    //RSSフィードが0件の時は「No items.」と表示
    //RSSフィードが1件以上ある時は、以下のようにRSSのデータを繰り返し
    //取得RSSのデータは、$itemにあるデータであれば、他のデータも表示可

    foreach ( $rss_items as $item ) : ?>
    <li class="clearfix">
    <?php
      // ブログの画像を取得
      $first_img = '';
      if ( preg_match( '/<img.+?src=[\'"]([^\'"]+?)[\'"].*?>/msi', $item->get_content(), $matches ) ) {
      $first_img = $matches[1];
      }
    ?>
    <?php if ( !empty( $first_img ) ) : ?>
      <a href='<?php echo $item->get_permalink(); ?>' class="image" target="_blank">
        <img src="<?php echo esc_attr( $first_img ); ?>" alt="" style="width:80px;height:60px;object-fit:cover;">
      </a>
    <?php else : ?>
      <span class="image">
        <img src="<?php echo esc_url ( get_template_directory_uri() ); ?>/img/noimg.png" alt="no image">
      </span>
    <?php endif; ?>
    
    <div class="info">
      <p class="date"><?php echo $item->get_date("Y.n.j"); // 日付 ?></p>
      <h4 class="title"><a href='<?php echo $item->get_permalink(); ?>' target="_blank">
      [<?php echo $item->get_feed()->get_title(); // サイト名 ?>]&nbsp;<?php echo $item->get_title(); // 記事タイトル ?></a></h4>
    </div>
    </li>
    <?php endforeach; ?>
</ol>

サイト名の表示方法がググっても全然出てこなくて地味に苦労しました(汗)クラス名は私が使ったコードのままなので、適宜変更してください。

参考サイト:WordPressで複数RSSを日付順に表示する

RSSフィードのキャッシュを無効化する方法

WordPressで生成されたRSSフィードは一定時間キャッシュされるため、ブラウザの更新をしてもすぐに反映されません。キャッシュを無効化するとサーバーの負荷や表示スピードに影響が出るので、通常はそのままでもいいと思いますが、動作確認時には無効にした方が便利です。

RSSフィードのキャッシュを無効化するにはfunctions.phpに下記のフィルタ用コードを挿入します。

function do_not_cache_feeds(&$feed) {
$feed->enable_cache(false);
}
add_action( 'wp_feed_options', 'do_not_cache_feeds' );

functions.phpはゴミが入ったり記述を間違えると、サイト全体が表示されなくなる場合がありますでご注意ください。

Related Posts