Loading…

記事内にプロモーションが含まれています。

STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ 伝えたいこと 備忘録

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

RSSフィード画像

所要時間目安:3

This session is using  IPv4  is established in

この記事は2017年1月18日のものです。現在は状況が異なる可能性がありますのでご注意ください。

STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ 伝えたいこと 備忘録

  • 本日
  • 週間
  • 月間
  1. パナソニックカオスバッテリーS-115

    エクストレイルT32おすすめバッテリーPanasonicカオスバッテリー 3PV

    すべての車でバッテリーが搭載されています。特にアイドリングストップ車以降現在主流になりつつある電気自動車などではバッテリーの性能がとても重要になってきます。今回は日産エクストレイルT32においておすす…

    もっと読む

  2. キーシリンダー

    TOYOTAキーレスリモコンの設定方法とキーナンバー(キー番号) 2PV

    この度は(今回は?)、プラスチックの経年劣化により車のキーレスリモコンキーの送信機側(トランスミッター)のみをなくしてしまった場合です。(まだスマートキーやインテリジェンスキーと言われる前のキーレスリ…

    もっと読む

  3. ヘッドライトクリーニングにダイソーアルカリ電解水で黄ばみクスミが綺麗に 1PV

    ヘッドライトは経年劣化で黄ばんできてしまいます。特にここ10年くらいの車のヘッドライトはプラスチック製のヘッドライトカバーになってきています。昔のようにガラスではありませんので、より経年劣化が目立って…

    もっと読む

  1. パナソニックカオスバッテリーS-115

    エクストレイルT32おすすめバッテリーPanasonicカオスバッテリー 3PV

    すべての車でバッテリーが搭載されています。特にアイドリングストップ車以降現在主流になりつつある電気自動車などではバッテリーの性能がとても重要になってきます。今回は日産エクストレイルT32においておすす…

    もっと読む

  2. キーシリンダー

    TOYOTAキーレスリモコンの設定方法とキーナンバー(キー番号) 2PV

    この度は(今回は?)、プラスチックの経年劣化により車のキーレスリモコンキーの送信機側(トランスミッター)のみをなくしてしまった場合です。(まだスマートキーやインテリジェンスキーと言われる前のキーレスリ…

    もっと読む

  3. ヘッドライトクリーニングにダイソーアルカリ電解水で黄ばみクスミが綺麗に 1PV

    ヘッドライトは経年劣化で黄ばんできてしまいます。特にここ10年くらいの車のヘッドライトはプラスチック製のヘッドライトカバーになってきています。昔のようにガラスではありませんので、より経年劣化が目立って…

    もっと読む

  1. パナソニックカオスバッテリーS-115

    エクストレイルT32おすすめバッテリーPanasonicカオスバッテリー 3PV

    すべての車でバッテリーが搭載されています。特にアイドリングストップ車以降現在主流になりつつある電気自動車などではバッテリーの性能がとても重要になってきます。今回は日産エクストレイルT32においておすす…

    もっと読む

  2. キーシリンダー

    TOYOTAキーレスリモコンの設定方法とキーナンバー(キー番号) 2PV

    この度は(今回は?)、プラスチックの経年劣化により車のキーレスリモコンキーの送信機側(トランスミッター)のみをなくしてしまった場合です。(まだスマートキーやインテリジェンスキーと言われる前のキーレスリ…

    もっと読む

  3. ヘッドライトクリーニングにダイソーアルカリ電解水で黄ばみクスミが綺麗に 1PV

    ヘッドライトは経年劣化で黄ばんできてしまいます。特にここ10年くらいの車のヘッドライトはプラスチック製のヘッドライトカバーになってきています。昔のようにガラスではありませんので、より経年劣化が目立って…

    もっと読む

目次に行く・戻る

メルカリ招待コード:

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

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

以前の記事でも、

 

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

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


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


プラグインを使わずに全ての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 );

 

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

RSSフィードアイキャッチ画像サムネイル指定サイズコード

 

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

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

 

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

 

RSSフィードにアイキャッチ画像を出力ソースコード正式版

 

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

 

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

 

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

 

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

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

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

 

ありがとうございます。

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

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

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

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

より良い方法を追記)

あなたにおすすめな関連記事

抗がん剤オプジーボとは小林麻央さん

伝えたいこと 備忘録 時事ネタ 治療

がん免疫治療薬オプジーボについて、小林麻央さんは使ってみたのかなぁ。厚生労働省は16日50%の緊急値下げを提案し了承

昨今話題のがん治療薬の化学療法である抗がん剤でオプジーボ(商品名です:一般名はニボルマブ)ですが、 あまりにも高額だということで厚生労働省が異例に半額:50%値下げに承認を出しました。これまでは100…

もっと読む

インフィード広告アドセンス

斎藤佑樹投手現役引退表明

伝えたいこと 備忘録 時事ネタ

斎藤佑樹投手現役引退表明。ハンカチ王子と言われて・・・。

昨日の2021年10月1日に、早稲田実業高等学校野球部時代にハンカチ王子と世間で騒がれた斎藤佑樹投手が現役引退を表明しました。甲子園の優勝投手です。高校野球時には夢です。また、当時現在の楽天イーグルズ…

もっと読む

インフィード広告アドセンス

金スマベッキー復帰出演

伝えたいこと 備忘録 時事ネタ

ベッキー金スマにて復帰出演。見逃した方必見です。

ベッキーがレギュラー(番組)として、初めての番組であるSMAPの中居君の「金スマ」にて昨日(2016年5月13日)復帰出演しました。久しぶりにベッキーを拝見しました。 まだまだ若いなぁ。と思っていた・…

もっと読む

インフィード広告アドセンス

東京オリンピックパラリンピック

伝えたいこと 備忘録 時事ネタ

リオ五輪金メダル銀メダル銅メダル毎動画集(NHK)

リオオリンピック(リオ五輪)も閉会式を終えて、 次期開催都市である東京の都知事小池百合子さんにセレモニーが行われました。また、安倍晋三内閣総理大臣もマリオにふんしてトンネルから現れるというサプライズ?…

もっと読む

インフィード広告アドセンス

伝えたいこと 備忘録

郵便番号検索と住所

郵便番号はご自分がお住まいの地域の郵便番号であれば覚えているかもしれません。 年賀状や暑中見舞い、その他に荷物の発送などの際(宅急便や宅配便など)にも郵便番号の記載欄があります。

インフィード広告アドセンス

引用元サイトの選択テキスト部分を自動的に生成された引用タグ表示場所

PC カスタマイズ ツール ブックマークレット 伝えたいこと 備忘録

引用元<blockquote></blockquote>タグを自動生成するブックマークレット選択したテキスト部分のみ

ブログをやっている方やサイト運営されている方って、必ずと言っていいほど引用することが出てくると思います。 毎回毎回、 引用部分をコピペして引用元サイトのURLリンクなどを何度かの操作をして作るのって面…

もっと読む

STINGER PLUS+, Stinger6, Stinger7, WordPress, カスタマイズ, 伝えたいこと, 備忘録」同じカテゴリーの記事一覧

おすすめの記事一部広告

お小遣い稼ぎにアンケート。

Multiplex 広告

おすすめ!!

世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!

おすすめ2

楽天による季節特集です。それぞれの季節ごとにお得なお買い物商品やお得な旅行商品、その他にもAmazon同様に国内最大の買い物ポータルサイトです。楽天をメインにお買い物されている方はポイントやSPUも貯まりさらにお得に!!楽天カードや宇佐美系列のガソリンスタンドでも楽天ポイントが今では貯まります。それらのポイントを貯めてお得にお買い物や旅行商品その他にもパソコンサプライや車カスタマイズ商品など楽天も充実しています。

Total285


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

目次に戻る

よろしかったらシェアよろしくお願いします。

-STINGER PLUS+, Stinger6, Stinger7, WordPress, カスタマイズ, 伝えたいこと, 備忘録

目次に戻る

目次に戻る


コメントを閉じる

comment

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

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.