jQueryプラグインの「zrssfeed」を使うと簡単にRSSを取得して表示することができます。
RSS Feeds Reader Plugin for jQuery – Zazar Online Website Builderリンク切れ
上のページからプラグイン(jquery.zrssfeed.js)をダウンロードします。現在のバージョンは1.1.8でした。
使い方はとても簡単です。
まずHTMLに次のように書きます。idは任意です。
プラグインjquery.zrssfeed.jsを適当なフォルダに保存します。
そのフォルダに応じて、次のように書きます。
スクリプトに次のように書きます。
アドレスはRSSのURLです。
オプションは後述します。なくてもよいです。
$("#myid").rssfeed(アドレス,オプション)
これだけでHTMLに整形された状態で表示されるはずです。
ただし、オプションを調整しないと見た目が変な場合がほとんどです。
例えば次のようにオプションを付けます。
$('#mydiv').rssfeed('http://rss.dailynews.yahoo.co.jp/fc/rss.xml',{
limit: 8,
content:false,
date:false,
header:false,
media:false,
titletag:'p'
});
limit: 8,
content:false,
date:false,
header:false,
media:false,
titletag:'p'
});
limitは表示される件数です。
contentは記事の内容です。デフォルトはtrueで表示されます。
dateは日時です。デフォルトはtrueです。
headerは記事の見出しです。デフォルトはtrueです。
mediaは画像情報です。デフォルトはtrueです。
titletagは記事の見出しのタグです。デフォルトはh4です。「<h4>見出し</h4>」となります。
オプションは他にもあります。
またプラグインに同梱されているサンプルが充実していますので確認してください。
コメント