Loading…

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

RSSフィードにアイキャッチ画像表示方法feed-rss2.php編集位置

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

本日の人気記事BEST10

所要時間目安:5

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

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

RSSフィードにアイキャッチ画像表示方法feed-rss2.php編集位置

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

スポンサーリンク

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

この記事を読む方へのオススメ
よく読まれている人気記事一覧

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

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

以下画像参照。

RSSフィードにアイキャッチ画像表示方法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)

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

RSSフィードにアイキャッチ画像表示方法feed-rss2.php編集位置

 

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

<?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です。

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

 

RSSフィードにアイキャッチ画像表示方法feed-rss2.phpを利用編集

 

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

<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の下にアイキャッチ画像を插入する場所は以下になります。

 

RSSフィードにアイキャッチ画像表示方法feed-rss2.php編集追加

 

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

 

<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の下に追記されているのか

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

参考サイト)

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

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

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

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


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

おすすめの記事一部広告

    Multiplex 広告

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


関連記事

記事上に人気記事表示

Stinger6 Stinger7 WordPress テーマ 伝えたいこと 備忘録

究極のSEOそれは…。

  よくGoogleに対する検索上位表示させる方法・手法・技法などを総称してSEO(Search Engine Optimization)と言います。 一個人である私もブログを始めてから意識…

もっと読む

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

大山式ボディメイクパット趾

STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ テーマ 備忘録

WordPress自分のショートコード備忘録

現在の自分が使用しているテーマでの、 ショートコードを用いてテンプレートからショートコードを用いて任意のコードを表示させる方法の備忘録です。

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

人気記事ランキング表示

STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ 伝えたいこと 備忘録

人気記事ランキングに順位を付けてCSSで丸く表示する方法

多くのサイトやブログにおいて人気のある記事は異なると思います。 また、 人気記事をサイトやブログに表示しておくだけで訪れてくれた人にこのブログやサイトでの人気のある記事ランキングが分かるようになります…

もっと読む

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

スマホの保護フィルムの中に空気の気泡を入れない方法

Android iPhone スマホ 伝えたいこと 備忘録

スマホの保護フィルム貼りを失敗しない貼り方法ガラスザムライのクリップ使用

いまやスマホは当たり前になってきています。そんなスマホの画面保護に保護フィルムを貼る方が多いと思います。 その保護フィルムを貼る際に、多くの場合中に空気が入って気泡が残ってしまうことも多々経験していま…

もっと読む

目次に戻る

よろしかったらシェアよろしくお願いします。

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

目次に戻る

目次に戻る


コメントを閉じる

comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください