Как сделать ajax загрузку поста в определенный DIV wordpress?

Добрый день! На данный момент код рабочий, но с ним я лишаюсь возможности использовать файл single.php по назначению, можно ли переназначить файл, к которому будем обращаться?

// Куда кликаю, чтобы вызвать функцию
<a class="post-link" rel="<?php the_ID(); ?>" href="<?php the_permalink(); ?>">
                    <article <?php post_class(); ?>>
                                <h3><?php the_title(); ?></h3>
                    </article>
                </a>

// Где появится контент после клика

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
            <div id="single-post-container" class="relative m-sm-1 w-sm-3">
                <article id="<?php $category = get_the_category(); echo $category[0]->cat_name; ?>"> 
                
                </article>
            </div>
        <?php endwhile; endif; ?>

js:

$.ajaxSetup({cache:false});
        $(".post-link").click(function(){
            var post_link = $(this).attr("href");
            $("#single-post-container").html("Загрузка...");
            $("#single-post-container").load(post_link);
            return false;
        });

single.php :

<?php $post = get_post($_POST['id']); ?>
<div id="single-post post-<?php the_ID(); ?>">
<?php while (have_posts()) : the_post(); ?>
    <header class="post-title">
        <h2><?php the_title(); ?></h2>
    </header> 
    <div class="post-content">
        <?php the_content(); ?>
    </div>
<?php endwhile;?>