WPBeginner - 初心者のためのWordPressチュートリアル

Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressのRSSフィードに投稿サムネイルを追加する方法

最終更新日 by Editorial Staff | レビュー Syed Balkhi

シェア フェイスブックメッセンジャー WhatsApp
編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressのRSSフィードに投稿サムネイルを表示したいですか？

RSSフィードは、ディレクトリやフィード読者など、RSSフィードを利用するアプリケーションでコンテンツを宣伝するのに役立ちます。しかし、悲しいことに、あなたのブログ投稿のアイキャッチ画像はRSSフィードに表示されません。

この投稿では、WordPressのRSSフィードに投稿サムネイルを追加する方法をご紹介します。

Add post thumbnails to WordPress RSS feeds

WordPress RSSフィードとは？

RSS（Really Simple Syndication）とは、ユーザーやアプリケーションが、サイトやブログの更新をウェブフィードで定期的に受信できるようにするものです。

RSSフィードは、手動でサイトを訪問することなく、選択したサイトの更新を取得するのに役立ちます。時間の節約にもなり、メールやフィードリーダーなどの端末で最新のコンテンツを見ることができます。

WordPressでブログを運営している場合、RSSフィードはコンテンツの宣伝やブログへのトラフィックの誘導に役立ちます。読者が新しい投稿を簡単に発見できるようになり、新鮮なコンテンツを求めてサイトを訪れてくれるようになります。

しかし、WordPressのRSSフィードの問題点は、ブログ投稿のアイキャッチ画像が表示されないことだ。

投稿サムネイルを追加することで、RSSフィードをカスタマイズすることができます。また、フィードを充実させ、より良いユーザー体験を提供することができます。

それでは、WordPressのRSSフィードに投稿サムネイルを追加する方法を見ていきましょう。WordPressのプラグインを使う方法と、テーマファイルに簡単な関数を追加する方法の2つをご紹介します。

プラグインを使ってRSSフィードに投稿サムネイルを追加する（簡単な方法）

RSSフィードにアイキャッチ画像を表示する最も簡単な方法は、プラグイン「Featured Images in RSS for Mailchimp & More」を使うことです。

無料のWordPressプラグインで、RSSフィードに画像を追加して、RSSメールキャンペーンやRSSフィードが使用されるあらゆる場所に表示することができます。

まず、プラグインをインストールして有効化する必要があります。WordPressプラグインのインストール方法については、こちらをご覧ください。

有効化した後、WordPressダッシュボードからRSSのアイキャッチ画像に移動することができます。

このプラグインでは、RSS画像のサイズ、配置、テキストのパディングを変更したり、画像をクリック可能にするかどうかを選択することができます。

Featured images in RSS settings

ご希望の変更が完了したら、忘れずに「変更を保存」ボタンをクリックしてください。

RSSフィードに投稿サムネイルを手動で追加する（コーディング必須）

WordPressのRSSフィードに投稿サムネイルを表示するもう一つの方法は、テーマのfunction.phpファイルにコードスニペットを追加することです。

しかし、functions.phpファイルを直接編集することはお勧めしません。わずかなミスでWordPressサイトが壊れてしまう可能性があるからです。代わりに、WPCodeプラグインを使用することで、より簡単にコードを追加することができます。

WPCode - Best WordPress Code Snippets Plugin

WPCodeを使えば、WordPressにコードスニペットをエラーなく安全に追加することができます。さらに、WordPressテーマを更新または変更した場合でも、カスタマイザーコードを保持することができます。

WPCodeの無料版は、既製のコードスニペットのライブラリを含む、WordPressでカスタマイザーコードを追加するために必要なすべてのものが付属しています。WPCode Proには、コードリビジョン、スケジュールスニペット、変換ピクセルなどの高度な機能が含まれています。

まず、WPCodeプラグインをインストールし、有効化する必要があります。WordPressプラグインのインストール方法はチュートリアルをご覧ください。

プラグインを有効化したら、WordPressダッシュボードからCode Snippets ” + Add Snippetに行くことができます。次に、「カスタムコードを追加（新規スニペット）」オプションに移動し、「スニペットを使用」ボタンをクリックします。

Adding a custom CSS snippet to WordPress

その後、以下のコードをコピーしてください：

function rss_post_thumbnail($content) {
global $post;
if(has_post_thumbnail($post->ID)) {
$content = '<p>' . get_the_post_thumbnail($post->ID) .
'</p>' . get_the_content();
}
return $content;
}
add_filter('the_excerpt_rss', 'rss_post_thumbnail');
add_filter('the_content_feed', 'rss_post_thumbnail');
Hosted with ❤️ by WPCode
1-click Use in WordPress

次に、スニペットにタイトルを付けます。そして、先ほどコピーしたコードを「コードプレビュー」ボックスにペーストします。

右側のドロップダウン・リストから、コードタイプとして「PHP Snippet」を選択することをお忘れなく。

