Loading…

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

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

所要時間目安:4

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

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

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

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

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

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

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

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

スポンサーリンク

これまでの人気記事一覧

目次に戻る


スポンサーリンク

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

WordPressを使用すると、アイキャッチ画像の設定が簡単に可能になります。中でも人気のテーマStingerシリーズだとなおさらいろいろな機能が元々色々あってとても便利で

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

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

関連記事

Search ConsoleURL変更ドメインとURLの場合

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

Search ConsoleのリダイレクトやSSL化によるプロパティURL変更方法

Search Consoleは言わずと知れた旧ウェブマスターツールです。GoogleやYahoo!や…

もっと読む

年賀状

PC インターネット カスタマイズ ツール 伝えたいこと 備忘録 時事ネタ

年賀状無料テンプレート無料イラスト素材でGoogleスライドで作成方法

今年も残すところあとわずかとなりました。ちょうど、あと20日間です。 21日後には2017年、新年(…

もっと読む

Windows10スタートメニューやタスクバー部分などがクリック出来ない時の対処方法

PC Windows10 不具合 伝えたいこと 備忘録 設定

Windows10スタートボタン効かない,タスクバークリック出来ない対処方法

今日パソコンを立ち上げた所デスクトップの下部に表示されているタスクバー部分の、 クイック起動メニュー…

もっと読む

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

セキュリティ 伝えたいこと

【重要:必ずお読みください】《セゾン》Netアンサーご登録確認はフィッシング詐欺です

先日も、記事として書きましたが(以下参照)またまた今度はセゾンカード?関係を装って怪しいメールがきま…

もっと読む

おすすめの記事一部広告

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

目次に戻る


コメントを閉じる

comment

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

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