WordPressのRSSから自動取得してリンクを表示するブロック

 
ドメインの中にWordPressでブログを作るとき、最新の投稿内容をトップページに自動的に表示したいものです。かつてはGoogle Feed APIでRSSから取得して自動表示していましたが、サービスが終了してしまったため、代替として作成しました。
カスタムタグ内のfeedのURLを書き換えるだけで動作します。

※下のブロックは実際にRSSから自動表示しています。リンクの文字色などはDRESSなどの設定によります。
※表示するブログは同一ドメインのものに限ります。アメブロなどの無料ブログは自サイトのドメインと異なるため自動表示できません。
ローカル環境では表示されませんので、サーバーにアップロードして確認してください。

BiNDism Blog

 


  • カスタムタグで設定を埋め込んでいます。
  • 表示対象のRSS(ブログ)、及び表示数はカスタムタグ内の該当箇所修正で変更可能です。
  • fontAwesomeの読み込み、リスト表示のCSSなどもブロック内のカスタムタグに入れていますので、該当ブロックのみをコピペし、対象RSSを変更(同一ドメイン内のもの)するだけで機能します。
  • リスト表示のfontAwesomeもカスタムタグ内にstyleで記述していますので、contentとcolorの修正で変更可能です。

Tablet View


rss_001

SP View


rss_001