Skip to content

Instantly share code, notes, and snippets.

@mikeoberdick
Created May 17, 2017 16:55
Show Gist options
  • Save mikeoberdick/443ab28fe089a1488071cb48a9f37b76 to your computer and use it in GitHub Desktop.
Save mikeoberdick/443ab28fe089a1488071cb48a9f37b76 to your computer and use it in GitHub Desktop.
Custom Post Type Query with Pagination
<?php
if ( get_query_var('paged') ) {
$paged = get_query_var('paged');
} elseif ( get_query_var('page') ) { // 'page' is used instead of 'paged' on Static Front Page
$paged = get_query_var('page');
} else {
$paged = 1;
}
$custom_query_args = array(
'post_type' => 'jobs',
'posts_per_page' => '10',
'paged' => $paged,
);
$custom_query = new WP_Query( $custom_query_args ); ?>
<div id = "currentJobs" class = "row mb-5">
<div class = "col-sm-12">
<article <?php post_class(); ?>>
<?php if ( $custom_query->have_posts() ) :
while( $custom_query->have_posts() ) : $custom_query->the_post(); ?>
<a class = "jobPosting row" href="<?php the_permalink(); ?>">
<div class = "col-sm-2"><?php echo get_the_date( 'm/d/Y' ); ?></div>
<div class = "col-sm-9"><h5><?php the_title(); ?></h5></div>
</a>
<?php
endwhile;
?>
</div>
</div>
</article>
<?php if ($custom_query->max_num_pages > 1) : // custom pagination ?>
<nav class="prev-next-posts row mb-5">
<div id = "newerPosts" class="prev-posts-link col-xs-6 text-left">
<?php echo get_next_posts_link( '<i class="fa fa-chevron-circle-left" aria-hidden="true"></i> Previous Page', $custom_query->max_num_pages ); ?>
</div>
<div id = "olderPosts" class="next-posts-link col-xs-6 text-right">
<?php echo get_previous_posts_link( 'Next Page <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>' ); ?>
</div>
</nav>
<?php endif; ?>
<?php
wp_reset_postdata(); // reset the query
else:
echo '<p>'.__('Sorry, no posts matched your criteria.').'</p>';
endif;
?>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment