サイト内にRSSフィードを読み込む方法はたくさんありますが、
jQueryを使って簡単に組み込めるプラグインがないか探したところ、
必要最低限の要素で組み込むことが可能となる理想のプラグイン
「zRSSFeed」に辿りついたのでここでも紹介してみます。
zRSSFeed – RSS Feeds Reader for jQuery
zRSSFeed – RSS Feeds Reader for jQuery
上記ページからダウンロードできるプラグインファイルと併せて
実行させる為のIDをつけた<div>などを用意し、
スクリプトを実行するだけ。
実装方法のサンプルについて。
HTMLは下記の様に任意のID名がついたブロック要素を配置します。
※今回のサンプルではID名を「feed」にします。
◆HTML <div id="feed"></div>
そして下記の様にID「feed」に対して、スクリプトを実行させます。
※今回のサンプルで呼び出すRSSフィードはこのブログのものにします。
◆SCRIPT <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.zrssfeed.js"></script> <script type="text/javascript"> $(function(){ $('#feed').rssfeed('https://black-flag.net/feed',{ limit: 5 }); }); </script>
「.rssfeed」の後に読み込むRSSフィードのURLを記述して、
「limit」のオプションで表示する件数を設定します。
これを実際に実行させたサンプルは以下の様な感じになります。
(生成された後のテキスト装飾は別途CSSでの指定が必要です。)
表示オプションは件数の他にも
いろいろ用意されているのでプラグインファイル配布ページより
ご確認ください。
ID名が違うブロック要素を用意すれば
1ページ内に複数のRSSフィードを表示することも可能です。
手軽にRSSフィードを組み込めるので
この先重宝しそうです。
サイト内にRSSフィードの表示が必要になった際に是非。。。