ワードプレスやブログ運営に役立つ情報をまとめています。WordPressプラグイン、WordPressテーマ(テンプレート)の情報をわかりやすく紹介します。

WordPressのアイキャッチ画像をRSSリーダーに表示させる方法

このエントリーをはてなブックマークに追加

記事公開 2014.03.22

最終更新 2015.03.22

WordPressのアイキャッチ画像をFeedlyなどのフィードリーダー(RSSリーダー)のタイムラインに表示させる方法を紹介します。要するに、フィードに出力される内容の最適化です。

WordPress管理画面の設定で、フィードに出力する内容を「全文を表示」から「抜粋のみを表示」に変更すると、本文の一部分のみが表示されるようになり、RSSとAtomのフィードにアイキャッチ画像が出力されなくなります。なので、フィードリーダーでフィードを購読した場合、記事本文の中の一番上にある画像がフィードリーダーに表示されます。それだと、見た目が悪いので、アイキャッチ画像が表示されるようにfunctions.php(WordPressテーマの設定)に定義します。

下記に見本のPHPコードと説明をまとめています。フィードの購読者が多いWebサイトでは、下記の設定を追加しておくことをお勧めします。ちなみに、当サイトのネタワンでも設定済みです。

問題点の整理

問題点を整理すると、下記のようになります。

問題点 WordPressのアイキャッチ画像がフィードリーダー(RSSリーダー)に表示されない。
原因 WordPress管理画面の設定で、フィードに出力する内容を「全文を表示」から「抜粋のみを表示」に変更すると、本文の一部分のみが表示されるようになり、フィードに画像が出力されなくなります。この設定は、記事の内容を不正コピーされない為には有効ですが、画像が表示されなくなるので、少し調整する必要があります。
対策 「抜粋のみを表示」を指定したままで、フィードにアイキャッチ画像を出力するように設定を変更します。

管理画面の場所

WordPress管理画面 > 設定 > 表示設定 > RSS/Atom フィードでの各投稿の表示

フィード設定

Feedlyでの画面例

通常の状態(変更前)

通常の状態は、記事本文の一番上にある画像がフィードリーダーに表示されます。いきなり記事本文内の画像が表示されているので、何の記事が分かりづらいです。

通常の状態

変更後

この記事で解説している方法でWordPressの設定を変更すると、フィードリーダーにWordPressのアイキャッチ画像が表示されるようになります。本で例えると、本の表紙が表示されるようになった状態です。記事の中身が推測されやすくなり、フィードリーダーからWebサイトに訪れるユーザーが増えやすくなります。

変更後

フィードの詳細画面

フィードに「抜粋のみを表示」した状態です。フィードの抜粋にもアイキャッチ画像が表示されるようになります。

詳細画面

参考

ちなみに、フィードに記事の「全文を表示」していると、フィードから記事全文のデータが簡単に取得できるので、他人にクローンサイトを作られてしまう場合があります。又は、フィードを購読するだけで、サイトに訪問しなくても、記事全文が閲覧できます。WordPress管理画面の表示設定にあるフィードの設定は、「抜粋のみを表示」に設定しておきましょう。これ、結構重要です。

見本のPHPコード

functions.php(WordPressテーマの設定)に下記のPHPコードを定義します。

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

補足説明

上記のPHPコードは、記事本文と抜粋の一番上にPタグで囲ったアイキャッチ画像が出力されるようになっています。これでアイキャッチ画像が記事本文の一番上にある画像になります。そして、フィードリーダーでフィードを購読すると、このアイキャッチ画像がタイムラインに表示されます。

上記PHPコードは、あくまでも見本です。実際にフィードに出力される内容を確認しながら必要に応じてコードは調整して下さい。

ちなみに、上記のPHPコードは、下記の記事で公開されていたコードを使用しています。

参考にした記事

WordPress RSSフィードにサムネイル(アイキャッチ)画像を表示させる方法

まとめ

フィードリーダーを利用してWebサイトの更新情報をチェックしている人は多いです。特に最近では、Feedlyが一番人気です。

フィードリーダーで自分のサイトがどのように見えているかをチェックしてみましょう。アイキャッチ画像がフィードリーダーのタイムラインに表示されていなければ、上記で説明した設定に変更しましょう。そうすると、良いことがあるかも。

スポンサーリンク

最後までお読み頂きありがとうございます

ネタワンは皆様の善意に支えられています。
この記事の内容が役に立ったと思ったら、記事をソーシャルメディアで共有してね。

このエントリーをはてなブックマークに追加

RSSフィードを購読する

follow us in feedly

関連記事

コメント

  1. この記事へのコメントはありません。

CAPTCHA


初心者向け

WordPress使い方ガイド
WordPress入門

スポンサーリンク

ネタワンを購読する

  • Twitter
  • Facebook
  • Google Plus
  • Feedly
  • RSS
  • Push7

賢威7 - SEOマニュアル&テンプレート

新バージョンの賢威7が購入者向けに先行公開中。


賢威7の詳細&レビューはこちら