¿Cuál es la forma correcta de cargar una entrada individual mediante Ajax?

Estoy cargando entradas individuales mediante Ajax en un div que he configurado en mi página de inicio. Todo funciona bien en este aspecto. Quiero usar history.js para push/pop del estado para que si los usuarios ingresan example.com/mi-entrada en la barra de direcciones, cargue la página de inicio con la entrada ya cargada en el div. Ahí es donde está el problema.

Esta es una versión simplificada de la función que estoy usando (la real también incluye un slide):

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' );

Así es como lo estoy llamando:

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

    var post_id = $(this).data('id'), // atributo data-id para .post-link
        projectTitle = $(this).data('title'), // atributo data-title para .post-link
        projectSlug = $(this).data('slug'), // atributo data-slug para .post-link
        ajaxURL = site.ajaxurl; // URL Ajax localizada desde 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;
        }
    });
});

Aquí está el loop

<?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(); // reiniciar la consulta ?>

Me pregunto si estoy abordando esto de la manera incorrecta. Estoy confundido y una parte de mí piensa que debería poner todo el HTML en mi plantilla single y llamarla desde la función Ajax. Pero entonces tampoco sé exactamente cómo funcionaría eso porque si el usuario ingresa example.com/mi-entrada en su navegador, solo cargará la entrada individual sin todo el HTML de la página de inicio. Espero estar explicando esto correctamente. ¿Puede alguien mostrarme cómo se hace?