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

「php, WordPress, カスタマイズ, カスタマイズ, テーマ, 伝えたいこと, 備忘録」同じカテゴリーの記事一覧

: Stinger6カスタマイズ?スマホ表示がオカシイので変更と削除した部分

: プラグインなしで人気記事ランキング表示方法（とりあえず簡単な方法と詳細方法）

: WordPressテーマカスタマイズしてみた。

: PHPバージョン5.5に設定変更方法

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

あなたにおすすめ

: PC カスタマイズカスタマイズ伝えたいこと備忘録設定
MicrosoftIMEショートカットキー一覧Google日本語入力も同じ
これまで、日本語入力にソフトには元祖のジャストシステムさんのATOKや、WindowsOSの標準装備されたIME、もしくは、Google日本語入力などがメインではないでしょうか？その日本語入力（IME…
もっと読む

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

: Android iPhone スマホ伝えたいこと
今、一番人気のあるiPhoneアプリとAndroidアプリ
今では当たり前になってきている？スマホです。大きく分けるとすると、 iPhoneとAndroid系のスマホに2種類に分けられます。そんな中でも、使用する人によってインストールされるアプリ…
もっと読む

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

: STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズテーマ備忘録
WordPress自分のショートコード備忘録
現在の自分が使用しているテーマでの、ショートコードを用いてテンプレートからショートコードを用いて任意のコードを表示させる方法の備忘録です。

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

: 伝えたいこと備忘録時事ネタ
メディファーマが治験１２３件で違反行為…血圧数値改ざんなど、創業以来の組織ぐるみか
こういった製薬関連のデータ改ざんや製造工程の品質管理など人の体に入れる薬なのですから、しっかりしてほしいです。健康被害が今現在ないとか言っていても、その後はわからないですしご本人が気づいていない体調…
もっと読む

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

: AFFINGER4Pro SNS STINGER PLUS+ Stinger6 Stinger7 WordPress インターネットカスタマイズ伝えたいこと備忘録
SNSボタンCSSカスタマイズでクリック率上げて拡散してもらう方法
今はインターネットにおいて欠かすことの出来ないツールとなっているSNSがあります。そして、そのSNSには拡散してもらう為のボタンがあります。多くのブログやホームページなどのサイトでよく目にかけま…
もっと読む

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

: PC Windows10 カスタマイズ備忘録
Windows10でWindows.old削除でなくバックアップ方法
多くの方々がWindows10にアップグレードした後に、 Cドライブ直下に「Windows.old」というフォルダがあり、さらに結構な容量があります。なので、 HDD容量が少なめの方やWindow…
もっと読む