Правильный способ загрузки отдельного поста через Ajax?

Я загружаю отдельные записи через Ajax в div, который настроен на моей главной странице. С этим всё работает нормально. Я хочу использовать history.js для push/pop состояния, чтобы когда пользователи вводят example.com/my-post в адресную строку, загружалась главная страница с уже загруженной записью в div. Именно здесь возникает проблема.

Это упрощенная версия функции, которую я использую (в реальности также включает слайд):

function my_load_ajax_content () {

    $args = array(
        'p' => $_POST['post_id'],
        'post_type' => 'projects'
        );

    $post_query = new WP_Query( $args );
    while( $post_query->have_posts() ) : $post_query->the_post(); ?>

    <div class="post-container">
        <div id="project-content">
            <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
            <?php the_content(); ?>
        </div>
    </div><!-- .post-container -->

    <?php
    endwhile;
    wp_die();
}

add_action ( 'wp_ajax_nopriv_load-content', 'my_load_ajax_content' );
add_action ( 'wp_ajax_load-content', 'my_load_ajax_content' );

Вот как я её вызываю:

$('.post-link').on('click', function(e) {
    e.preventDefault();

    var post_id = $(this).data('id'), // атрибут data-id для .post-link
        projectTitle = $(this).data('title'), // атрибут data-title для .post-link
        projectSlug = $(this).data('slug'), // атрибут data-slug для .post-link
        ajaxURL = site.ajaxurl; // Ajax URL локализован из functions.php

    $.ajax({
        type: 'POST',
        url: ajaxURL,
        context: this,
        data: {'action': 'load-content', post_id: post_id },
        success: function(response) {
            $('#project-container').html(response);
            return false;
        }
    });
});

Вот цикл

<?php $home_query = new WP_Query('post_type=projects');

while($home_query->have_posts()) : $home_query->the_post(); ?>

    <article class="project">
        <?php the_post_thumbnail( 'home-thumb' ); ?>
        <div class="overlay">
            <a class="post-link expand" href="<?php the_permalink(); ?>" data-id="<?php the_ID(); ?>" data-title="<?php the_title(); ?>" data-slug="<?php global $post; echo $post->post_name; ?>">+</a>
        </div>
    </article>

<?php endwhile; ?>
<?php wp_reset_postdata(); // сброс запроса ?>

Я думаю, возможно, я делаю это неправильно. Я в замешательстве, и часть меня думает, что нужно поместить весь HTML в мой шаблон single и вызывать его из Ajax-функции. Но тогда я точно не знаю, как это будет работать, потому что если пользователь вводит example.com/my-post в браузере, загрузится только отдельная запись без всего HTML на главной странице. Надеюсь, я правильно объясняю. Может кто-то показать, как это делается правильно?