RSS feed code for thumbnail images WPCode

次に、「インサーター」セクションまでスクロールダウンする。

このスニペットでは、サイト上にコード・スニペットを自動的に挿入して実行するために、「Auto Insert」オプションを選択したままにしておきます。

Choose WPCode insertion method

最後に、スイッチを「無効」から「有効」に切り替える。

それから、「スニペットを保存」ボタンを押すのを忘れないでください。

Save and activate code snippet WPCode

詳しくは、WordPressでカスタムコードを簡単に追加する方法のチュートリアルをご覧ください。

ブログ投稿におすすめ画像を追加するヒントについては、WordPressで投稿サムネイルを追加する方法をご覧ください。

WordPressのRSSフィードに投稿サムネイルを追加する方法について、この投稿がお役に立てれば幸いです。また、最高の無料ビジネス名ジェネレータと 最高のサイトビルダーの選び方についてのガイドもご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

WPBeginnerで人気 今すぐだ！

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション！

今すぐダウンロード

Reader Interactions

45件のコメント返信を残す

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jennifer says

    Hello,

    When I added this code to my functions.php, it changed the length of the description. Now all the blog post content is showing in the RSS feed. Before it was cut off. Is there a way to limit the description to a max of 300 words?

    Thank you

    返信

    • WPBeginner Support says

      For what you are wanting you would want to change get_the_content to get_the_excerpt and that should allow it to display with the excerpt :)

      返信

      管理者

  3. M. Shukla says

    First of all let me thank you guys for various tutorials that have helped me over the time to fix several issues.

    I am just looking for a simple implementation.

    I just want my WordPress Category Feed e.g. wpbeginner.com/category/wp-tutorials/feed to have post featured image.

    So that under category/news/feed my articles show featured images in Google News Publishers sections.

    返信

    • WPBeginner Support says

      The method from our guide above should allow you to add images to your RSS feeds. The plugin has a paid plan if you wanted to specifically exclude other categories.

      返信

      管理者

  4. Jana says

    This does not work. Unfortunately, when executed it displays the full post content and the full-size featured image instead of the excerpt.

    返信

    • WPBeginner Support says

      From your statement it does work. It adds the post thumbnail which is what this tutorial is about, you would want to change the get_the_content to get_the_excerpt to show the excerpt and not the full content.

      返信

      管理者

  5. marisa says

    So how do you modify the function if you are using an ACF for your main custom thumbnail instead of the wordpress thumbnail?

    返信

  7. wasim says

    Sir. I am using the RSS feeds of other websites to pick the news but it doesn’t show the feature images just only show the link. Will this code or plugin work for me?? I tried both but nothing happened. Thanks.
    And please suggest me what should I do

    返信

  8. SoNyne says

    So this just adds the image to the content. Not really desired for my needs. How can I add a new field so that I can use get_thumbnail when using the fetch_feed method in WordPress?

    返信

  9. Araujo, Luiz says

    Hello, how can I apply this filter in a custom rss

    I have the following rss created

    add_action(‘init’, ‘customRSS’);
    function customRSS(){
    add_feed(‘feedname’, ‘customRSSFunc’);
    }
    function customRSSFunc(){
    get_template_part(‘rss’, ‘feedname’);
    }

    Great job

    返信

    • WPBeginner Support says

      You will need to connect to your website using an FTP client. Then locate the functions.php file (you will find it in /wp-content/themes/your-theme-folder/), edit the file using a plain text editor like Notepad. Undo the changes you made earlier. Finally, save the file and upload it back.

      You may also want to see our WordPress troubleshooting guide.

      返信

      管理者

    • WPBeginner Support says

      RSS feed is an XML file. Usually when you are viewing an XML file in a browser it will only show you the code and will not execute the markup. You need to check your feed into a feed reader like Feedly.

      返信

      管理者

  12. Natalie says

    Is it possible to use this function with the WP RSS WIdget? I need to imports POSTs with thumbnails to another site.

    返信

  13. Suresh Khanal says

    It was really a headache to see the RSS-to-email campaigns without no images because the RSS feed did not have the necessary tag to pull images from. Anyway, changed the functions.php file and now MailChimp can pull the required components and now the emails look beautiful.

    However, still the images in RSS feed look really big and wish to resize them to a suitable size. Needs to search more and find a solution for this.

    返信

  15. Jeremy R. Hammond says

    This accomplished getting the thumbnail included in the feed, but created two other problems:

    1) My feed now shows the full content instead of just the summary.

    2) The feed is also capturing my featured image from the content (the full image, not just the thumbnail) and this shortcode:

    [caption id="attachment_24496" align="aligncenter"width="739"]Caption Text[/caption]

    I assume there’s a way to correct both of these problems. Can anyone assist?

    返信

  17. Keifer Moore says

    I tried to implement this and received “Parse error: syntax error, unexpected ‘<' in /home/content/98/8201898/html/wp-content/themes/twentyfourteen/functions.php on line 526"
    I can't access wp-admin or the rss feed. I've tried making new wp-config.php files and nothing's working. Could someone help?

    返信

  20. Benjamin says

    Hi whoever wrote this post. Thanks at first, but when using this code, my feed displays the image in FULL SIZE, not as a thumbnail. What would you recommend to define a size?

    返信

  21. vijay saklani says

    Hi,
    i am new to wordpress. can you suggest me how can i use this one to show rss fedd with thumbs. here is my code:

    get_item_quantity( 10 );

    // Build an array of all the items, starting with element 0 (first element).
    $rss_items = $rss->get_items( 0, $maxitems );

    endif;
    ?>

    <a href="get_permalink() ); ?>”
    title=”get_date(‘j F Y | g:i a’) ); ?>”>
    get_title($content,) ); ?>

    get_description() ); ?>

    and add the describe function in function.php of theme. but not working.

    Help me!!!!
    Thnaks

    返信

  22. François says

    Hello,

    Thanks you for sharing this!

    I’d like to know if this is possible (and how) to use this script to display author image in rss feed? Is there a way to do this ?

    Thanks

    François

    返信

  23. Kama says

    Why we need check has_post_thumbnail()?

    get_the_post_thumbnail() return empty string if it couldn’t get thumbnail. Also, no need to define global $post. Filters calling from inside the loop.

    And why we call get_the_content(), is it nessesary?

    This code will enaugh:

    —
    function rss_post_thumbnail( $content ){
    $img = get_the_post_thumbnail( null, array(100, 80), array( ‘align’ => ‘left’, ‘style’ => ‘margin-right:15px;’ ) );
    $content = $img . $content;

    return $content;
    }
    add_filter( ‘the_excerpt_rss’, ‘rss_post_thumbnail’ );
    add_filter( ‘the_content_feed’, ‘rss_post_thumbnail’ );
    —

    Sorry for my english. It’s not my native.

    返信

  25. Brett Bumeter says

    Trying this with the genesis magazine theme, no luck. The article is getting a wee bit dated. I was wondering if something might have changed in wordpress since this was originally written, or if maybe I’m just missing something. Been a while since I wondered down the rabbit hole chasing feed code

    /** Add thumbnail to Magazine theme feed*/
    function rss_post_thumbnail($content) {
    global $post;
    if(has_post_thumbnail($post->ID)) {
    $content = ” . ‘ID).'”>’. get_the_post_thumbnail($post->ID).’‘ .
    ” . /* full content option get_the_content() */get_the_excerpt();/*exercpt option */
    }
    return $content;
    }

    add_filter(‘the_excerpt_rss’, ‘rss_post_thumbnail’);
    add_filter(‘the_content_feed’, ‘rss_post_thumbnail’);

    返信

    • Editorial Staff says

      Just tested the code from the article on a custom genesis child theme. It works fine. It won’t work with the default WordPress feed that firefox shows. But if you go to the atom feed, then it will work. If you are using a feedburner or another app, it should work.

      返信

      管理者

  26. Nick Aster says

    Ok…. wait a minute.

    Looks like this forces my RSS feed to be full content. Is that the case?

    More importantly, it looks like all this does is slap the tumbnail at the beginning of the content in the RSS feed. Am I missing something here?

    返信

    • Editorial Staff says

      Yes, it does make the feed full content. You can change get_the_content() to get_the_excerpt().

      Yes, the point is to add the featured thumbnail in RSS. In most cases, that is added before the post. You can style the paragraph tag however you like. Add a float:left; or anything that you want.

      返信

      管理者

  29. laksh says

    Hi i tried this but it gives error Fatal error: Call to undefined function add_filter() in wp-includes/functions.php on line 33 . please help me to solve this porblem. thanx in advance.

    返信

  30. AndyiBM says

    This works great, except that when there is a thumbnail present, the feed always repeats the post title within the content text (or excerpt text, as I’m using), which looks a little redundant. For posts without a thumbnail, the title is not repeated. Is there any way of removing this extra title text? It has no surrounding tags, so I can’t hide it using CSS.

    返信

  32. AzzePis says

    I think it’s better if you change code:

    $content=”.get_the_post_thumbnail($post->ID).”.$content;

    to maintain the original content.

    返信

  33. Cosmin says

    How would you make the post thumbnail link from RSS to the post?

    I don’t get along with PHP, any help is appreciated :)

    返信

  34. Jake says

    This is really something! I would love to add something like this to Inside the Webb, I’ll have to mess around with some code and see what I can do.

    返信

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。

著作権 © 2009 - 2024 WPBeginner LLC.無断複写・転載を禁じます。WPBeginner®は登録商標です。

Awesome Motiveが管理する｜WordPressホスティングがSiteGroundが管理する

を手伝ってほしい。…

人気のある検索

ブログの開始 ワードプレス SEO WordPress パフォーマンス WordPress エラー WordPress セキュリティ オンラインストアの構築