RSSフィードは、ディレクトリ、フィードリーダー、その他のプラットフォームでコンテンツを宣伝するのに非常に便利ですが、1つの大きな欠点があります。それは、ブログ投稿のアイキャッチ画像が表示されないことです。
WordPressのコンテンツをRSSフィードで配信し始めた当初、そのプレーンでテキスト中心の外観にフラストレーションを感じていました。私が慎重に選んだアイキャッチ画像はどこにも見当たらず、私のコンテンツは他のすべての投稿に埋もれてしまっていました。
長年複数のWordPressサイトを運営してきた経験から、視覚的な要素がコンテンツとのインタラクションに大きな違いをもたらすことを学びました。投稿のサムネイルを追加することで、WordPressのRSSフィードを完全に変えることができます。
この記事では、WordPress RSSフィードに投稿のサムネイルを追加する方法を説明します。
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画像のサイズ、配置、テキストのパディングを変更したり、画像をクリック可能にするかどうかを選択したりできます。
希望する変更を加えたら、「変更を保存」ボタンをクリックすることを忘れないでください。
RSSフィードに投稿のサムネイルを手動で追加する（コーディングが必要）
投稿のサムネイルをWordPressのRSSフィードに表示する別の方法は、テーマのfunctions.phpファイルにコードスニペットを追加することです。
ただし、functions.phpファイルを直接編集することは推奨しません。わずかな間違いでもWordPressサイトが壊れる可能性があるからです。代わりに、コードを追加する簡単な方法はWPCodeプラグインを使用することです。
WPCodeを使用すると、エラーなしで安全にWordPressにコードスニペットを追加できます。さらに、WordPressテーマを更新または変更した場合でも、カスタムコードを保持できます。
WPCodeの無料版には、WordPressにカスタムコードを追加するために必要なすべてが含まれており、すぐに使えるコードスニペットのライブラリも含まれています。WPCode Proには、コードの改訂、スケジュールされたスニペット、コンバージョンピクセルなどの高度な機能が含まれています。
まず、WPCodeプラグインをインストールして有効化する必要があります。WordPressプラグインのインストール方法に関するチュートリアルに従ってください。
プラグインがアクティブになったら、WordPressダッシュボードからCode Snippets » + Add Snippetに移動できます。
ここから、「カスタムコードを追加（新規スニペット）」オプションに移動し、「+カスタムスニペットを追加」ボタンをクリックします。
次に、画面に表示されるオプションのリストからコードの種類として「PHPスニペット」を選択します。
その後、次のコードをコピーする必要があります：
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');
次に、スニペットにタイトルを付けます。コードが何のためのものかを覚えるのに役立つものであれば何でも構いません。
次に、以前にコピーしたコードを「コードプレビュー」ボックスに貼り付けます。
次に、「挿入」セクションまで下にスクロールします。
このスニペットでは、「自動挿入」オプションを選択したままにして、コードスニペットをサイトに自動的に挿入して実行するようにします。
最後に、「非アクティブ」から「アクティブ」にスイッチを切り替えます。
次に、「スニペットを保存」ボタンを押すのを忘れないでください。
WordPressにカスタムコードを簡単に追加する方法に関するチュートリアルで詳細を確認できます。
ブログ投稿にアイキャッチ画像を追加するためのヒントについては、WordPressに投稿サムネイルを追加する方法に関するガイドをご覧ください。
WordPress RSSフィードに関するエキスパートガイド
RSSフィードに投稿のサムネイルを追加する方法がわかったので、WordPress RSSフィードに関するその他のガイドもご覧ください。
- WordPress RSSフィードを完全にカスタマイズする方法
- WordPressブログに任意のRSSフィードを表示する方法
- WordPress RSSフィードを最適化する12のヒント
- WordPressでカテゴリごとに個別のRSSフィードを作成する方法
- WordPress RSSフィードから特定のカテゴリを除外する方法
- WordPress RSSフィードエラーの修正方法
- WordPress に RSS サイトマップを追加する方法（簡単な方法）
この記事で、WordPress RSSフィードに投稿サムネイルを追加する方法を学べたことを願っています。また、最高の無料ビジネス名ジェネレーターと最高のウェブサイトビルダーの選び方に関するガイドもご覧ください。
この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。
Jennifer
こんにちは、
このコードをfunctions.phpに追加したところ、説明の長さが変わりました。今では、すべてのブログ投稿コンテンツがRSSフィードに表示されています。以前はカットされていました。説明を最大300語に制限する方法はありますか？
ありがとうございます
WPBeginnerサポート
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
管理者
M. シュクラ
まず、これまで多くの問題を解決するのに役立ったさまざまなチュートリアルについて、皆さんに感謝したいと思います。
簡単な実装を探しています。
WordPressカテゴリフィード、例えばwpbeginner.com/category/wp-tutorials/feed に投稿のアイキャッチ画像を表示させたいだけです。
これにより、category/news/feedの下で、Googleニュースパブリッシャーセクションに記事のアイキャッチ画像が表示されるようになります。
WPBeginnerサポート
上記のガイドの方法で、RSSフィードに画像を追加できるようになるはずです。他のカテゴリを具体的に除外したい場合は、プラグインに有料プランがあります。
管理者
ジャナ
これは機能しません。残念ながら、実行すると、抜粋ではなく、投稿の全文とフルサイズのアイキャッチ画像が表示されます。
WPBeginnerサポート
あなたの記述からすると、それは機能しています。投稿のサムネイルが追加されており、このチュートリアルはそれに関するものです。抜粋を表示し、完全なコンテンツを表示しないようにするには、get_the_content を get_the_excerpt に変更したいと思うでしょう。
管理者
マリサ
WordPressのサムネイルではなく、メインのカスタムサムネイルにACFを使用している場合、関数をどのように変更しますか？
ダニ・セラーノ
皆さん、こんにちは。
私のサイトには4つのCPTがあります。
以下の手順で、すべてフィードに追加しました： https://014.leahstevensyj.workers.dev/wp-tutorials/how-to-add-custom-post-types-to-your-main-wordpress-rss-feed/
しかし、今フィードにサムネイルをコンテンツとして追加したいのですが。
どうすればできますか？
必要なのは、この投稿コンテンツに似ていますが、すべてのCPT（カスタム投稿タイプ）用です。
ありがとうございます。
Daniより
ワシム
様。他のウェブサイトのRSSフィードを利用してニュースを取得していますが、フィーチャー画像が表示されず、リンクのみが表示されます。このコードまたはプラグインは私に役立ちますか？両方試しましたが何も起こりませんでした。ありがとうございます。
そして、どうすればよいかアドバイスをお願いします。
SoNyne
これは単にコンテンツに画像を追加するだけです。私のニーズにはあまり望ましくありません。WordPressのfetch_feedメソッドを使用する際にget_thumbnailを使用できるように、新しいフィールドを追加するにはどうすればよいですか？
アラウージョ、ルイス
こんにちは、カスタムRSSでこのフィルターを適用するにはどうすればよいですか？
以下のRSSを作成しました
add_action(‘init’, ‘customRSS’);
function customRSS(){
add_feed(‘feedname’, ‘customRSSFunc’);
}
function customRSSFunc(){
get_template_part(‘rss’, ‘feedname’);
}
素晴らしい仕事
ステフィ
コードをWPのfunctionsに貼り付けたところ、サイトがクラッシュしました。白い画面が表示され、ログインできません。助けてください!!!!
WPBeginnerサポート
FTPクライアントを使用してウェブサイトに接続する必要があります。次に、functions.phpファイルを見つけます（/wp-content/themes/your-theme-folder/にあります）。メモ帳のようなプレーンテキストエディタでファイルを編集します。以前に行った変更を元に戻します。最後に、ファイルを保存して再度アップロードします。
また、WordPressのトラブルシューティングガイドもご覧ください。
管理者
ボルキヤ・レシャ
私も自分のサイトで試しましたが、RSSフィードに画像が表示されません。助けてください。
WPBeginnerサポート
RSSフィードはXMLファイルです。通常、ブラウザでXMLファイルを表示すると、コードのみが表示され、マークアップは実行されません。Feedlyのようなフィードリーダーでフィードを確認する必要があります。
管理者
ナタリー
この機能はWP RSS Widgetで使用できますか？サムネイル付きの投稿を別のサイトにインポートする必要があります。
スレッシュ・カナール
RSSフィードに必要なタグがなく、画像を取得できなかったため、RSSからメールへのキャンペーンに画像が表示されないのは本当に頭痛の種でした。とにかく、functions.phpファイルを変更したところ、MailChimpが必要なコンポーネントを取得できるようになり、メールが美しく見えるようになりました。
しかし、RSSフィードの画像はまだ非常に大きく表示され、適切なサイズにリサイズしたいと思っています。もっと調べて解決策を見つける必要があります。
Elodie
Thank you it crashed my site!
ジェレミー・R・ハモンド
これにより、サムネイルがフィードに含まれるようになりましたが、別の2つの問題が発生しました。
1) フィードに、要約ではなく完全なコンテンツが表示されるようになりました。
2) フィードは、コンテンツからフィーチャー画像（サムネイルだけでなく、画像全体）とこのショートコードもキャプチャしています。
[caption id="attachment_24496" align="aligncenter"width="739"]キャプションテキスト[/caption]
これら両方の問題を修正する方法があると思いますが、どなたか手伝っていただけますか？
グレッチェン・ルイーズ
このコードを本当にありがとうございます！投稿自体へのリンクとして投稿のサムネイルを編集するための提案はありますか？
キーファー・ムーア
これを実装しようとしたところ、「Parse error: syntax error, unexpected ‘<' in /home/content/98/8201898/html/wp-content/themes/twentyfourteen/functions.php on line 526」というエラーが表示されました。
wp-adminにもRSSフィードにもアクセスできません。新しいwp-config.phpファイルを作成してみましたが、何も機能しません。どなたか助けていただけますか？
サルヴァトーレ・カポルポ
素晴らしい助けになります、ありがとうございます
アイ・プランク
本当にありがとうございます。うまくいきました。
ベンジャミン
この投稿を書いた方へ。まずはお礼を申し上げます。しかし、このコードを使用すると、フィードにサムネイルではなく、画像がフルサイズで表示されます。サイズを定義するために何をお勧めしますか？
ヴィジャイ・サクラニ
こんにちは。
WordPressは初めてです。これをRSSフィードをサムネイル付きで表示するためにどのように使用できるか教えていただけますか？コードは以下の通りです：
get_item_quantity( 10 );
// すべてのアイテムの配列を構築します。要素0（最初の要素）から始まります。
$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() ); ?>
そして、describe関数をテーマのfunction.phpに追加します。しかし、動作しません。
助けてください!!!!
ありがとう
フランソワ
こんにちは、
シェアしてくれてありがとう！
このスクリプトを使用してRSSフィードに著者の画像を表示することは可能ですか（そして、どのようにすればよいですか）？ これを行う方法はありますか？
ありがとう
フランソワ
カーマ
has_post_thumbnail() をチェックする必要があるのはなぜですか？
get_the_post_thumbnail() は、サムネイルを取得できなかった場合に空文字列を返します。また、グローバル $post を定義する必要はありません。ループ内からフィルターが呼び出されます。
そして、get_the_content() を呼び出すのはなぜですか？必要ですか？
このコードで十分です：
—
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’ );
—
私の英語はごめんなさい。母国語ではありません。
アビイ・シン
こんにちは、functions.php にコードを追加しましたが、サムネイルが表示されません
ブレット・ブメター
genesis magazine themeでこれを試しましたが、うまくいきませんでした。記事が少し古くなっています。これが最初に書かれてからWordPressで何かが変更されたのか、それとも単に見落としているだけなのか疑問に思っています。フィードコードを追いかけてウサギの穴に迷い込んでからしばらく経ちました。
/** マガジンテーマのフィードにサムネイルを追加 */
function rss_post_thumbnail($content) {
global $post;
if(has_post_thumbnail($post->ID)) {
$content = ” . ‘ID).'”>’. get_the_post_thumbnail($post->ID).’‘ .
” . /* フルコンテンツオプション get_the_content() */get_the_excerpt();/*抜粋オプション */
}
return $content;
}
add_filter(‘the_excerpt_rss’, ‘rss_post_thumbnail’);
add_filter(‘the_content_feed’, ‘rss_post_thumbnail’);
編集スタッフ
記事のコードをカスタムGenesis子テーマでテストしました。正常に動作します。Firefoxが表示するデフォルトのWordPressフィードでは動作しません。ただし、Atomフィードにアクセスすると動作します。Feedburnerやその他のアプリを使用している場合は、動作するはずです。
管理者
ニック・アスター
OK…ちょっと待ってください。
これは私のRSSフィードをフルコンテンツに強制しているようですが、本当ですか？
さらに重要なのは、これがRSSフィードのコンテンツの先頭にサムネイルを貼り付けるだけのように見えることです。何か見落としていますか？
編集スタッフ
はい、フィードをフルコンテンツにします。get_the_content() を get_the_excerpt() に変更できます。
はい、目的はRSSにアイキャッチ画像を追加することです。ほとんどの場合、それは投稿の前に追加されます。段落タグは好きなようにスタイル設定できます。float:left; や、お好きなものを追加してください。
管理者
シェン
10x .. it’s work perfectly
エリボウォ
これはRSSリーダーのWordPressウィジェットで機能しますか…？？RSSウィジェットにサムネイル画像を挿入する方法を探しています…誰か…？
ラクシュ
こんにちは、これを試しましたが、エラーが発生しました。Fatal error: Call to undefined function add_filter() in wp-includes/functions.php on line 33 。この問題を解決するのを手伝ってください。よろしくお願いします。
アンディIBM
これはうまく機能しますが、サムネイルが存在する場合、フィードは常にコンテンツテキスト（または私が使用している抜粋テキスト）内で投稿タイトルを繰り返します。これは少し冗長に見えます。サムネイルのない投稿では、タイトルは繰り返されません。この余分なタイトルのテキストを削除する方法はありますか？周囲のタグがないため、CSSで非表示にできません。
ピョートル・サイノグ
RSSフィードのエントリの左側に投稿サムネイルを配置する方法はありますか？
編集スタッフ
はい、スタイルを追加してください。段落タグをDivに変更し、左にフロートさせてマージンを付けます。
管理者
アッツェピス
コードを変更した方が良いと思います。
$content=”.get_the_post_thumbnail($post->ID).”.$content;
元のコンテンツを維持するために。
メグ
では、最終的なコードは、すべて含めてどのようになるのでしょうか？
ブログフィードにサムネイルを載せたい非コーダーより。
編集スタッフ
記事のコードは必要な最終コードです…もちろん、テーマにサムネイルが有効になっていない場合は、もっと必要になります。
管理者
Cosmin
RSSから投稿への投稿サムネイルリンクをどのように作成しますか？
I don’t get along with PHP, any help is appreciated
編集スタッフ
関数を少し変更する必要があります。リンクタグにこのPHPコードを追加してください：the_permalink($post->ID)
管理者
ジェイク
これは本当にすごいですね！Inside the Webbにもこのようなものを追加したいです。コードをいじって何ができるか見てみます。