【WordPress】投稿ページ（single.php）でAjax通信で無限スクロールする方法

<?php get_header(); ?>

<main class="l-main">
  <div class="c-block">
    <div class="c-block__inner">
     
      <article class="p-article">
      <?php if ( have_posts() ) : //条件分岐：投稿があるなら ?>
      <?php while ( have_posts() ) : the_post();//繰り返し処理開始 ?>
      
       <?php endwhile; // 繰り返し終了 ?>
       <?php endif; //条件分岐終了 ?>

      </article>
     
      <div id="js-ajax"> <!-- ここに無限スクロールの記事を表示させる -->
      </div>

    </div>
  </div>
</main>

<?php get_footer();

$(function () {
  if ($("#js-ajax").length) { /* id名js-ajaxがあれば以下を実行 */
    let documentHeight = $(document).height(); /* ページの全高さを取得 */
    let windowsHeight = $(window).height(); /* ブラウザの高さを取得 */

    let url = "http://test.com/wp-content/themes/test/ajax.php"; /* ajax.phpまでのパス */
    
    let postNumNow = 0; /* 最初に表示させる記事数 */
    let postNumAdd = 5; /* 追加する記事数 */

    let siteUrl = window.location.pathname.split("/"); /* サイトのurlを取得して、/ごとに分割 */
    let postId = siteUrl[siteUrl.length - 1]; /* 分割したurlから最後部分を取得（投稿ID） */

    let flag = false;
    $(window).on("scroll", function () {
      let scrollPosition = windowsHeight + $(window).scrollTop();

      if (scrollPosition >= documentHeight - 500) {
        if (!flag) {
          flag = true;
          $.ajax({
            type: "POST",
            url: url,
            data: {
              post_num_now: postNumNow,
              post_num_add: postNumAdd,
              post_id_add: postId,
            },
            success: function (response) {
              $("#js-ajax").append(response);
              documentHeight = $(document).height();
              postNumNow += postNumAdd;
              flag = false;
            },
          });
        }
      }
    });
  }
});

let url = "http://test.com/wp-content/themes/test/ajax.php"; /* ajax.phpまでのパス */

let postNumNow = 0; /* 最初に表示させる記事数 */
let postNumAdd = 5; /* 追加する記事数 */

let siteUrl = window.location.pathname.split("/"); /* サイトのurlを取得して、/ごとに分割 */
let postId = siteUrl[siteUrl.length - 1]; /* 分割したurlから最後部分を取得（投稿ID） */

<?php

require_once '../../../wp-load.php'; //wordpressの関数を使うために読み込み

$offset         = isset( $_POST['post_num_now'] ) ? $_POST['post_num_now'] : 0;
$posts_per_page = isset( $_POST['post_num_add'] ) ? $_POST['post_num_add'] : 0;
$post_id_name = isset( $_POST['post_id_add'] ) ? $_POST['post_id_add'] : 0;
$post_id_array = [$post_id_name]; //投稿IDを配列化する

$args = array(

      'posts_per_page' => $posts_per_page, //何件ずつ表示させるのか
      'offset'         => $offset, //何件目から表示させるのか
      'post__not_in' => $post_id_array, //一番上にある記事は除外
      'post_type' => 'post', //投稿タイプ
      'post_status' => 'publish',//公開の記事だけ
      'has_password' => false //パスワードがある記事は除外
       );

       $the_query = new WP_Query( $args );
       if ( $the_query->have_posts() ) :
       ?>

      <?php global $previousday; 
         while ( $the_query->have_posts() ) : $the_query->the_post();
         $previousday = '';
                // -------- ここから繰り返し---------- ?>
     
      <article class="p-article">
        
      </article>

          <?php // -------- 繰り返しここまで-----------
                          endwhile; ?>

          <?php // -------- WP_query終了-----------
                          endif; ?>

    <?php wp_reset_postdata(); ?>

require_once '../../../wp-load.php'; //wordpressの関数を使うために読み込み

$offset         = isset( $_POST['post_num_now'] ) ? $_POST['post_num_now'] : 0; //最初から表示させる記事数
$posts_per_page = isset( $_POST['post_num_add'] ) ? $_POST['post_num_add'] : 0; //追加する記事数
$post_id_name = isset( $_POST['post_id_add'] ) ? $_POST['post_id_add'] : 0; //投稿ID

$post_id_array = [$post_id_name]; //投稿IDを配列化する

'post__not_in' => $post_id_array, //一番上にある記事は除外（投稿IDを除外）