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)な方法です。

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

あなたにおすすめ

Yahoo!20周年特別サイト

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

Yahoo!20周年特別サイト開設

インターネットの入り口でもあるポータルサイトで、有名なYahoo!が今年4月1日に20周年を迎えました。20年前と言えばWindows95が発売されて、パソコンが注目を浴びて同時にインターネットという…

もっと読む

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

パンくずリスト

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

パンくずリストで表示したいカテゴリを選択して表示する方法

WordPressでブログを始めてからずっとなんとかならないかなぁ。 と思っていたことがあります。 それは、 パンくずリストが複数のカテゴリを選択して投稿した際には、 英数字(A~Z)から優先されて日…

もっと読む

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

メンテナンス 伝えたいこと 備忘録 時事ネタ

268万台自動車8社、17回リコールデンソー燃料ポンプリコール(フューエルポンプ)

大手自動車部品製造会社のトヨタ系列のデンソーの燃料ポンプにおいてリコール情報があります。 デンソーなので、トヨタ車はもちろんですがその他のメーカーのホンダ(HONDA)などの車種にもデンソー製燃料ポン…

もっと読む

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

東京オリンピックエンブレムロゴ4候補

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

東京オリンピック開催日まであと何日?リオ五輪の開催日までと共に

(アイキャッチ画像出典元毎日新聞:https://mainichi.jp/graphs/20160408/hpj/00m/050/004000g/3)以前、全日本男子バレーボールの世界最終予選大会につ…

もっと読む

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

ページ表示速度高速化

Stinger6 Stinger7 WordPress インターネット カスタマイズ テーマ 伝えたいこと 備忘録

ページ表示速度高速化レンダリングブロック解決方法ができた!!

ふぅ~ε=(・ρ・*) フゥ、やっとできた!! ここ数日なんとかサイトのページ表示速度をできるだけ速く高速化したいなぁ。とずぅ~っと考えていました。今日も昨日も記事にしていますが^^;)(汗)…。おそ…

もっと読む

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

24時間営業深夜営業

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

24時間営業ファミレスは転換期なのか?見直している企業など

そもそも24時間営業という店舗や企業が出てきたのは、バブルがはじける少し前かバブルがはじけてから多くの企業が海外進出のグローバリゼーション化(グローバル化)と共に多くなってきました。そこで、当時はセブ…

もっと読む

おすすめの記事一部広告

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

Multiplex 広告

おすすめ!!

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

おすすめ2

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

Googleニュース

2024-04-28

2024年04月28日 11:26『高く』(佐原)【尾道市 福山市 三原市でおの整備・車検・メンテナンス・修理/ 板金・塗装 全部マルっと カープランニング広島 へまかせ ...

Total383


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

目次に戻る

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

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

目次に戻る

目次に戻る


コメントを閉じる

comment

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

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