Skip to content

Instantly share code, notes, and snippets.

@sterndata

sterndata/Usage.txt

Last active Dec 9, 2016
Embed
What would you like to do?
/* this function creates a paging navigation in place
* of the standard WordPress "older posts" "newer posts"
* links at the bottom of category / blog / archive pages
*
* Place this in functions.php
*/
function _sds_numeric_posts_nav() {
echo "<!-- numeric_posts_nav -->\n";
if( is_singular() )
return;
global $wp_query;
/** Stop execution if there's only 1 page */
if( $wp_query->max_num_pages <= 1 )
return;
$paged = get_query_var( 'paged' ) ? absint( get_query_var( 'paged' ) ) : 1;
$max = intval( $wp_query->max_num_pages );
/** Add current page to the array */
if ( $paged >= 1 )
$links[] = $paged;
/** Add the pages around the current page to the array */
if ( $paged >= 3 ) {
$links[] = $paged - 1;
$links[] = $paged - 2;
}
if ( ( $paged + 2 ) <= $max ) {
$links[] = $paged + 2;
$links[] = $paged + 1;
}
echo '<div class="paging"><ul>' . "\n";
/** Previous Post Link */
if ( get_previous_posts_link() )
printf( '<li>%s</li>' . "\n", get_previous_posts_link() );
/** Link to first page, plus ellipses if necessary */
if ( ! in_array( 1, $links ) ) {
$class = 1 == $paged ? ' class="active"' : '';
printf( '<li%s><a href="%s">%s</a></li>' . "\n", $class, esc_url( get_pagenum_link( 1 ) ), '1' );
if ( ! in_array( 2, $links ) )
echo '<li></li>';
}
/** Link to current page, plus 2 pages in either direction if necessary */
sort( $links );
foreach ( (array) $links as $link ) {
$class = $paged == $link ? ' class="active"' : '';
printf( '<li%s><a href="%s">%s</a></li>' . "\n", $class, esc_url( get_pagenum_link( $link ) ), $link );
}
/** Link to last page, plus ellipses if necessary */
if ( ! in_array( $max, $links ) ) {
if ( ! in_array( $max - 1, $links ) )
echo '<li></li>' . "\n";
$class = $paged == $max ? ' class="active"' : '';
printf( '<li%s><a href="%s">%s</a></li>' . "\n", $class, esc_url( get_pagenum_link( $max ) ), $max );
}
/** Next Post Link */
if ( get_next_posts_link() )
printf( '<li>%s</li>' . "\n", get_next_posts_link() );
echo '</ul></div>' . "\n";
}
/* this styles the paging navigation */
/*** paging nav ***/
#nav-below {
clear:both;
}
.paging {
margin-top:2em;
}
.paging li a,
.paging li a:hover,
.paging li.active a,
.paging li.disabled {
color: #fff;
text-decoration:none;
}
.paging li {
display: inline;
}
.paging li a,
.paging li a:hover,
.paging li.active a,
.paging li.disabled {
background-color: #6FB7E9;
border-radius: 3px;
cursor: pointer;
padding: 12px;
padding: 0.75rem;
}
.paging li a:hover,
.paging li.active a {
background-color: #3C8DC5;
}
/**** end paging nav *****/
In the appropriate template file, replace
<?php _theme_content_nav( 'nav-below' ); ?>
with
<?php _sds_numeric_posts_nav( 'nav-below' ); ?>
The file may be index.php, archive.php or something else, depending on your theme
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.