如何让WordPress站点A展示站点B RSS源的特色图片？

第一步：确认RSS源是否包含特色图片 #

直接访问站点B的RSS feed地址（通常是域名/wp-rss2.php或域名/feed），查看页面源码：

• 检查是否存在<enclosure>标签（WordPress默认会把特色图片以该标签输出到RSS）
• 或者是否有<media:content>标签（部分主题/插件会采用这个格式）

如果源码里完全找不到图片相关标签，说明站点B的RSS并未真正包含特色图片，需要对方调整：

• 可以用插件（比如Featured Images in RSS Feeds）强制添加图片到RSS
• 或者在B站主题的functions.php中添加代码：

  add_filter('the_excerpt_rss', 'add_featured_image_to_rss');
  add_filter('the_content_feed', 'add_featured_image_to_rss');
  function add_featured_image_to_rss($content) {
      global $post;
      if(has_post_thumbnail($post->ID)) {
          $image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'medium');
          $content = '<img src="'.$image[0].'" alt="'.get_the_title($post->ID).'" style="max-width:300px; height:auto;" />'.$content;
      }
      return $content;
  }
  

第二步：自定义RSS区块输出（无需硬编码主题） #

如果RSS源确实包含图片，但默认区块不显示，可通过WordPress的render_block过滤器修改区块内容：

1. 将以下代码添加到站点A的主题functions.php文件，或者自定义插件中：

   add_filter( 'render_block_core/rss', 'inject_featured_image_into_rss_block', 10, 2 );
   function inject_featured_image_into_rss_block( $block_content, $block ) {
       // 跳过无feed地址的情况
       if ( empty( $block['attrs']['feedURL'] ) ) return $block_content;
   
       $rss = fetch_feed( $block['attrs']['feedURL'] );
       if ( is_wp_error( $rss ) ) return $block_content;
   
       $max_items = $block['attrs']['itemsToShow'] ?? 5;
       $items = $rss->get_items( 0, $max_items );
   
       foreach ( $items as $item ) {
           $image_url = '';
           // 优先获取enclosure格式的图片
           if ( $enclosure = $item->get_enclosure() ) {
               $image_url = $enclosure->get_link();
           }
           // 其次获取media:content格式的图片
           elseif ( $media_tags = $item->get_item_tags( 'http://search.yahoo.com/mrss/', 'content' ) ) {
               $image_url = $media_tags[0]['attribs']['']['url'];
           }
   
           if ( $image_url ) {
               $title = esc_html( $item->get_title() );
               $permalink = esc_url( $item->get_permalink() );
               // 替换区块中的标题部分，插入图片
               $block_content = str_replace(
                   "<h3 class='wp-block-rss__item-title'><a href='{$permalink}'>{$title}</a></h3>",
                   "<div class='rss-item-with-image'><img src='{$image_url}' alt='{$title}' class='rss-featured-img' style='max-width:120px; height:auto; margin-right:15px; float:left;' /><h3 class='wp-block-rss__item-title'><a href='{$permalink}'>{$title}</a></h3></div>",
                   $block_content
               );
           }
       }
       return $block_content;
   }
   

2. 保存后刷新站点A的页面，RSS区块就会自动显示每个文章的特色图片，样式可通过修改代码里的style属性或主题CSS调整。

第三步：替代方案（无代码） #

如果不想写代码，可安装第三方RSS插件（比如Feedzy RSS Feeds），这类插件专门支持RSS内容的可视化展示，包括特色图片，直接在编辑器中添加插件提供的区块即可完成设置。

是否需要硬编码主题？ #

不需要优先考虑硬编码。硬编码会把RSS内容固定在主题模板中，无法通过编辑器调整展示数量、样式等，灵活性远不如自定义区块或使用插件。只有当上述方法都无法实现时，再考虑在主题模板中用fetch_feed()函数手动渲染RSS内容。

内容的提问来源于stack exchange，提问作者livlaitinen