現在の接続環境は
です

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

プロモーションを含みます

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

RSSフィードにアイキャッチ画像と続きを読むを表示させる方法

RSSフィードにアイキャッチ画像を表示させる方法Feedlyなど

所要時間目安:4

This session is using  IPv4  is established in

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

目次に行く・戻る

2025年4月1日 (火曜日)↓における週間月間人気記事トップ3は?↓

  • 本日
  • 週間
  • 月間
  1. 間違いメールと迷惑メールとフィッシング詐欺メール判断方法

    コンタクトフォーム 1PV

    お問い合わせは以下よりお願いします。 お問い合わせメールフォーム お問い合わせメールフォーム お問い合わせ IPアドレスは上記ページ訪問にて記録されます。 もしくは以下よりお願いします。 お問い合わせ…

    もっと読む

  2. 2025年4月1日から「車庫証明ステッカー」廃止、交付手続きは従来通り 1PV

    これまで1991年に導入された車庫証明の車の貼り付ける車庫証明ステッカーシールは廃止されます。車のナンバーから車庫証明の有無が確認できるようになったためのようです。ただし、新車購入時や中古車購入時など…

    もっと読む

  3. プラリシート補修前ステアリングエクストレイルV字部分全体

    車の内装インパネ破損修理にプラリペアとプラリシートがおすすめ 1PV

    車の内装インパネやあバンパーなどFRP樹脂やABS樹脂などのプラスチック製品の破損時に簡単に接着剤よりも強力にくっつく補修剤があることを知りませんでした。よく内装のインパネなどを剥がして配線処理などを…

    もっと読む

  1. エンジンスターターリモコン

    カーメイトのエンジンスターターでエラー15表示と対処方法 34PV

    夏冬に特に重宝するのが、エンジンスターターです。 メーカーはCARMATEやCOMTECユピテルなど各社ありますが、一番のオススメはリモコンから多くの情報を得ることができるカーメイト製品です。 なぜか…

    もっと読む

  2. エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 20PV

    車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…

    もっと読む

  3. アイドリングストップシステム異常警告灯表示対処方法 19PV

    2010年前後以降の車に搭載されていることの多いアイドリングストップシステム。各自動車メーカーによって呼び名は異なりますが、機能としては信号待ちが長い時や停止時間が長い時などに勝手に(自動的に)アイド…

    もっと読む

  1. 間違いメールと迷惑メールとフィッシング詐欺メール判断方法

    コンタクトフォーム 1PV

    お問い合わせは以下よりお願いします。 お問い合わせメールフォーム お問い合わせメールフォーム お問い合わせ IPアドレスは上記ページ訪問にて記録されます。 もしくは以下よりお願いします。 お問い合わせ…

    もっと読む

  2. 2025年4月1日から「車庫証明ステッカー」廃止、交付手続きは従来通り 1PV

    これまで1991年に導入された車庫証明の車の貼り付ける車庫証明ステッカーシールは廃止されます。車のナンバーから車庫証明の有無が確認できるようになったためのようです。ただし、新車購入時や中古車購入時など…

    もっと読む

  3. プラリシート補修前ステアリングエクストレイルV字部分全体

    車の内装インパネ破損修理にプラリペアとプラリシートがおすすめ 1PV

    車の内装インパネやあバンパーなどFRP樹脂やABS樹脂などのプラスチック製品の破損時に簡単に接着剤よりも強力にくっつく補修剤があることを知りませんでした。よく内装のインパネなどを剥がして配線処理などを…

    もっと読む

今日は2025年4月1日です。

メルカリ招待コード:

WordPressでのブログ運営にして間もなく一年が経とうとしています。

はじめは試行錯誤でphpって何?functionって日本語だと機能って意味だけれど何?みたいな感じでした。まぁ、今でも超有名なテーマStinger(Stinger6、Stinger7、Stinger PLUS+)に頼っている面も多々ありますが…。

