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

カーメンテナンスWAKO'S

2024年11月21日 (木曜日)本日の人気記事トップ１０

• マイナ保険証なくても資格確認書で受診可能保険証は最長1年有効168
• ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法71
• エクストレイルフォグランプが下を向きすぎている光軸調整方法26
• カーメイトのエンジンスターターでエラー15表示と対処方法23
• Windows10で動かないアプリを動かす方法216
• ECUをリセットする方法。アイドリング不安定だったのでしょうがなく11
• ステアリング交換とステアリングスイッチの増設と外し方後期型仕様に10
• エクストレイルT32オルタネーターB端子からプラシングとアーシング10
• エクストレイルリアワイパー交換方法と純正部品番号9
• Windows10起動しない使えないアプリを起動する方法(筆ぐるめなど)8

今日は2024年11月21日です。

目次に行く･戻る

2024年11月21日 (木曜日)↓における週間月間人気記事トップ３は？↓

• 本日
• 週間
• 月間

1. 

   エクストレイルフォグランプが下を向きすぎている光軸調整方法 39PV

   人気車種のSUVで日産エクストレイルT32型のフォグランプは、光軸が下を向きすぎているためせっかくLEDフォグランプにしたりHIDにしたりしてもその恩恵をあまりかんじられません。要は、ボンネットが少し…

   もっと読む

2. 

   Windows10で動かないアプリを動かす方法2 16PV

   先日も書きましたWindows10の不具合？に関することです。 不具合と言うのか仕様と言えば良いのかわかりませんが、とにかくWindows10にアップグレードしたりWindows10に若干古めのアプリ…

   もっと読む

3. 

   ステアリング交換とステアリングスイッチの増設と外し方後期型仕様に 9PV

   NISSANエクストレイルは日産の中でも人気のSUV車です。そのエクストレイルは今年の6月8日にT32型の後期型がマイナーチェンジして発売されました。新しい後期型にはメーカーオプションで話題の半分自動…

   もっと読む

1. 

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

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

   もっと読む

2. 

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

   夏冬に特に重宝するのが、エンジンスターターです。 メーカーはCARMATEやCOMTECユピテルなど各社ありますが、一番のオススメはリモコンから多くの情報を得ることができるカーメイト製品です。 なぜか…

   もっと読む

3. 

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

   ここ最近のハイブリッド車や電気自動車においては、ハンドル（ステアリング）を交換することなどは滅多にないかもしれません。 ですが、個体差というものがあって新車だとしてもハンドルの真ん中の位置がズレてしま…

   もっと読む

1. 

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

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

   もっと読む

2. 

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

   夏冬に特に重宝するのが、エンジンスターターです。 メーカーはCARMATEやCOMTECユピテルなど各社ありますが、一番のオススメはリモコンから多くの情報を得ることができるカーメイト製品です。 なぜか…

   もっと読む

3. 

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

   ここ最近のハイブリッド車や電気自動車においては、ハンドル（ステアリング）を交換することなどは滅多にないかもしれません。 ですが、個体差というものがあって新車だとしてもハンドルの真ん中の位置がズレてしま…

   もっと読む

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

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

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

以前の記事でも、

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

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

 

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

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

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

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

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

車バイク用オイル

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

Amazon ガレージサービス

カー用品取付/交換サービス

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

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

WAKO'S

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

人気記事一覧

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

150,851件の PV

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

106,820件の PV

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

75,760件の PV

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

67,241件の PV

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

45,916件の PV

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

40,794件の PV

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

38,216件の PV

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

37,259件の PV

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

36,737件の PV

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

34,166件の 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

クリスマスまであと…プレゼントは用意されましたか？