-
-
Save eddt/516186d1b5897d8d6c63 to your computer and use it in GitHub Desktop.
A simple pagination in a few lines of code
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<?php | |
/* ------------------------------------------------------------------*/ | |
/* PAGINATION */ | |
/* ------------------------------------------------------------------*/ | |
//paste this where the pagination must appear | |
global $wp_query; | |
$total = $wp_query->max_num_pages; | |
// only bother with the rest if we have more than 1 page! | |
if ( $total > 1 ) { | |
// get the current page | |
if ( !$current_page = get_query_var('paged') ) | |
$current_page = 1; | |
// structure of "format" depends on whether we're using pretty permalinks | |
if( get_option('permalink_structure') ) { | |
$format = '&paged=%#%'; | |
} else { | |
$format = 'page/%#%/'; | |
} | |
echo paginate_links(array( | |
'base' => get_pagenum_link(1) . '%_%', | |
'format' => $format, | |
'current' => $current_page, | |
'total' => $total, | |
'mid_size' => 4, | |
'type' => 'list' | |
)); | |
} | |
?> | |
// CSS Code - add this to the style.css file | |
.navigation { list-style:none; font-size:12px; } | |
.navigation li{ display:inline; } | |
.navigation li a{ display:block; float:left; padding:4px 9px; margin-right:7px; border:1px solid #efefef; } | |
.navigation li span.current { display:block; float:left; padding:4px 9px; margin-right:7px; border:1px solid #efefef; background-color:#f5f5f5; } | |
.navigation li span.dots { display:block; float:left; padding:4px 9px; margin-right:7px; } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment