BLOG

Monaca、WordPress連携方法

2015/6/14

前回BLOGで紹介しました簡単にハイブリットアプリが作れるサービスとしてMonacaですがWordPressの記事を表示できないかなと思い試してみました。

まずはWordPressにプラグインJSON APIをインストールし有効化します。

そしてMonacaでJSONデータを呼び出します。

<ul id="list"></ul>

<script>
$.getJSON("WordPressサイトのURL/?json=get_recent_posts", function(data) {
  for(var i=0; i<10; i++){
    $("#list").append(
        "<li>" + data.posts[i].title + "</li>"        
    );
  }
});
</script>

1

2

3

4

5

6

7

8

9

10

11

<ul id="list"></ul>

<script>

$.getJSON("WordPressサイトのURL/?json=get_recent_posts", function(data) {

for(var i=0; i<10; i++){

$("#list").append(

"<li>" + data.posts[i].title + "</li>"

);

}

});

</script>

data.posts[i].id
data.posts[i].title
data.posts[i].date
data.posts[i].content
などが取得できます。

Tag:JavaScript jQuery Monaca WordPress

BLOG