rss2.php編集版RSSフィードにアイキャッチ画像を表示する方法

所要時間目安：約5分

This session is using　 IPv4 　is established in

RSSフィードにアイキャッチ画像をしっかりと表示する方法

新型コロナワクチンの予診票ジェネレーター。これは便利!?

この記事は2021年9月26日のものです。現在は状況が異なる可能性がありますのでご注意ください。

php WordPress カスタマイズカスタマイズテーマ伝えたいこと備忘録

目次に行く･戻る

+本日の人気記事TOP10+

メルカリ招待コード：

何度も何度も申し訳ありません。どうしてもRSSフィードにアイキャッチ画像を表示させたくて邁進している所存でございます。。。。先日にも再度検証してコードを修正したりいくつかの方法を記載いたしました。その他の方法も発見しましたので備忘録としての記載をしておこうかと思います。今回は2種類を考えてみました。どちらもディレクトリ内の/wp-includes/feed-rss2.phpを利用して編集する内容になります。

アドセンス336pxPC閲覧記事下表示1つ目コード

再度RSSフィードにアイキャッチ画像をfeed-rss2.phpを利用し編集して表示する方法です。

上記のfeed-rss2.phpのテンプレートファイルはWordPressがインストールされているディレクトリの/wp-includes/feed-rss2.phpにあります。

以下画像参照。

FTPソフトやそれぞれのサーバでのファイル転送サービスにて該当ディレクトリにアクセスしてfeed-rss2.phpをダウンロードします。

その後、テキストエディタにてファイルを開いて編集します。

3つの方法ごとにコードを追記する場所が異なりますのでそれぞれ画像を掲載いたします。

まずは追記するコードは以下になります。

<?php /* ここから追加 */
if ( has_post_thumbnail() ) :
$image_url = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), '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;
/* ここまで追加 */ ?>

上記コードをダウンロードしたfeed-rss2.php内の以下の位置に追記します。

item内であればどこでも大丈夫ですがfeed（フィード）内容を確認してみると掲載位置が異なることがわかると思います。

（方法1）description内にアイキャッチ画像が入っているのか。
（方法2）descriptionの上記の位置にアイキャッチ画像が入っているのか。
（方法3）descriptionの後にアイキャッチ画像が入っているのか。

（方法1）

上記のコードを以下の画像のように追記します。

具体的には以下のコード内容になります。

<?php if ( get_option( 'rss_use_excerpt' ) ) : ?>
<description><![CDATA[<?php /* ここから追加 */
if ( has_post_thumbnail() ) :
$image_url = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), '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;
/* ここまで追加 */ ?><?php the_excerpt_rss(); ?>]]></description>

次に、方法2です。

以下画像のように追記する場所にコードを追加します。

具体的には以下になります。

<guid isPermaLink="false"><?php the_guid(); ?></guid>

<?php /* ここから追加 */
if ( has_post_thumbnail() ) :
$image_url = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), '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;
/* ここまで追加 */ ?>

<?php if ( get_option( 'rss_use_excerpt' ) ) : ?>
<description><![CDATA[<?php the_excerpt_rss(); ?>]]></description>

次に方法3のdescriptionの下にアイキャッチ画像を插入する場所は以下になります。

具体的には以下になります。

<description><![CDATA[<?php the_excerpt_rss(); ?>]]></description>
<?php /* ここから追加 */
if ( has_post_thumbnail() ) :
$image_url = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), '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;
/* ここまで追加 */ ?>
<?php else : ?>

この3つの方法でRSSフィードにアイキャッチ画像を表示させる下準備ができました。

（まだ下準備ですよ・・・。）

その後にfunction.phpに以下のコードを追加します。

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

※function.phpを弄るのでいじる前に必ずバックアップをしてからにしてください。

上記コードの好きな3つの方法のコードを追加したfeed-rss2.phpはご自身の使用しているThemeフォルダ内のアップロードします。

子テーマを使用しているのでありましたら、子テーマフォルダ内を推奨します。

また、子テーマの場合には上記のfunction.phpに記述するコードが少し異なります。

一部分なのですが分からなくなってしまうと困るので全部以下に記載します。

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

