ところで、自分のウェブサイト上に「別のウェブサイトの情報を表示したい」と思ったことはありませんか。そんな時は「RSS」ブロックを使うと便利です。

目次

• 「RSS」ブロックの使い道
  • 「RSS」ブロックの使い道サンプル
• 操作デモ動画
• 設定項目
  • RSS 設定
  • 投稿設定
  • デフォルト設定
  • 色設定
• 「RSS」ブロックは「Nishiki もくもく勉強会」でのフィードバックからうまれました
• 引き続きフィードバックお待ちしております

「RSS」ブロックの使い道

「RSS」ブロックはとても便利ですが、そもそも RSS についてあまり知識がない方にとってはピンと来ないかもしれません。

以下に「RSS」ブロックを使ってサンプルを作りましたので、ご参考ください。

「RSS」ブロックの使い道サンプル

みたいな。

上記のように「こんなウェブサイト運営してるよ！」という紹介の意味で「他のウェブサイトのコンテンツを表示する」なんてことができます。

もうちょっと企業向けな話をすると、例えば企業 A のウェブサイト上で「子会社や関連会社などのウェブサイトのコンテンツを表示する」なんてこともできますね。

ジャンルに特化したポータルサイトを作る時にも使えますね。

・・・という具合で、「RSS」ブロックはかなり使えると思います。

ちなみにですが、取得したコンテンツはキャッシュを利用しているので、毎回 RSS フィードの URL を取得するわけではなく、一度取得したデータを一定期間保持しています。なので、外部サイトのサーバーのリソース消費も抑えつつ、ページの表示速度も高速を維持しています。

操作デモ動画

YouTube に操作動画をアップしましたので、ご参考ください。

チャンネル登録 もぜひ・・・！！

設定項目

RSS 設定

• RSS フィード URL（ワードプレスで作られたウェブサイトのフィードは取得できることを確認しましたが、ご使用のテーマによっては出力するフィードをカスタマイズしている場合があります。うまく取得できない場合は、 ユーザーコミュニティ や Nishiki もくもく勉強会 でテーマ開発者の私までご連絡をお願いいたします。）

投稿設定

• 投稿数（最大 10 件です。取得した件数が 10 件より少ない場合→表示する RSS フィード側の件数を変更してください。）
• カラム数
• アイキャッチ画像を表示（アイキャッチ画像をキレイに並べるには、取得するウェブサイト側で画像サイズを 16 : 9 に変更してください。640 × 360 px だとキレイです。）
• 投稿日を表示
• 著者名を表示
• リンクを新しいウィンドウで開く

デフォルト設定

• 画像選択（アイキャッチ画像が取得できなかった場合に表示する画像。16 : 9 の比率での画像を推奨。640 × 360 px だとキレイです。）

色設定

• テキストカラー

「RSS」ブロックは「Nishiki もくもく勉強会」でのフィードバックからうまれました

この「RSS」ブロックは「Nishiki もくもく勉強会」でのフィードバックから着想を得て開発しました。

個人ブログの情報をコーポレートサイトのトップページに表示するため、海外製のプラグインを使っていたけど、デザインが Nishiki Pro テーマと合わない（プラグイン使っているとあるある）などの理由から、「Nishiki Pro のデザインに合わせたい」という要望から開発に着手しました。

ちなみに勉強会の様子については、以下のレポートをご覧ください。

引き続きフィードバックお待ちしております

今後も「これはあったほうがいい！」と、開発者の僕が思ったフィードバックには積極的に対応していきます。

フィードバックは ユーザーコミュニティ で受け付けています。改善案や機能追加の要望などありましたら、ぜひお寄せください。