Loading…

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

フォレスト出版
¥2,047 (2024/03/15 08:52時点 | Amazon調べ)

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

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

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

所要時間目安:4

This session is using  IPv4  is established in

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

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

目次に行く・戻る

メルカリ招待コード:

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

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

あなたにおすすめ

仮歯が外れてしまった

伝えたいこと 備忘録 噛みあわせ 治療

仮歯が取れた!!そんな時どうしたら良いのか2つの方法

多くの方々はこれまでの人生において歯医者さんに行ったことがない人というのはほとんどいないと思います。 なぜなら、小学生の時などには必ず歯科検診もあるからです。この歯科検診を含めれば、 すべての人が歯科…

もっと読む

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

ショートコード

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

ショートコード作り方テンプレートから呼び出す方法などいろいろ

ショートコードって学べば学ぶほど色々な活用方法があるんだなぁ。と実感している毎日です。 もちろん、他にも様々な関数を使ってもっともっと多くのカスタマイズなどができると思います。 今の私には、 そこまで…

もっと読む

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

バスピロー

伝えたいこと 備忘録

お風呂の枕バスピローおすすめと自作してみた。

最近、お風呂の枕ことバスピローが多く出回っています。 ですが、広告やCMでは納得と思いきや(汗)…。 お風呂の浴槽の形・形状が違うことにお気づきでしょうか? 多くの場合、昔ながらの垂直形状のもので紹介…

もっと読む

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

熊本地震本震

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

熊本県熊本地震本震か?阿蘇山近くが震源、噴火しなければいい

一昨日の熊本県熊本地震に続いて本日午前1:26分頃震源地が異なる場所で、 マグニチュード7.3で震度6強という非常に強い揺れの地震がありました。前回投稿させて頂いた記事では触れませんでしたが、 阿蘇山…

もっと読む

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

関連記事内にインフィード広告挿入画像

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

関連記事内(途中)にインフィード広告を入れる挿入方法

先月いや先々月の7月初旬頃かと思います。Google Adsenseにおいて、 インフィード広告や 関連コンテンツ内広告 そして記事内広告 の3つが追加されてこれまでよりより使いやすくなりました。 (…

もっと読む

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

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

パーマリンクURLを自動一括リダイレクト方法htaccessにて

サイトやホームページのURLはパーマリンクURLといい唯一無二のアドレスになります。そのサイトURLのパーマリンク設定URLをサイト移転などをした際に、記事数やホームページのURL数が多いとリダイレク…

もっと読む

おすすめの記事一部広告

おすすめ!!

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

おすすめ2

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

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

Multiplex 広告

Googleニュース

Total220


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

目次に戻る

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

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

目次に戻る

目次に戻る


コメントを閉じる

comment

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

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