はじめに

WordPress で他ウェブサイトのRSSを取得する場合、WordPress の標準のRSS挿入では、文字のみしか表示することができません。これをアイキャッチ付きのわかりやすいRSS挿入に変更します。忍者ツールズさんの忍者画像RSSを利用することでコピペだけでとても簡単に実現できましたのでご紹介させていただきます。

WordPressデフォルトのRSS取得

文字だけしか表示されない

• ISPs are fighting to raise the price of low-income broadband
• Amazon is giving The Boys the prequel treatment
• You can date everything in Date Everything!
• The Bioshock movie is still happening but with a reduced budget
• Warner Bros. Discovery sues the NBA in a last-ditch effort to block Amazon’s new streaming package

やりたいこと

アイキャッチ画像付きでRSS取得したい

実際に作ったサンプルページがこちらにあります。

忍者ツールズ

忍者ツールズさんのサイトで忍者画像RSSというものを利用することで、
だれでもカンタンにアイキャッチ画像付きのRSSを作成することができます。

忍者ツールズ｜ホームページ ブログ アクセス解析 カウンター メールフォーム

無料ホームページ、ブログ、SEO対策やBlog運営に便利なアクセス解析、アクセスカウンターなど、HPやレンタルCGIの定番、忍者ツールズ。無料で作成・登録できます。携帯にも対応。

www.ninja.co.jp

ログインが必要となりますが、Googleアカウントがあれば難しい登録は不要です。
上記URLのログインボタンから、新規ユーザ登録⇒外部IDで登録を選択すれば簡単にログインができます。

忍者ツールズでの設定

新規登録・ログインができたら、忍者画像RSSをクリックすると下のようなページが出てきます。
赤いボタンの”＋新しいチャンネルを作る”を押下します。

RSSフィードURLを入力します。

入力が完了したら、追加ボタンを押下するとサイトタイトルが出ますので、このURLで作るを押下します。

すると以下画面が表示されます。このタグをコピーします。

WordPress での設定

WordPress編集画面に移動します。オプションを押下し、エディターからコードエディターを選択します。

RSSを貼り付けたい位置にコピペします。

これで任意の場所にアイキャッチ付きのRSS画像を表示することができるようになりました！

デザインの設定

忍者ツールズさんのデザイン設定画面の表示方法を選択することで「画像フレーム」や「カルーセル表示」など好きに設定を変更することができます。

例：カルーセル表示

プラグインや難しいコーディング無しにアイキャッチ付きのRSSを追加することができました！