実は簡単だった！別ブログの更新情報（RSS）を取得して、自分のブログに更新情報表示。Postach.ioからもOK。

公開日：2013/06/15 最終更新日：2014/09/16

すいません m(_ _)m、本記事はブログ引越時に書式が崩れました。順次修正中です。

ℹ️本記事にはPRが含まれています。

楽して別のブログの更新情報を自分のブログに掲載できないかな？なんて思っていましたが、手作業じゃなくてもできるということを知りまして、ちょっと試しています。現在、EVERNOTEでノートを書くだけでブログ公開できるという、Postach.ioの方でもゆるゆるとブログを書いてたりするわけですが、せっかくなので更新情報をSISO-LABで表示するようにしてみました。

■ブログ更新情報（RSS）を表示するブログパーツ

ブログ更新情報は、RSS（ウェブサイトの更新情報を簡単にまとめて配信するための仕組み）を使えば取得できますが、これを、ブログ内の部品として表示できるものが無いかと思って探してみました。

そしたら、FeedWindという、なんだかお手軽そうなサービスを発見！

RSS表示用ブログパーツ | FeedWind（フィードウィンド）

非常にお手軽そうですが、

無料

登録不要

組み込み簡単

文字や色を自由に設定

表示サイズも自由に設定

ということで、必要にして十分な感じです。

要するに、各ブログで配信されているRSSを登録し、ちょっと色や文字サイズなどを調整するだけで、簡単に表示用のスクリプトを取得することができ、あとは、ブログのテンプレートに組み込むだけです。

■FeedWindの設定

まずは、RSSのURLを設定します。例えば、SISO-LABならサイドの下の方、Postach.ioの方（現在のSISO-LOGレイアウトだと）だと右横にRSSのリンクがありますので、ここからURLを取得します。リンクを右クリックしてメニューを表示し、「リンクのURLをコピー」します。

以下、Postach.ioの更新情報をSISO-LABで表示できるようにした手順にて紹介します。

先ほどコピー取得したRSSのURLを設定します。プレビューに現在の設定情報による表示状態がリアルタイムに表示されます。

設定時にちょっとだけ苦労したことは、表示文字数に設定が必要なことになかなか気づけず、なんでこんな表示になっちゃうんだろう？と試行錯誤していました。「見出し設定」と「本文設定」にはひょうじする文字数を設定することができます。「フレーム設定」で枠のサイズを広げたら、勝手に増えるのかな？と思っていたらそうではなく、「もっと細かく設定する」から文字数を設定する必要がありました。

そんなこんなでSISO-LABの色やサイズに合わせて調整しました。

■BroachテンプレートへのFeedWindの組み込み

Broachのテンプレート、MainIndexに組み込みます。今回、当ブログの右側（サイドバーとでも言うのでしょうか？）に組み込みましたので、以下のキーワードでソースコードの中を探してみてください。

<div class=”sidetitle”>
または
<div class=”side”>

“sidetitle”というのが、サイドに配置した時のタイトルスタイルで、”side”というのが、サイドに配置した時の本文部分です。ここに、タイトルとFeedWindからコピーしたソースコードを入れます。具体的には、こんな感じです。

<div class=”sidetitle”>
SISO-LOG What’s up?
</div>

<div class=”side”>
<!– start feedwind code –>
：
：
FeedWindからコピーしたソースコード
：
：
<!– end feedwind code –>
</div>

これで、Broach上でもPoastach.ioで更新した情報が表示できるようになります。ちょっと、SISO-LABのレイアウトを見直しているので、まだ、とりあえず配置ということで下の方にしていますが、カレンダーなど、あまり使ってないと思われるブログパーツを外して上に配置しようかな？と思っています。