WordPressでJSON形式を使う【Feed JSON,JSON API】

2012/04/182013/11/10

WordPress

code

JSON形式を使うためのプラグイン

・Feed JSON http://wordpress.org/extend/plugins/feed-json/
・JSON API　http://wordpress.org/extend/plugins/json-api/

どちらか要望のあう方を使用するとよいでしょう。プラグインに付属しているreadme.txtに仕様は書かれているみたいです。

Feed JSON を使用したサンプル

<script type="text/javascript">
function showTitles(root) {
  var tags = "<ul>";
  for (var i = 0; i < root.length; i++) {
 tags += '<li><a href="' + root[i].permalink + '">' + root[i].title + '</a></li'+'>';
 }
 tags += '</ul'+'>';
 document.writeln(tags);
}
</script>
<script type="text/javascript" src="https://example.com/feed/json?callback=showTitles"></script>

example.comはご自身のブログのトップURLを指定してください。きちんと動作すれば、記事一覧が表示されます。

JSON API を使用したサンプル

<script type="text/javascript">
function showTitles(root) {
  var tags = "<ul>";
  for (var i = 0; i < root.posts.length; i++) {
 tags += '<li><a href="' + root.posts[i].url + '">' + root.posts[i].title + '</a></li'+'>';
 }
 tags += '</ul'+'>';
 document.writeln(tags);
}
</script>
<script type="text/javascript" src="https://example.com/api/get_recent_posts/?callback=showTitles&count=5"></script>