WebPage is Here:  https://lemonex.shop

はじめに

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

WordPressデフォルトのRSS取得

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

• Xbox head says Microsoft's mobile game store could arrive next year
• 8BitDo controllers now work with Apple devices
• LG’s iridescent 2023 Gram Style laptops start at $1,499
• Amazon will lay off another 9,000 employees in the coming weeks
• Amazon's Echo Show 8 drops back to $75

 

やりたいこと

  アイキャッチ画像付きでRSS取得したい 実際に作ったサンプルページがこちらにあります。    

忍者ツールズ

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

  ログインが必要となりますが、Googleアカウントがあれば難しい登録は不要です。 上記URLのログインボタンから、新規ユーザ登録⇒外部IDで登録を選択すれば簡単にログインができます。   新規登録・ログインができたら、忍者画像RSSをクリックすると下のようなページが出てきます。 赤いボタンの”＋新しいチャンネルを作る”を押下します。  

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

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

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

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

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

  これで任意の場所にアイキャッチ付きのRSS画像を表示することができるようになりました！     忍者ツールズさんのデザイン設定画面の表示方法を選択することで「画像フレーム」や「カルーセル表示」など好きに設定を変更することができます。  

      例：カルーセル表示   プラグインや難しいコーディング無しにアイキャッチ付きのRSSを追加することができました！     実際に作ってみたページはこちらになります。

技術系まとめサイトのまとめ