【WordPress】RSSを使って他サイトの最新記事をアイキャッチ画像付きで一覧表示する方法

<?php if ( has_post_thumbnail() ) :
    $image_url = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'medium_large');
    $thumb_url = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'thumbnail');
    ?>
    <image><url><?php echo $image_url[0] ; ?></url></image>
    <thumb><url><?php echo $thumb_url[0] ; ?></url></thumb>
<?php endif; ?>

remove_filter('do_feed_rss2', 'do_feed_rss2', 10);
function custom_feed_rss2(){
  $template_file = '/feed-rss2.php';
  load_template(get_template_directory() . $template_file);
}
add_action('do_feed_rss2', 'custom_feed_rss2', 10);

<!-- RSSブロック -->
  <?php
  require_once TEMPLATEPATH. '/Feed.php'; // Feed.php読み込み
  $feed = new Feed;
  $url = 'https://hogehoge.com/feed'; // RSSのURL
  $rss = $feed->loadRss($url); // RSS取得
  $num = 6; // 表示させたい記事数
  $i = 0;
  $desW = 40; // 本文の文字数制限
  if ( $desW != 0 ){
    $desW = ($desW*2)+2;
  }
  ?>

<div class="RSS-Inner-Card">
  <?php
  foreach ( $rss->item as $item ){
    if($i>=$num){
    } else {
      $title = $item->title; // 記事タイトル
      $link = $item->link; // 記事リンク
      $timestamp = strtotime( $item->pubDate ); // 更新日時
      $image = $item->image->url; // アイキャッチ画像URL
      $description = $item->description; // 本文
      $description = strip_tags($description);
      if ( $desW != 0 ){
        $description = mb_strimwidth($description, 0, $desW, "...",'utf-8'); // 文字数制限超えたら「...」をつける
      }
     $eyecatch = '/img/no-image.png'; // アイキャッチ画像がない場合の代替画像
     if ( $image ){
       $eyecatch = $image;
     }
     $today = date('U');
     $sa = date('U',($today - $timestamp)) / 86400;
  ?>
  <!-- 記事カードアイテムのHTML -->
  <a href="<?php echo $link; ?>" class="RSS-Inner-Card-Item" target="_blank">
    <div class="RSS-Inner-Card-Item-ImgBox">
      <div class="RSS-Inner-Card-Item-ImgBox-Img" style="background:url('<?php echo $eyecatch; ?>') no-repeat center; background-size:cover;"></div>
      </div>
      <div class="RSS-Inner-Card-Item-Title"><?php echo $title; ?></div>
      <div class="RSS-Inner-Card-Item-Text"><?php echo $description; ?></div>
    </a>
    <!-- 記事カードアイテムのHTMLここまで -->
    <?php $i++; } } ?>
</div>

.RSS-Inner-Card{
   display: flex;
   flex-wrap: wrap;/*折返し許可*/
}
.RSS-Inner-Card-Item{
  width: calc((100% - 10px * 2) / 3);/*PCのときは3列*/
  box-sizing: border-box;
}
@media screen and (max-width:768px) {
  .RSS-Inner-Card-Item{
    width: 100%;/*スマホのときは１列にする*/
  }
}
.RSS-Inner-Card-Item:not(:nth-child(3n-2)){
  margin-left: 10px;
}
.RSS-Inner-Card-Item:not(:nth-child(-n+3)){
  margin-top: 10px;
}
@media screen and (max-width:768px) {
  .RSS-Inner-Card-Item:not(:nth-child(3n-2)){
    margin-left: 0;
  }
  .RSS-Inner-Card-Item:not(:nth-child(-n+3)){
    margin-top: 0;
  }
  .RSS-Inner-Card-Item:not(:nth-child(1)){
    margin-top: 10px;
  }
}
.RSS-Inner-Card-Item-ImgBox{
  width: 100%;
}
.RSS-Inner-Card-Item-ImgBox-Img{
  width: 100%;
  padding-top: 56.25%;/*画像縦横比率維持*/
}
.RSS-Inner-Card-Item-Title{
  margin-top: 10px;
  color: #5bc8ac;
  font-size: 16px;
}
.RSS-Inner-Card-Item-Text{
  margin-top: 8px;
  line-height: 1.8;
  color: #666;
  font-size: 14px;
}