便利ですなー。使えますなー。でもie6では使えないので注意しましょう。
rss.js
////////////
google.load("feeds", "1"); function initialize() { var feedurl = "http://www.imamura.biz/blog/feed/"; //rssフィードのurlを指定。wordpressの場合はurl/feed/で取得できる。 var feed = new google.feeds.Feed(feedurl); feed.setNumEntries(4); //フィードの表示数 feed.load(dispfeed); function dispfeed(result){ if (!result.error){ var container = document.getElementById("feed"); var htmlstr = ""; htmlstr += "<ul>"; for (var i = 0; i < result.feed.entries.length; i++) { //ループ処理 var entry = result.feed.entries[i]; var eimg = ""; //画像取得(初期値設定) var imgCheck = entry.content.match(/(src="http:){1}[\S_-]+((\.png)|(\.jpg)|(\.JPG))/); //該当する拡張子のデータを画像として取得している if(imgCheck){ eimg += '<img ' + imgCheck[0] + '" width="100" >'; //eimgにはimgタグを挿入するように設定、大きさは100ピクセル } htmlstr += '<li class="kiji">' var strdate = createDateString(entry.publishedDate); htmlstr += '<p class="kiji_img"><a href="' + entry.link + '" target="_blank">' + eimg + '</a></p>'; htmlstr += '<p class="kiji_body"><span class="kiji_title"><a href="' + entry.link + '" target="_blank">' + entry.title + '</a></span>' + '<span class="kiji_entry">' + entry.contentSnippet.substr(0,140) + '</span><span class="kiji_date">' + strdate + '</span></p>'; htmlstr += "</li>" } htmlstr += "</ul>"; container.innerHTML = htmlstr; }else{ alert(result.error.code + ":" + result.error.message); } } } function createDateString(publishedDate){ var pdate = new Date(publishedDate); var pday = pdate.getDate(); var pmonth = pdate.getMonth() + 1; var pyear = pdate.getFullYear(); var phour = pdate.getHours(); var pminute = pdate.getMinutes(); var psecond = pdate.getSeconds(); var strdate = pyear + "/" + pmonth + "/" + pday ; return strdate; } google.setOnLoadCallback(initialize);
////////////
をrss.jsとして<head>内にぶち込みます。
続きはまた時間ある時に。
参考サイト(後にゆっくり書き直します。)
http://www.creps-inc.jp/6/post/2012/02/first-post.html
http://column.a-ngb.info/?p=34
http://www.imamura.biz/blog/cms/wordpress/1031
役所のサイトで使用してるので、参考にしよう。
です。