Created
February 10, 2023 17:30
-
-
Save Magnacarter/8605b727cb13094d01214669e6304730 to your computer and use it in GitHub Desktop.
Simple Pagination for WordPress
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 | |
function soundst_numeric_posts_nav() { | |
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="navigation"><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"; | |
} | |
do_action( 'st_paginate', 'soundst_numeric_posts_nav' ); | |
/* | |
* Query args | |
$paged = ( get_query_var( 'paged' ) ) ? get_query_var( 'paged' ) : 1; | |
$args = [ | |
'post_type' => 'case', | |
'posts_per_page' => 10, | |
'paged' => $paged | |
]; | |
*/ | |
/* | |
* Styles | |
.navigation li a, | |
.navigation li a:hover, | |
.navigation li.active a, | |
.navigation li.disabled { | |
color: #fff; | |
text-decoration:none; | |
} | |
.navigation li { | |
display: inline; | |
} | |
.navigation li a, | |
.navigation li a:hover, | |
.navigation li.active a, | |
.navigation li.disabled { | |
background-color: #c6661f; | |
border-radius: 3px; | |
cursor: pointer; | |
padding: 12px; | |
padding: 0.75rem; | |
} | |
.navigation li a:hover, | |
.navigation li.active a { | |
background-color: #f9d34c; | |
} | |
*/ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment