【決定版】プラグインなしでRSSにアイキャッチ画像を表示する2つの方法

カーメンテナンスWAKO'S

2025年3月17日 (月曜日)↓における週間月間人気記事トップ３は？↓

• 本日
• 週間
• 月間

1. 

   エアコン吹き出し口エアコンダクト内LED化 1PV

   昔からよく行われるエアコン吹き出し口内に光り物を入れてエアコンダクト内から光を出す方法ですが、昨今は省電力のLEDが比較的安めになってきました。エアコンダクト内LEDをどのタイミングにて発行させるのか…

   もっと読む

2. 

   Windowsスポットライト画像保存場所と方法 1PV

   Windows10においてロック画面の時に表示される画像がとてもきれいになりました。 この機能は、Windows10以前のバージョンの時には単なるロック画面でした。 そんな綺麗な画像が気になったので、…

   もっと読む

3. 

   Stinger6,Stinger5,StingerPLUS+コメント欄を開閉式スライドにする方法 1PV

   前々から気にかけてどうにか出来たらいいなぁ…。なんて思っていたコメント欄です。 コメント欄を非表示にしてしまうというのもありかなぁ。と思ったこともありましたが、 いくつかのブログにてコメント欄が開閉式…

   もっと読む

1. 

   アイドリングストップシステム異常警告灯表示対処方法 29PV

   2010年前後以降の車に搭載されていることの多いアイドリングストップシステム。各自動車メーカーによって呼び名は異なりますが、機能としては信号待ちが長い時や停止時間が長い時などに勝手に（自動的に）アイド…

   もっと読む

2. 

   エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 26PV

   車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…

   もっと読む

3. 

   ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 25PV

   本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…

   もっと読む

1. 

   アイドリングストップシステム異常警告灯表示対処方法 29PV

   2010年前後以降の車に搭載されていることの多いアイドリングストップシステム。各自動車メーカーによって呼び名は異なりますが、機能としては信号待ちが長い時や停止時間が長い時などに勝手に（自動的に）アイド…

   もっと読む

2. 

   エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 26PV

   車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…

   もっと読む

3. 

   ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 25PV

   本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…

   もっと読む

今日は2025年3月17日です。

目次に行く･戻る

2025年3月17日 (月曜日)本日の人気記事トップ１０

• エクストレイルT32ヘッドライト光軸調整方法13
• エアコン吹き出し口エアコンダクト内LED化6
• エクストレイルに後付けクルーズコントロール取り付けプロパイロットもどき5
• エクストレイルT32で電動レカロをバッ直でなく車に取り付ける方法5
• ステアリング交換とステアリングスイッチの増設と外し方後期型仕様に4
• エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ3
• ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法3
• エクストレイルT32マイナーチェンジ後ステアリング外し方3
• スロットルポジションセンサー調整で不安定なアイドリング調整3
• AdSense（アドセンス）新コードの遅延読み込み2つの方法3

メルカリ招待コード： 招待コードをコピー

この度は、度重なるRSSフィードにアイキャッチ画像を出力表示させる方法を連続して検証も兼ねて投稿してしまい申し訳ありませんでした。

何度か実際に実施してみてプラグインを使わないでRSSフィードにアイキャッチ画像を出力表示させることが出来ました。

以前の記事でも、

RSSにアイキャッチ画像を出力する方法Stinger6、Stinger7、StingerPLUS+版

以前、RSSにアイキャッチ画像を出力する方法という記事を書きました。普通の？RSSフィードに（PINGOOなど）にはアイキャッチがちゃんと表示されていました。

 

問題なく通常のFeedlyなどのRSSフィードにおいてはアイキャッチ画像は表示されていました。
ですが、BloggerのRSSフィードにはアイキャッチ画像が「image」という表示になってしまっていました。

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

+人気カー用品を見てみるクリックでOPEN+

→人気のカーナビランキングカーメンテナンスWAKO'S車バイク用オイル

カーメンテナンス
ワコーズ

車バイク用オイル

ワコーズカーメンテナンス

この記事を読む方へのオススメ

カーメンテナンス
ワコーズ

WAKO'S

+これまでによく読まれている記事一覧クリックでOPEN+

人気記事一覧

車のキーナンバー確認方法。キーレス紛失や壊れた時

151,225件の PV

ECUをリセットする方法。アイドリング不安定だったのでしょうがなく

106,965件の PV

Windows10,Windows8.1プロダクトキー確認方法

75,767件の PV

Windows10でエラーコード0x800705b4の対処方法

67,242件の PV

ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法

47,195件の PV

スロットルポジションセンサー調整で不安定なアイドリング調整

40,900件の PV

車から異音の原因。カラカラ、カタカタ、コトコトなど…。

38,228件の PV

Office2010・2013でプラダクトキー紛失して確認・再発行してもった方法

37,260件の PV

ハンドルのセンターがズレている時の直し方タイロッドエンド調整による方法

36,822件の PV

カーメイトのエンジンスターターでエラー15表示と対処方法

36,303件の PV

• 廃バッテリー処分方法
• シガーライターソケット増設方法
• ナビテレビが見れなくなった時
• Windows10・Windows8.1プロダクトキー
• アルミテープチューン貼る場所
• 車から異音の原因
• スロットルポジションセンサー調整方法
• バッテリー交換後アイドリング不調
• ハンドルセンターズレ調整方法
• 車のキーンナンバー確認方法
• ECUリセット方法

プラグインを使わずに全てのRSSフィードにアイキャッチ画像を表示させる方法まとめです。

1つ目の方法です。

以前と同じfunction.php内に以下のコードを追記するだけでBloggerのRSSフィード以外にはしっかりとアイキャッチ画像は出力表示されていました。

// RSSにアイキャッチを出力
function rss_post_thumbnail($content) {
global $post;
if(has_post_thumbnail($post->ID)) {
$content = '<p>' . get_the_post_thumbnail($post->ID) .
'</p>' . $content;
}
return $content;
}
add_filter('the_excerpt_rss', 'rss_post_thumbnail');
add_filter('the_content_feed', 'rss_post_thumbnail');

上記の4行目の($post-ID) .のpost-IDの後に、

,'thumbnail'を記述するだけで、
BloggerのRSSフィードにもアイキャッチ画像を無事出力表示されるようになりました。

画像サイズの指定をしてやることで、しっかりと出力表示させることがより確実にできます。

2つ目の方法です。

同じくプラグインは使用しないでというのが大前提条件な訳ですが、

以下のコードをfunction.php内に追記することでFeedly以外などのRSSフィードにもアイキャッチ画像を出力表示することが出来ます。

/**
* RSS Feeds へアイキャッチ画像を出力する
* 画像サイズは thumbnail とする（すべてのRSSフィードにて表示させるには thumbnail サイズの為）
*/
function rss_post_thumbnail($content) {
global $post;
$img = get_the_post_thumbnail($post->ID,'thumbnail');
if(!empty($img)){
$content = "<p>$img</p>" . $content;
}
return $content;
}

add_filter('the_excerpt_rss', 'rss_post_thumbnail');
add_filter('the_content_feed', 'rss_post_thumbnail');

上記のコードの場合には、$post->IDの後に画像サイズを指定してやらないとエラーになってしまいす。

画像サイズの指定方法は以下になりますが、
Stinger6、Stinger7やStingerPLUS+（affinger4でも同様かもしれませんが、）Stinger6とStinger7とStingerPLUS+以外は未検証になります。

※各テーマに合わせて指定サイズを変えてみてください。

画像サイズの指定方法のコード

get_the_post_thumbnail($post->ID,'thumbnail') //サムネイルのサイズ
get_the_post_thumbnail($post->ID,'medium') //中サイズ
get_the_post_thumbnail($post->ID,'large') //大サイズ
get_the_post_thumbnail($post->ID,'full') //フルサイズ
get_the_post_thumbnail($post->ID,array(250,100)) //指定サイズ

コメントアウトにて意味を書いてありますがそれぞれの説明としては、

• thumbnail→そのままサムネイル画像のサイズ。
• midium→中くらいのサイズ。
• large→大きいサイズ。
• full→フルサイズ。
• 250,100→任意の指定サイズ。

となります。

これまで、「image」となってしまうRSSフィードでの内容の原因は、

function.php内に記載されている以下にあると思われます。

// アイキャッチサムネイル
add_theme_support( 'post-thumbnails' );

add_image_size( 'st_thumb100', 100, 100, true );
add_image_size( 'st_thumb150', 150, 150, true );

上記コードのスクリーンショット画像

この2つ目のプラグインを使用しないでRSSフィードにアイキャッチ画像を表示させる方法において、

RSSフィードの情報を確認してみると、しっかり description にイメージ画像が設定されています。

RSSフィードの情報スクリーンショット画像

なので、
1つ目の方法よりこちらの2つ目のfunctionコードでの実装の方が良いと思われます。

簡単なコードの説明としては、

処理としてはフィード情報の作成時にフィルターフックしてコンテンツの前に画像の img タグを挿入しているだけなので、画像用の特別な要素があるわけではなく、description として抜粋の前に画像が追加されます
RSSフィードにアイキャッチ画像を追加して Feedly で確認してみる – セルティスラボ

以上、
RSSフィードにアイキャッチ画像を表示させる方法でした。

最後に参考サイトは以下になります。

RSSフィードにアイキャッチ画像を追加して Feedly で確認してみる

WordPress で作成した記事を Feedly で見た時にサムネイル画像が表示されていない場合のプログラムサンプルです　(^^)

セルティスラボ

 

ありがとうございます。

今回は、
なぜなのかを検証するのにローカルにてではなく実際に確認検証してみてしまったので、無駄な？記事もあります。

検証確認する際には・・・・・・。

まずは、ローカル環境にて行ってみるのをオススメします。

（でも、RSSフィードだから実際に記事を書いてみて投稿公開してみないと無理だよなぁ(・・*)。。oＯ(想像中)）

より良い方法を追記）

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

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

スマホやモバイル端末でサイドバー非表示・削除にする方法



WordPressの文字コードはUTF-8で改行LFにて保存する方法



スマホでピンチアウトできないStinger6、Stinger7、StingerPLUS+でのピンチアウト方法



RSSフィードにアイキャッチ画像を表示させる方法Feedlyなど



インフィード広告を記事一覧の間に表示させる方法



Stinger6,Stinger5,StingerPLUS+コメント欄を開閉式スライドにする方法

入学入社まであと…入学入社祝いはどんなPresent（プレゼント）でどのように過ごされますか？