_notes.md

Files for https://www.sterndata.com/blog/paginate-wordpress-archives-blogs/

newfunctions.php

/* 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";

}

styling.css

/* 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 *****/

Usage.txt

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