この度は、度重なるRSSフィードにアイキャッチ画像を出力表示させる方法を連続して検証も兼ねて投稿してしまい申し訳ありませんでした。
何度か実際に実施してみてプラグインを使わないでRSSフィードにアイキャッチ画像を出力表示させることが出来ました。
以前の記事でも、
問題なく通常のFeedlyなどのRSSフィードにおいてはアイキャッチ画像は表示されていました。
ですが、BloggerのRSSフィードにはアイキャッチ画像が「image」という表示になってしまっていました。
車メンテナンス・カスタマイズ・点検・修理、WordPressカスタマイズ、PC設定、車、時事ネタ、情勢、日々の出来事など津々浦々に綴っていきます。
STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ 伝えたいこと 備忘録
2025年6月22日 (日曜日)本日の人気記事トップ10
所要時間目安: 約 3 分
今日は2025年6月22日です。
この記事は2017年1月18日のものです。現在は状況が異なる可能性がありますのでご注意ください。
2025年6月22日 (日曜日)↓における週間月間人気記事トップ3は?↓
初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
TOYOTAキーレスリモコンの設定方法とキーナンバー(キー番号) 1PV
この度は(今回は?)、プラスチックの経年劣化により車のキーレスリモコンキーの送信機側(トランスミッター)のみをなくしてしまった場合です。(まだスマートキーやインテリジェンスキーと言われる前のキーレスリ…
エクストレイルT32エアコンエバポレーター洗浄PITWORK(ピットワーク) エアコン エバポレーター洗浄・抗菌剤 効果12カ月 180ml KA401-18090にて 1PV
エアコンが必要な時期になってきましたね。エアコンは使用しなくてもカビ臭などが発生したりしてしまいます。その他にも長年エアコンフィルターを交換しないでいるのも要因にはなります。また、旧車や長年乗った愛車…
初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 25PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 18PV
過去の記事で、車も人間と同じようにメンテナンスは大事です。 と記載しました。 ですが、メンテナンスのし過ぎもいかがなものかという感じになりました。(メンテナンスしないのはもっと悪いですが…。) その記…
初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …
エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 25PV
車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…
ECUをリセットする方法。アイドリング不安定だったのでしょうがなく 18PV
過去の記事で、車も人間と同じようにメンテナンスは大事です。 と記載しました。 ですが、メンテナンスのし過ぎもいかがなものかという感じになりました。(メンテナンスしないのはもっと悪いですが…。) その記…
この度は、度重なる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(想像中))
人気の商品が日替わりで登場。毎日お得なタイムセール「Amazonタイムセール全体」
清原和博と言えば、 中高年世代の甲子園のヒーローでした。 その少し下の世代になると、 松坂大輔さんなど松坂世代と言われた世代の方たちがヒーローとなって世代交代と言いますか、世代に...
先月下旬にWordPressのテーマで人気シリーズのStingerがStinger7を公開されていたので、 テーマを変更しようかどうしようか悩んでいました。https://infovari...
↑ のように、 個別記事のタイトルの上に「本日の人気記事」というものを表示する方法です。 WordPressにおいては、 WordPress Popular Postsという人気記事のプ...
Multiplex 広告
あなたが訪問してから
⏰ 0 秒経過 🎉ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。
今週の人気記事トップ10
アドセンス336pxPC閲覧記事下表示1つ目コード
よろしかったらシェアよろしくお願いします。
-STINGER PLUS+, Stinger6, Stinger7, WordPress, カスタマイズ, 伝えたいこと, 備忘録
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のプライバシーポリシーと利用規約が適用されます。
新着コメント