情報系ソフトやWEBサービスなど

ブログパーツのRSSリーダーはfeedwindがなかなかよい

2014.10.09
この記事は約5分で読めます。

feedwindRSSを表示するブログパーツをあらためて探してみた。最近はWordPressのウィジェットにもRSSがついていたり、無料ブログにもなんらかのRSSリーダーのブログパーツがついていたりすることが多いので、特別必要というほどものもでもない。
しかし、WEBデザイン的に収まりのサイズを微調整できたり、表示が安定していたり、自動スクロールさせたりとか、細かい要求がでてくると専用のブログパーツでないと対応できない。いくつかのブログパーツを調べてみたところ「feedwind」がなかなかいい。簡単にきめ細かい設定ができて、表示も早く安定しているようだ。

feedwindの使い方

feedwindの設定は簡単である。
http://feed.mikle.com/ja/
にアクセスして表示させたいブログのURLを入力するだけで、右側にプレビューが表示される。

あとは細かな設定を施して、気に入った画面になったらhtmlソースをコピーして、そのhtmlソースはそのブログパーツを表示させたいWEBサイトに貼り付けるだけである。

▼設定している画面
feedwindt設定の例

▼ここで出力したhtmlソースは以下のとおり

<!– start feedwind code –><script type=”text/javascript”>document.write(‘<script type=”text/javascript” src=”‘ + (‘https:’ == document.location.protocol ? ‘https://’ : ‘http://’) + ‘feed.mikle.com/js/rssmikle.js”><‘ + ‘/script>’);</script><script type=”text/javascript”>(function() {var params = {rssmikle_url: “/”,rssmikle_frame_width: “150”,rssmikle_frame_height: “520”,rssmikle_target: “_blank”,rssmikle_font: “‘メイリオ’,’ＭＳ Ｐゴシック’,sans-serif”,rssmikle_font_size: “12”,rssmikle_border: “on”,responsive: “off”,rssmikle_css_url: “”,text_align: “left”,text_align2: “left”,corner: “off”,scrollbar: “on”,autoscroll: “on”,scrolldirection: “up”,scrollstep: “3”,mcspeed: “20”,sort: “New”,rssmikle_title: “on”,rssmikle_title_sentence: “”,rssmikle_title_link: “”,rssmikle_title_bgcolor: “#9ACD32”,rssmikle_title_color: “#FFFFFF”,rssmikle_title_bgimage: “”,rssmikle_item_bgcolor: “#FFFFFF”,rssmikle_item_bgimage: “”,rssmikle_item_title_length: “55”,rssmikle_item_title_color: “#666666”,rssmikle_item_border_bottom: “on”,rssmikle_item_description: “on”,item_link: “off”,rssmikle_item_description_length: “150”,rssmikle_item_description_color: “#666666”,rssmikle_item_date: “off”,rssmikle_timezone: “Etc/GMT”,datetime_format: “”,item_description_style: “text+tn”,item_thumbnail: “crop”,article_num: “15”,rssmikle_item_podcast: “off”,keyword_inc: “”,keyword_exc: “”};feedwind_show_widget_iframe(params);})();</script><div style=”font-size:10px; text-align:center; width:150;”><a href=”http://feed.mikle.com/” target=”_blank” style=”color:#CCCCCC;”>RSS Feed Widget</a><!–Please display the above link in your web page according to Terms of Service.–></div><!– end feedwind code –>

このhtmlソースを今度は表示させたいWEBサイトのhtmlソース部分に貼り付ける。 蕎麦の食べ歩き北陸というサイトに貼ってみた。
▼そば湯のページ https://sindan.org/sobayu/

なかなか細かな設定ができるのがよいところである。しばらくテストしてみることにする。

▼実際に設置したブログパーツ