list

list-page.php

<?php
/*
   Template Name: リストページ
 */
?>

<?php get_header(); ?>

<h1>追加リスト</h1>

<button id="js-add">リストの追加</button>

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

<script>
var $button = jQuery('#js-add');
var $list = jQuery('#js-list');
var per_page = 1;
var count = 0;
$button.on('click', function (e) {
  count++;
  jQuery.ajax({
  url:'/wp-json/wp/v2/posts?_embed&per_page='+per_page+'&page='+count,
    type:'get'
  })
  .done(function(data){
    console.log(data.length);//データのリスト
    data.forEach(function(item){
      $list.append('<li><a href="+item.title.link+">'+item.title.rendered+'</a></li>')
    })
  })
  .fail(function(data){
    console.log(data);
    $button.prop('disabled',true);//上限以上になったらボタンを押させない
  });
})
</script>
<?php get_footer(); ?>