创建一个加载更多帖子按钮

Question

我正在尝试在我的wordpress网站上创建一个加载更多帖子按钮。我想首先显示15个帖子，然后在15个帖子后出现加载更多按钮，一次加载15个帖子。如果没有剩余的帖子可以加载，我还希望加载更多按钮消失。使用下面的代码，我已经能够添加按钮。但是，一开始我的网站上没有帖子，然后当我按下按钮15加载时，按钮就会消失。我怎么能解决这个问题，并使负载更多按钮有效工作？

frontpage.php

jQuery(document).ready(function () {
    jQuery(".post").addClass("hide"); 
        total = jQuery( ".post" ).length;
            x = 15;

        jQuery('.loadmore').click(function () {
           //y = x;
            jQuery(total);
        jQuery(".post").removeClass("hide");     
            jQuery(".post:gt("+x+")").addClass("hide"); 
         x++;


        if(x >= total){
        jQuery( ".loadmore" ).hide();
        }

        });

    });

loadmore-posts.js

{{1}}