Wordpress - 如何使用Ajax加载更多插件

Question

我正在使用wordpress开发一个网站，我想在滚动时加载更多新闻，但我已经有了一个html结构，当我把ajax加载更多时，它会放置自己的结构而我不会想要那个。

我正在使用Ajax Load More插件。

那么，如何在这个html结构中使用Ajax加载更多：

<?php
          $posts = get_posts(['cat' => get_cat_ID("news")]);
                foreach($posts as $post){
                    setup_postdata($post);
            ?>

        <div class="col-xs-12 col-sm-6 col-md-4">
          <a class="news-link" href="<?php the_permalink() ?>">
            <div class="news">
              <div class="image">
                <?php the_post_thumbnail('thumbnail') ?>
                <div class="mask">
                  <div class="icon">
                    <i class="icon-plus"></i>
                  </div>
                </div>

              </div>
              <div class="title">
                <span>
                  <?php the_title(); ?>
                </span>
              </div>
              <div class="excerpt">
                <p class="date">
                  <?php echo get_the_date('Y-m-d'); ?>
                </p>
              </div>

              <div class="excerpt">
                <p>
                  <?php the_excerpt(); ?>
                </p>
              </div>
            </div>
          </a>
        </div>
        <?php
                wp_reset_postdata();
            } ?>

如果我把这个短代码显示出来，但不是我想要的结构。

[ajax_load_more id="7279302844" container_type="div" post_type="post" category="news"]

谢谢