Custom loop page with post navigation

Question

I created a custom loop for a particular category. Can I create a list of those posts -- kind of like a table of contents -- and have it link to that service in that loop? Pagination is not used.

My current loop is created with this function (I'm sure my function could be more efficient and cleaner -- I'm still learning):

function add_services() {

    echo '<div style="clear:both"></div>';

    $custom_query = new WP_Query('cat=5'); 
        while($custom_query->have_posts()) : $custom_query->the_post();

            echo '<hr />';
            echo '<h2>';
            echo the_title();
            echo'</h2>';
            echo the_content();


        endwhile;
    wp_reset_postdata();

} 

Answer 1

I ended up creating two loops and utilizing anchors. I'm not sure if it's the most efficient way of doing things, however, it works.

add_action( 'genesis_post_content', 'child_do_content' ); // Adds your custom page code/content
function child_do_content() {?>

    <ul class="multicol">
        <?php
        $custom_query = new WP_Query(array('orderby' => 'title', 'order' => 'ASC','cat=5')); 
            while($custom_query->have_posts()) : $custom_query->the_post();?>

                <li><a href="#<?php the_title(); ?>"><?php the_title(); ?></a></li>

            <?php endwhile;
        wp_reset_postdata();?>
    </ul>

<?php }


function add_services() {?>

    <div style="clear:both"></div>

    <?php
    $custom_query = new WP_Query(array('orderby' => 'title', 'order' => 'ASC','cat=5')); 
        while($custom_query->have_posts()) : $custom_query->the_post();?>

            <hr />
            <a name="<?php the_title(); ?>"></a>
            <h2><?php the_title(); ?></h2>
            <?php the_content(); ?>         

        <?php endwhile;
    wp_reset_postdata(); ?>

<?php }
add_action( 'genesis_after_content', 'add_services' );

As seen in action here