それなりに、自分なりにカスタマイズして失敗したり成功したりの繰り返しを経て現在に至ります。

function.phpはWordPressにおいて非常に重要なファイルであるということは重々理解しました。その他にもテンプレートのphpファイルもエラー表記などがあった場合にはサイト全体が表示されなかたり、途中まで表示されたり…。などなど色々ありました。

ふと、気づくと自分のRSSフィードも購読していたりPINGOOなどもやっていたりもします。
(RSSフィードはFeedlyとか有名なものではなく、Googleリーダーが終了してからBloggerの生粋のものしかしていないのですが…。)

そこで、ふと気づいたことがあります。

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

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


せっかくWordPressにはアイキャッチ画像というものがあるのにRSSフィードには反映されず(抜粋のみ表示設定の場合)になっていることに気づきました。

ちょこっとしたきっかけなのですが、
これがデフォルトなのでしょうけれどテキストエディタのNotepad++のいう使い方を調べていた時のことです。

その時にプラグインにてアイキャッチ画像を表示させる方法などはありましたが、私自身プラグインを多く使いたくないのです。

なぜか?

それは表示が重くなってしまうからです。(サイト表示速度のことです。)

言わなくてもわかるわいとか言わないでくださいNe゙゙d(・ω・*)ネッ

ということで、

プラグインを使わずともアイキャッチ画像をFeedlyなどのRSSフィードに表示させる方法があるではないですか。

ものすごく大事なfunction.phpに以下コードを記述するだけでした。

基本形は以下になります。

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

 

この上記のコードを子テーマのfunction.phpの一番最後に追記するだけでFeedlyなどのRSSフィードにアイキャッチ画像が表示されるようになります。

また、アイキャッチ画像の大きさの指定も可能のようです。

指定方法は以下の種類から選択(選べます)できます。

上記コードの5行目のget_the_post_thumbnail($post->ID) .のIDの後に、

  1. thumbnail(サムネイルサイズ)
  2. medium(中サイズ)
  3. large(大サイズ)
  4. full(フルサイズ)
  5. array(以下のようにサイズ指定も可能)

以下に全述しておかせて頂いています。

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)) //サイズ指定

 

そして、このままですと抜粋のみの場合は「続きを読む」ではなく、

FeedlyなどのRSSフィードリーダーでの表示が【…。】となってしまいます。

その【…。】の部分をしっかりと、
【続きを読む】の表示にさせてクリックしてもらうと、
ちゃんとその該当記事にリンクが貼られていて記事(サイト)の表示がされるようにしたいですよね。

その方法は、
さらに以下のコードを追加・追記することによってちゃんとしっかりと【続きを読む】と表示されて記事へのリンクも設定されています。

//[…]を...続きを読むリンクに修正
 function new_excerpt_more($post) {
 return '<p><a href="'. get_permalink($post->ID) . '">' . '...続きを読む' . '</a></p>';
 }
 add_filter('excerpt_more', 'new_excerpt_more');

 

RSSフィードにアイキャッチ画像と続きを読むを表示させる方法

 

これで、上記画像(BloggerのRSSフィードですがポリポリ (・・*)ゞ。)のようなアイキャッチ画像も【続きを読む】もないRSSフィードが、

FeedlyなどのRSSフィードでのアイキャッチ画像なしのブログ記事の抜粋表示が、アイキャッチ画像が表示されてかつ【続きを読む】となります。

以下は参考にさせていただいたブログです。(というか全く同じですm(__)m)

WordPress日本語フォーラムはわかってる人とわかってない人をつなぐ本当に素晴らしいフォーラムだとつくづく思う。わかってない私が質問してもわかりやすく素早く回答してくれる。ということで、RSSフィードにサムネイル(アイキャッチ)画像を表示する方法について、ご教授頂いたので説明する。

