Loading…

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

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

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

RSSフィード

所要時間目安:3

This session is using  IPv4  is established in

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

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年くらいの車のヘッドライトはプラスチック製のヘッドライトカバーになってきています。昔のようにガラスではありませんので、より経年劣化が目立って…

    もっと読む

目次に行く・戻る

メルカリ招待コード:

これまでに何度か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

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

WordPress記事中最初のH2見出し前に広告を自動挿入方法

WordPressで記事の途中に思い通りの広告などをショートコードなどによって、 挿入する方法はいくつかあります。 今回は、 記事中の始めのh2タグの前にウィジェットとして追加して自動的に表示する方法…

もっと読む

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

カバレッジの問題が新たに検出されました解決方法

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

Search Consoleカバレッジに関する問題解決方法AFFINGERなど

時々、Search Consoleからさまざまなエラー報告内容のメールや問題があります。という通知メール内容が来ることがあります。特に多いのがガバレッジに関する問題があります。という通知メール内容が多…

もっと読む

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

テキストにリンクがある場合にくるっと回るアニメーション

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

テキストにリンクがある場合にアニメーション効果をつけるCSS方法11選

先日画像にリンクがある場合に画像を透過させるCSSでの方法を記載しました。 画像にリンクがある場合にCSSだけでゆっくりと透過させる方法 こちらの続編で忘れないうちに記事にして備忘録として残しておこう…

もっと読む

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

セキュリティ 伝えたいこと 備忘録 時事ネタ

ナンバーレスクレジットカードとキャッシュカードのナンバーレス

昨今では、クレジットカードの16桁のクレジットカード番号が表面に印字されていないクレジットカードが主流になりつつあります。他にも銀行口座のキャッシュカードも三井住友銀行においては、oliveアカウント…

もっと読む

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

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

NTT西日本子会社の顧客情報900万件流出、福岡県14万人分か…元派遣社員が名簿業者に

企業の個人情報管理というのは、いったいどうなっているのでしょう。NTTと言えば元々は日本電電公社から民営化されNTT東日本とNTT西日本になったわけですが、中身は日本人ほとんどの電話番号から(もとは固…

もっと読む

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

光触媒エアコンフィルター

メンテナンス 備忘録

車のエアコンが臭い時のおすすめの対処方法はフィルター交換

そろそろ、春日和になってきました。そこで、 これから暑くなる夏やジメジメする梅雨時にはエアコンは必須になると思います。特に車においては外で走ったり外に駐車されている為に、 室内のエアコンより臭いの原因…

もっと読む

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

おすすめの記事一部広告

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

Multiplex 広告

おすすめ!!

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

おすすめ2

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

Total485


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

目次に戻る

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

-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.