親テーマ内のfunction.phpであれば初めのコードそのままで大丈夫なのですが、子テーマを使用していて子テーマフォルダ内にfeed-rss2.phpをアップロードして子テーマのfunction.phpの場合は4行目のtemplateという1行を編集しなければ読み込まれません。

load_template(get_template_directory() . $template_file);

↓

load_template(get_stylesheet_directory() . $template_file);

templateとstylesheetの使い分けが親テーマの場合と子テーマの場合では必要になってきます。

feed-rss2.phpを編集後と親テーマのfunction.php（もしくは子テーマのfunction.php）にコードを追記後はThemeフォルダ内に該当ファイル2つをアップロードしてください。

その後ご自身のfeed（フィードURL）を表示してみると、アイキャッチ画像が

descriptionに中に追記されているのか
descriptionの上部分に追記されているのか
descriptionの下に追記されているのか

それぞれお分かりになりると思います。

参考サイト）

RSS フィードにアイキャッチ画像を含めて別のサイトで表示する

WordPress のサイトから RSS フィードを取得して表示する場合、RSS フィードからデフォルトで取得できる情報は、タイトル、パーマリンク、投稿日、投稿者、概要（本文）くらいで、アイキャッチ画

フロントエンドエンジニアのblog

一番のおすすめな方法はdescription内に追記する方法がコード的には一番良いのではないかと思われます。

先述の通りさまざまな方法がありますが今回の方法1を現在活用しています。

これまでのRSSフィードにアイキャッチ画像を表示する方法まとめ

RSSフィードにアイキャッチ画像をしっかりと表示する方法

これまでに何度かThemeによってRSSフィードやFeedlyなどにアイキャッチ画像が表示されないThemeがあります。このアイキャッチ画像を今更ながら再検証してみました。以前にf

あなたにおすすめな関連記事

: STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズテーマ不具合伝えたいこと備忘録
WordPressの文字コードはUTF-8で改行LFにて保存する方法
えーっと、この度WordPressのバージョンを4.6.1にバージョンアップしてから管理画面にjetpack4.3.2のダッシュボードを表示した際に、ちょっとしたWarningメッセージが表示されるよ…
もっと読む

インフィード広告アドセンス

: Windows10 カスタマイズ伝えたいこと備忘録
Windows10でスタートアップ登録してアプリ自動起動する方法すべてのユーザと自分のみがユーザの場合
かれこれWindows10がリリースされてあと約2ヶ月で早いもので2年になってしまいます。昨年の夏にはAnniversaryUpdateのメジャーアップデートがあり、その前にはリリースされた2015年…
もっと読む

インフィード広告アドセンス

: Stinger6 Stinger7 WordPress インターネットカスタマイズテーマ伝えたいこと備忘録
ページ表示速度高速化レンダリングブロック解決方法ができた！！
ふぅ～ε=(・ρ・*) フゥ、やっとできた！！ここ数日なんとかサイトのページ表示速度をできるだけ速く高速化したいなぁ。とずぅ～っと考えていました。今日も昨日も記事にしていますが^^;）（汗）…。おそ…
もっと読む

インフィード広告アドセンス

: WordPress カスタマイズ伝えたいこと備忘録
カテゴリの人気記事を表示する方法
記事を読んで頂いていて該当記事を読み終わった後に、同じカテゴリーに属する人気記事を表示する方法です。せっかく訪問して頂いて記事を読んでもらった後に同じカテゴリー内で人気のある記事が表示…
もっと読む

インフィード広告アドセンス

: 伝えたいこと備忘録時事ネタ
ベッキーが上半身裸で臨んだ大胆な新聞広告…。自分を大切にしてね。
（アイキャッチ画像はナリナリドットコムhttps://www.narinari.com/Nd/20160939982.htmlのスクショです。）あのベッキーが・・・・・・。ある意味トレードマークだっ…
もっと読む

インフィード広告アドセンス

: 伝えたいこと備忘録
ピカットロンプロでキッチンシンク排水口のヌメリやお風呂のカビ取り
何年か前にテレビのショピング番組でピカットロンプロという台所（キッチンシンク）の排水口やお風呂の排水部分のヌメリやカビ取り、そして洗面所のヌメリや髪の毛などの水回りの清掃にただドロッとしたピカットロン…
もっと読む