Cómo agregar jQuery Infinite Desplácese a Mi página de archivo personalizada

Actualmente tengo una página de archivo personalizada que muestra mi publicación actual en la parte superior y luego enlaza a todas mis publicaciones anteriores debajo de eso. Sin embargo, tengo que dividir la página para que muestre la publicación actual y luego debajo de las publicaciones de los meses actuales. Quiero usar el complemento de desplazamiento infinito de jQuery para mostrar las publicaciones más antiguas mes a mes a medida que se desplazan hacia abajo en la página en la que se cargan automáticamente las publicaciones del mes siguiente.

Aquí está mi código que tengo que mostrar la publicación actual:

<?php get_header(); ?>
    <div id="members-msg" class="para-element" data-offset="-0.1">
        <div class="third fleft">
            <?php
            global $post;
            $tmp_post = $post;
            $args = array( 'numberposts' => 1, 'category' => 6 );
            $myposts = get_posts( $args );
            foreach( $myposts as $post ) : setup_postdata($post); ?>
                <a href="<?php the_permalink(); ?>"><h2><?php the_title(); ?></h2></a>
                <?/* <?php the_excerpt(); ?> */?>
                <?php the_content();?>
            <?php endforeach; ?>

        </div>
        <div class="twothirds fright">
            <div id="slider-con">
                <ul id="slider">
                    <?php 
                    $args = array( 'post_type' => 'attachment', 'numberposts' => -1, 'post_status' => null, 'post_parent' => $post->ID ); 
                    $attachments = get_posts($args);
                    if ($attachments) {
                        foreach ( $attachments as $attachment ) {
                            echo '<li>';
                            the_attachment_link( $attachment->ID , 'full' );
                            echo '</li>';
                        }
                    }
                    ?>

                </ul>
                            <?php $post = $tmp_post; ?>
            </div>
        </div>
    </div>
</div>
</div>

Aquí está el código que tengo para mostrar mis publicaciones anteriores:

<div id="reason-header" class="row-fluid">
<div class="parallax">
    <div class="para-element" data-offset="-0.3">
        <h3>Browse <span>Our</span> Archives</h3>
    </div>
    <div id="reasons-hdr" class="para-image" data-offset="-0.8">
    </div>
</div>
</div>
<div id="all-posts">
<div class="content">
    <?php
     global $post;
     $tmp_post = $post;
     $myposts = get_posts('numberposts=-1&category=6&orderby=date&order=DESC');
     foreach($myposts as $post) :
    ?>
    <?php 
        setup_postdata($post);
                $size = 'thumb';
                $images = get_children(array(
                'post_type' => 'attachment',
                'numberposts' => 1,
                'post_status' => null,
                'post_parent' => $post->ID));
                foreach($images as $image){
                $attachment = wp_get_attachment_image_src($image->ID, $size);
                ?>
                <div class="rea-con" style="background: url(<?php echo   
$attachment[0]; ?>) no-repeat center center;">  
                    <h4><a href="<?php the_permalink(); ?>" title="<?php the_title();?>"><?php the_title(); ?></a></h4>
                </div>
               <?php } ?>
        <?php endforeach; ?>
    <?php $post = $tmp_post; ?>
</div>
</div>  

¿Cómo puedo dividir la sección del código de publicaciones anteriores para que, de forma predeterminada, solo retire las publicaciones de los meses actuales y luego, a medida que se desplazan hacia abajo, mostrará automáticamente las publicaciones de los meses anteriores y luego, cuando se desplacen más, se mostrará automáticamente? ¿Deseas mostrar el mes anterior a las publicaciones?

Quiero usar el complemento jQuery infinite scroll para hacer esto.

Cualquier ayuda es apreciada.

¡Gracias!