Loading…

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

WordPress カスタマイズ カスタマイズ テーマ 伝えたいこと 備忘録

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

RSSフィード

所要時間目安:3

This session is using  IPv4  is established in

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

WordPress カスタマイズ カスタマイズ テーマ 伝えたいこと 備忘録

目次に行く・戻る

メルカリ招待コード:

これまでに何度かThemeによってRSSフィードやFeedlyなどにアイキャッチ画像が表示されないThemeがあります。このアイキャッチ画像を今更ながら再検証してみました。以前にfunction.phpにコード記載にて表示させる方法をいくつか試してみてきました。結果、Themeによって若干の違いがあることに気づきました。以下にアイキャッチ画像をプラグインなしでしっかりとRSSフィードに表示させる方法のコードを記載します。それぞれのThemeによってベストな方法が少し異なると思われますので、各々のThemeに合わせたコードを確認してみてください。

※function.phpの弄るのでまずはじめにバックアップをとってからにしてください。
(子テーマにて行うのを推奨します。)

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


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


プラグインなしでRSSフィードにアイキャッチ画像をしっかりと表示させる方法です。

上記しましたように、いくつかの方法がありますので複数のコードを掲載いたします。

 

(方法1)

// 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');

 

(方法2)

//RSSフィードにアイキャッチ画像を追加
function rss_thumbnail($content) {
global $post;
if (has_post_thumbnail($post->ID)) {
$content = '<p>' . get_the_post_thumbnail($post->ID,'full') .'</p>' . $content;
}
return $content;
}
add_filter( 'the_excerpt_rss', 'rss_thumbnail');
add_filter( 'the_content_feed', 'rss_thumbnail');

 

方法2は、方法1の以下コード部分に画像サイズを指定したものになります。

$content = '<p>' . get_the_post_thumbnail($post->ID,'full') .'</p>' . $content;

上記の場合には「full」としていますので、そのThemeによる一番大きな画像サイズになります。

画像サイズは以下参照してください。

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(サムネイルサイズ)
  • medium(中サイズ)
  • large(大サイズ)
  • full(フルサイズ)
  • array(上記のようにサイズ指定も可能)

一番大きな画像サイズですと、場合によっては大きすぎてRSSフィードに表示しきれずに画像としてではなく、表示としては以下のようになってしまうこともあります。

[image]・・・・[/image]抜粋記事内容◯◯◯◯◯◯50文字分や100文字分(指定抜粋文字数により異なります。)

ですので、
無難なのはthumbnailを指定すると良いと思います。

 

(方法3)

/** RSS Feeds へアイキャッチ画像を出力する
* 画像サイズは medium とする(代替サムネイルの多くが medium サイズの為)
*/
function rss_post_thumbnail($content) {
global $post;
$img = get_the_post_thumbnail($post->ID,'post-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');

上記方法3の場合のコードですと、アイキャッチ画像は表示されないわけではありませんが、

$img = get_the_post_thumbnail($post->ID,'post-thumbnail');

の部分がそのThemeによるいくつかのthumbnail(サムネイル画像)指定がありますので、その全てのサイズが表示されてしまいます。

ダッシュボードのメディア設定部分で確認可能です。

RSSフィードなどのメディア画像サイズ確認方法

 

ですのでご自身のサイトのfeedを確認してみると、<description>の中にいくつかの画像サイズが出力されているのがわかると思います。

よって表示されないわけではありませんがオススメではありません。

方法4

一番のおすすめです。

//RSSフィードにアイキャッチ画像を追加
function rss_thumbnail($content) {
global $post;
if (has_post_thumbnail($post->ID)) {
$content = '<p>' . get_the_post_thumbnail($post->ID,'thumbnail') .'</p>' . $content;
}
return $content;
}
add_filter( 'the_excerpt_rss', 'rss_thumbnail');
add_filter( 'the_content_feed', 'rss_thumbnail');

 

上記コードですとしっかりとRSSフィードにサムネイル画像(thumbnail)指定で上記のWordPressのメディア設定部分で指定されているサムネイル画像のサイズのアイキャッチ画像がRSSフィードに出力されます。

1行目のfunction rss_post_thumbnail($content) {の関数部分はadd_filterの2つ目部分と同じにすれば何でも大丈夫です。

自分でもわかりやすくするために、

function rss_post_thumbnail($content) {

function rss_thumbnail($content) {

とrss◯◯というようにrssを付けているだけなのでadd_filterの部分と同じであれば何でも大丈夫です。

以上、
以前より訂正及びよりベター(Better)な方法です。

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

川田裕美フリーアナウンサー

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

川田裕美フリーアナウンサー医師にアナウンサー辞めたほうが良いと!?

(アイキャッチ画像は川田裕美フリーアナウンサーの公式ブログのスクリーンショットです。) かのお昼時間帯の情報番組でありワイドショー番組であり名番組のミヤネ屋でアシスタントをしていた、読売テレビだった川…

もっと読む

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

ピカットロンプロ1リットル一番小さい1セット

伝えたいこと 備忘録

ピカットロンプロでキッチンシンク排水口のヌメリやお風呂のカビ取り

何年か前にテレビのショピング番組でピカットロンプロという台所(キッチンシンク)の排水口やお風呂の排水部分のヌメリやカビ取り、そして洗面所のヌメリや髪の毛などの水回りの清掃にただドロッとしたピカットロン…

もっと読む

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

WordPress4.6.1バージョンアップ後jetpack有効化後に表示されるWarning

WordPress カスタマイズ テーマ 不具合 伝えたいこと 備忘録

Warning: Cannot modify header information - headers already sent by

WordPressをバージョンアップしたところ・・・・・・。そしてjetpackを有効化したところ・・・・・・。何やら警告メッセージがダッシュボードの一部分のみですが表示されるようになりました。いろい…

もっと読む

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

金スマベッキー復帰出演

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

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

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

もっと読む

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

Amazonプライム会員アイキャッチ画像

インターネット 伝えたいこと 備忘録 時事ネタ

Amazonプライム会員になる10のメリットを紹介してみます。

Amazonプライムを見てみる以前に「Amazon(アマゾン)で間違った商品の返品方法」というタイトルで記事にしたことがありますが、 今回はそのAmazon(アマゾン)のプライム会員になるメリットを1…

もっと読む

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

帯状疱疹治療薬バルトレックス錠

伝えたいこと 備忘録 治療

帯状疱疹の症状と特効薬治療と塗り薬痛みにはリリカで対処方法

昨今、寒くなってきました。 そうなってくると一番メジャーな病気としてはインフルエンザ(ノロウイルスも)ですが、他にも意外と帯状疱疹(ヘルペス)も多くなってきてしまいます。 なぜかは寒くなった為に抵抗力…

もっと読む

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

おすすめの記事一部広告

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

Multiplex 広告

おすすめ!!

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

おすすめ2

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

Total409


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

目次に戻る

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

-WordPress, カスタマイズ, カスタマイズ, テーマ, 伝えたいこと, 備忘録

目次に戻る

目次に戻る


コメントを閉じる

comment

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

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