Etikett: paging

Sifferpaginering i WP. In med detta.

functions.php

if ( ! function_exists( 'paging_nav_num' ) ) :
	/**
	 * Displays navigation to next/previous set of posts with numbers.
	 *
	 */
	function paging_nav_num () {
	    global $wp_query;
	    $big = 999999999; // need an unlikely integer
	    $pages = paginate_links( array(
	        'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
	        'format' => '?paged=%#%',
	        'current' => max( 1, get_query_var('paged') ),
	        'total' => $wp_query->max_num_pages,
	        'prev_next' => false,
	        'type'  => 'array'
	    ) );
	    if( is_array( $pages ) ) {
	        $paged = ( get_query_var('paged') == 0 ) ? 1 : get_query_var('paged');
	        echo '<div class="pagination"><ul class="page-numbers">';
	        //echo '<li><span>'. $paged . ' av ' . $wp_query->max_num_pages .'</span></li>';
	        foreach ( $pages as $page ) {
	                echo "<li>$page</li>";
	        }
	       echo '</ul></div>';
	    }
	}
endif;

index.php

// Previous/next post navigation.
paging_nav_num();

CSS

/* Pagination */
.pagination {
	margin: 1em 0 3em;
	text-align: center;
}
.pagination ul.page-numbers {
	list-style: none;
	padding: 0;
}
.pagination ul.page-numbers li {
	display: inline-block;
}
.pagination ul.page-numbers li a, .pagination ul.page-numbers li .current {
	padding: .5em;
}
.pagination ul.page-numbers li a {
	text-decoration: none;
}
.pagination ul.page-numbers li .current {
	border-bottom: 1px solid #333;
}