WP REST APIについて

Question

WP REST APIで、WordPressより記事などを取得して静的サイトに表示をさせようと考えています。

現状カスタム投稿の取得はできているのですが、下記点において取得の仕方が分からず苦戦しております。
・記事のカテゴリデータが取得できない
・アドバンスドカスタムフィールドプロを使用しているのですが、そのデータが取得できない

現状WP REST APIはWordpressのバージョン上デフォルトで入っております。
ACF to REST APIはインストール有効化済になります。

WP REST APIは下記JSで取得表示しています。

$(function(){

  //HTMLを生成

  $html_set = '';

  $.getJSON("http://example.com/wp-json/wp/v2/news?_embed", function(data){

    $html_set = '<style>' +
      'ul.wp_api-unit{display:block;}'+
      'ul.wp_api-unit li{clear:both; margin-bottom:15px; padding-bottom: 15px;border-bottom:1px dotted #cccccc;}'+
      'ul.wp_api-unit a{width:100%;display:block;}'+
      'ul.wp_api-unit .thumbnail{display:inline-block;width:28%;margin:0;padding:0 2% 0 0; vertical-align:top;}'+
      'ul.wp_api-unit .contents {display:inline-block;width:70%;}'+
      'ul.wp_api-unit .contents h1{font-size:1.6em; margin:0; paddin-bottom: 15px; margin:0; padding:0;}'+
      'ul.wp_api-unit .contents p{text-align: right; width:100%;}' +
      '</style>';

    $html_set += '<div>';

    $(data).each(function(){

      $title = this.title.rendered;
      $excerpt = this.excerpt.rendered;
      $date = new Date(this.date_gmt);
      $month = $date.getMonth()+1;
      $date_set = $date.getFullYear() + '.' + $month + '.' + $date.getDate() + '.';
      $thumbnail_src = this._embedded["wp:featuredmedia"][0].media_details.sizes.full.source_url;

      $html_set += '<div class="new-news bgimg pos-r" style="background-image: url('+ $thumbnail_src +')">' + '<a href="' + this.link + '" class="pos-a-area"></a>' + '<div class="event-text-wrap new-text-wrap pos-a">' + '<h4>' + $title + '</h4>' + '<p class="release-date">' + $date_set + '</p>' + '<p class="new-release-text">' + $excerpt +'</p>' + '</div>' +

        '</div>'+
        '';
    })
    $html_set += '</div>';
    $($html_set).appendTo('.newRelease');
  })
});

$(data).each(function() 

以下で取得データを代入し表示させているのですが、ここの取得の方法が分からず苦戦しております。
何卒ご教授よろしくお願いいたします。

Answer 1

categories の中に入っているのでは？

【Posts API Reference | WP REST API v2 Documentation】
http://ja.wp-api.org/reference/posts/#schema-categories

---

とりあえず中身を確認してみてください。

console.log( data ); 

【Chrome デベロッパーツールの使い方概要 | Web Tips】
http://weback.net/utility/1410/

---

ACF to REST API

リファレンスがあるので読んでみてください。

【GitHub - airesvsg/acf-to-rest-api: Exposes Advanced Custom Fields Endpoints in the WordPress REST API】
https://github.com/airesvsg/acf-to-rest-api

Comments

[TatsuyaAkitsu]

解答ありがとうございます。
上記確認してみたのですが、分からずご質問させていただいておりました。。。

カテゴリーはIDが取得できているようで、登録しているカテゴリー名での取得が出来ていないようなのです。

[kei344]

> カテゴリーはIDが取得できているようで、登録しているカテゴリー名での取得が出来ていないようなのです。

【Categories API Reference | WP REST API v2 Documentation】
http://ja.wp-api.org/reference/categories/

[TatsuyaAkitsu]

ありがとうございます。
slugで呼出を行うと半角英数字で登録していても、文字化けしてしまうのはこれは間違いではないということでしょうか...？

Answer 2

kei344様
ご教授いただきまして、誠にありがとうございました。
上記2点共に解決いたしました。

カテゴリーに関しましては、記事情報として直接取得するのではなく、カテゴリ一覧からjsonで取得し、そちらを記事情報のjsonに入れ込む形で反映が成功いたしました。

また、Advanced Custom Fields PROは、柔軟コンテンツとして登録していたものの取得が出来ておりませんが、今回は取り急ぎそれ以外のもので対応が可能なものなので、今後柔軟コンテンツの取得方法も調べていこうと考えております。

お時間をいただきまして、誠にありがとうございました。