アイキャッチ画像がRSSフィードに表示されていないので表示させる方法

WordPressの多くのテーマにおいてはアイキャッチ画像を設定することが可能であり、通常ユーザーの目を引くような意味合いがあるアイキャッチ画像です。

ですが、自分のサイトのRSSFeedのURLを見てみますと以下のようにフィード内にアイキャッチ画像が含まれていないのがわかります。

すると、せっかく自分のサイトを更新したにも関わらずユーザーの目を引くはずのアイキャッチ画像がフィードにはんえいされません。

これはちょっともったいないのでRSSフィードにもアイキャッチ画像を反映させる方法です。

以下のコードを子テーマfunction内に追記します。

//RSSフィードにアイキャッチ画像を追加
function rss_thumbnail($content) {
 global $post;
 if (has_post_thumbnail($post->ID)) {
 $content = '
' . get_the_post_thumbnail($post->ID,'thumbnail') .'
' . $content;
 }
 return $content;
}
add_filter( 'the_excerpt_rss', 'rss_thumbnail');
add_filter( 'the_content_feed', 'rss_thumbnail');

たったのこれだけで以下のようにRSSフィード内のCDATA内に

.jpgや.pngや.webpやavif対応ブラウザで以前の.htaceessにてavif形式画像を表示可能な設定にしてある場合は.avifが含まれるようになっています。

もしくは、<p></p>内にアイキャッチ画像を収めたい場合には、

4行目から6行目の

$content = '
' . get_the_post_thumbnail($post->ID,'thumbnail') .'
' . $content;

を

以下のようにします。

$content = '＜p＞' . get_the_post_thumbnail($post->ID,'thumbnail') .'＜/p＞' . $content;

上記のコード内の<p>と</p>はhighlight.jsの兼ね合い上、コード内に半角英数字記号を使用すると記事の表示がおかしくなってしまう為、便宜上全角にて<>を使用しています。