WordPress コピペだけで外部のRSSをアイキャッチ付きで簡単に表示する方法
2021年5月9日
LemonEx
その他
全国
1645
はじめに
Wordpress で他ウェブサイトのRSSを取得する場合、
WordPress の標準のRSS挿入では、文字のみしか表示することができません。
これを
アイキャッチ付きのわかりやすいRSS挿入に変更します。
忍者ツールズさんの忍者画像RSSを利用することで
コピペだけでとても簡単に実現できましたのでご紹介させていただきます。
WordPressデフォルトのRSS取得
文字だけしか表示されない
やりたいこと
アイキャッチ画像付きでRSS取得したい
実際に作ったサンプルページがこちらにあります。
忍者ツールズ
忍者ツールズさんのサイトで忍者画像RSSというものを利用することで、
だれでもカンタンにアイキャッチ画像付きのRSSを作成することができます。
https://www.ninja.co.jp
ログインが必要となりますが、Googleアカウントがあれば難しい登録は不要です。
上記URLのログインボタンから、新規ユーザ登録⇒外部IDで登録を選択すれば簡単にログインができます。
新規登録・ログインができたら、忍者画像RSSをクリックすると下のようなページが出てきます。
赤いボタンの”＋新しいチャンネルを作る”を押下します。
忍者ツールズ画面
RSSフィードURLを入力します。
忍者ツールズ画面
入力が完了したら、追加ボタンを押下するとサイトタイトルが出ますので、このURLで作るを押下します。
忍者ツールズ画面
すると以下画面が表示されます。このタグをコピーします。
忍者ツールズ画面
Wordpress編集画面に移動します。オプションを押下し、エディターからコードエディターを選択します。
WordPress画面
RSSを貼り付けたい位置にコピペします。
WordPress画面
これで任意の場所にアイキャッチ付きのRSS画像を表示することができるようになりました！
忍者ツールズさんのデザイン設定画面の表示方法を選択することで「画像フレーム」や「カルーセル表示」など好きに設定を変更することができます。
忍者ツールズ画面
例：カルーセル表示
プラグインや難しいコーディング無しにアイキャッチ付きのRSSを追加することができました！
実際に作ってみたページはこちらになります。
技術系まとめサイトのまとめ
