Feed JSON プラグインから WP REST API に変更

サイト（ブログではない）のトップにこのブログの最新記事一覧を表示するために Feed JSON プラグインを使って JSONP データを渡していました。先ほど見てみたら正常に動かなくなってしまっていたので WP REST API プラグインでの出力に変更しました。

$(function() {
	var blogfeed = 'http://blog.semicolon.jp/wp-json/posts?';
	$.getJSON(blogfeed, function(data) {
		for (var key in data) {
			var link  = data[key]['link'];
			var title = data[key]['title'];
			var date  = new Date(Date.parse(data[key]['date']));
			var y     = date.getFullYear();
			var m     = date.getMonth() + 1;
			var d     = date.getDate();
			var dates = '<span class="date">' + y + '年' + m + '月' + d + '日: </span>';
			$('#blog-entry-list').append('<li>' + dates + '<a href="' + link + '">' + title + '</li>').hide().fadeIn(500);
		}
	});
});

$(function() {

var blogfeed = 'http://blog.semicolon.jp/wp-json/posts?';

$.getJSON(blogfeed, function(data) {

for (var key in data) {

var link = data[key]['link'];

var title = data[key]['title'];

var date = new Date(Date.parse(data[key]['date']));

var y = date.getFullYear();

var m = date.getMonth() + 1;

var d = date.getDate();

var dates = '<span class="date">' + y + '年' + m + '月' + d + '日: </span>';

$('#blog-entry-list').append('<li>' + dates + '<a href="' + link + '">' + title + '</li>').hide().fadeIn(500);

}

});

こんな具合に取得＆表示を行っています。

日	月	火	水	木	金	土
« 6月				8月 »
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

semicolon

日々をゆるく綴ります。

Feed JSON プラグインから WP REST API に変更

関連