この度は、度重なるRSSフィードにアイキャッチ画像を出力表示させる方法を連続して検証も兼ねて投稿してしまい申し訳ありませんでした。
何度か実際に実施してみてプラグインを使わないでRSSフィードにアイキャッチ画像を出力表示させることが出来ました。
以前の記事でも、
問題なく通常のFeedlyなどのRSSフィードにおいてはアイキャッチ画像は表示されていました。
ですが、BloggerのRSSフィードにはアイキャッチ画像が「image」という表示になってしまっていました。
車メンテナンス・カスタマイズ・点検・修理、WordPressカスタマイズ、PC設定、車、時事ネタ、情勢、日々の出来事など津々浦々に綴っていきます。
プロモーションを含みます
所要時間目安:約3分
今日は2025年6月1日です。
この記事は2017年1月18日のものです。現在は状況が異なる可能性がありますのでご注意ください。
2025年6月1日 (日曜日)本日の人気記事トップ10
2025年6月1日 (日曜日)↓における週間月間人気記事トップ3は?↓
初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…
TOYOTAキーレスリモコンの設定方法とキーナンバー(キー番号) 2PV
この度は(今回は?)、プラスチックの経年劣化により車のキーレスリモコンキーの送信機側(トランスミッター)のみをなくしてしまった場合です。(まだスマートキーやインテリジェンスキーと言われる前のキーレスリ…
初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 24PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
アイドリングストップシステム異常警告灯表示対処方法 21PV
2010年前後以降の車に搭載されていることの多いアイドリングストップシステム。各自動車メーカーによって呼び名は異なりますが、機能としては信号待ちが長い時や停止時間が長い時などに勝手に(自動的に)アイド…
初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…
TOYOTAキーレスリモコンの設定方法とキーナンバー(キー番号) 2PV
この度は(今回は?)、プラスチックの経年劣化により車のキーレスリモコンキーの送信機側(トランスミッター)のみをなくしてしまった場合です。(まだスマートキーやインテリジェンスキーと言われる前のキーレスリ…
この度は、度重なるRSSフィードにアイキャッチ画像を出力表示させる方法を連続して検証も兼ねて投稿してしまい申し訳ありませんでした。
何度か実際に実施してみてプラグインを使わないでRSSフィードにアイキャッチ画像を出力表示させることが出来ました。
以前の記事でも、
問題なく通常のFeedlyなどのRSSフィードにおいてはアイキャッチ画像は表示されていました。
ですが、BloggerのRSSフィードにはアイキャッチ画像が「image」という表示になってしまっていました。
アドセンス336pxPC閲覧記事下表示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フィードにもアイキャッチ画像を無事出力表示されるようになりました。
画像サイズの指定をしてやることで、しっかりと出力表示させることがより確実にできます。
同じくプラグインは使用しないでというのが大前提条件な訳ですが、
以下のコードを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)) //指定サイズ
コメントアウトにて意味を書いてありますがそれぞれの説明としては、
となります。
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フィードだから実際に記事を書いてみて投稿公開してみないと無理だよなぁ(・・*)。。oO(想像中))
かれこれWindows10がリリースされ...
Multiplex 広告
人気の商品が日替わりで登場。毎日お得なタイムセール「Amazonタイムセール全体」
あなたが訪問してから
⏰ 0 秒経過 🎉ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。
今週の人気記事トップ10
アドセンス336pxPC閲覧記事下表示1つ目コード
よろしかったらシェアよろしくお願いします。
-STINGER PLUS+, Stinger6, Stinger7, WordPress, カスタマイズ, 伝えたいこと, 備忘録
This site uses Akismet to reduce spam. Learn how your comment data is processed.
Opt-out complete; your visits to this website will not be recorded by the Web Analytics tool. Note that if you clear your cookies, delete the opt-out cookie, or if you change computers or Web browsers, you will need to perform the opt-out procedure again.
You may choose to prevent this website from aggregating and analyzing the actions you take here. Doing so will protect your privacy, but will also prevent the owner from learning from your actions and creating a better experience for you and other users.
The tracking opt-out feature requires cookies to be enabled.
This site is protected by reCAPTCHA and the GooglePrivacy PolicyandTerms of Serviceapply.
このサイトはreCAPTCHAによって保護されており、Googleのプライバシーポリシーと利用規約が適用されます。
comment