「全文を表示」だと画像など問題なく全部表示されますが、「抜粋のみを表示」にした場合、画像は一切表示されず、抜粋された文章だけの表示になってしまいます。今回「抜粋のみを表示」にしていてもアイキャッチ画像がRSSフィードに表示されるように設定する備忘録を残したいと思います。

ただ…。
(ディーエムガジェットさんの最後の方のRSSエラー「XMLパースエラー」というのがよく分かっていませんが、私の場合https://infovarious.com/feed/にてRSSフィードの確認をした所「RSSエラー「XMLパースエラー」というエラーメッセージは表示されませんでした。)

是非、お試ししてみてください!!アクセス数増えるかもしれませんよ!?
アイキャッチ画像という魅力的なもので…。(^_-)-☆

追記です)アイキャッチ画像を設定し忘れた場合にはno-img.pngを表示させる方法もあるようです。

SiSO-LABさんの記事を読ませていただいて私自身も以下のように設定していたのでちょこっと変えるだけで、
大丈夫かなと思われますポリポリ (・・*)ゞ。

そういえば、私もアイキャッチ画像を設定し忘れた場合にランダムにアイキャッチ画像を自動的に設定するようにしていました。

【AmazonスマイルSALE】!


3/28(金)9時から4月1日(火)23時59分まで、「AmazonスマイルSALE」開催予定

3月28日(金曜日) ~ 2025年4月1日(火曜日) 23:59まで

Windows10サポート終了まで

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

心臓模式図

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

心臓の位置が左右で逆?内臓転位なのか?右心蔵なのか?

心臓の位置は通常は胸の真ん中辺りにありますが、若干左側にあるとも言えます。ただ、心臓の軸が左側に傾いているということが正確な表現でもあります。よく心電図(ECG)などをとる時に、アイントーベンの三角形…

もっと読む

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

https

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

Bloggerブログhttps化に備える方法

画像引用元):https://www.suzukikenichi.com/blog/google-enforces-ssl-search-even-if-you-are-not-logging-in-…

もっと読む

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

Yahoo!20周年特別サイト

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

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

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

もっと読む

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

アクセス数

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

ブログ集客力とアクセス数を増やす方法の記事とは?

誰もが、自分でブログやホームページなどのサイトを作成したのなら誰かに見ていただきたいという気持ちがあると思われます。 そのアクセス数ははじめはほとんどないような状態から徐々に記事やサイト内の充実を図る…

もっと読む

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

STINGER PLUS+デモ女の子アイキャッチ

WordPress テーマ 伝えたいこと 備忘録

WordPress無料テーマSTINGER PLUS+が早くもリリース

WordPressを使用し始めて5ヶ月弱…。初めは右往左往状態でテーマって何?みたいな状態からでした。そして、選ばせて頂いたのが有名どころの無料テーマStingerのその頃最新版だったStinger6…

もっと読む

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

SNSボタンカスタマイズ

AFFINGER4Pro SNS STINGER PLUS+ Stinger6 Stinger7 WordPress インターネット カスタマイズ 伝えたいこと 備忘録

SNSボタンCSSカスタマイズでクリック率上げて拡散してもらう方法

今はインターネットにおいて欠かすことの出来ないツールとなっているSNSがあります。 そして、 そのSNSには拡散してもらう為のボタンがあります。 多くのブログやホームページなどのサイトでよく目にかけま…

もっと読む

あなたが訪問してから

0 秒経過 🎉

STINGER PLUS+, Stinger6, Stinger7, WordPress, カスタマイズ, 伝えたいこと, 備忘録」の人気記事

入学入社まであと…入学入社祝いはどんなPresent(プレゼント)でどのように過ごされますか?

ホワイトデープレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。

おすすめ!!

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

おすすめ2

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

ブログサービスが始まってから:


カウントダウンタイマー

おすすめの記事一部広告

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

Multiplex 広告

Total599


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

目次に戻る

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

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

目次に戻る

目次に戻る


コメントを閉じる

comment

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


This site uses Akismet to reduce spam. Learn how your comment data is processed.