new pagination
This commit is contained in:
parent
a2fa9e56ba
commit
33183a3481
Binary file not shown.
|
@ -1,97 +0,0 @@
|
||||||
<?php
|
|
||||||
/**
|
|
||||||
* Boostrap 4 pagination
|
|
||||||
*
|
|
||||||
* @package understrap
|
|
||||||
*/
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Generates a pagination partial template for Bootstrap 4
|
|
||||||
* Mostly based on http://www.wpbeginner.com/wp-themes/how-to-add-numeric-pagination-in-your-wordpress-theme/
|
|
||||||
*/
|
|
||||||
function understrap_pagination() {
|
|
||||||
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 '<nav aria-label="Page navigation"><ul class="pagination ">' . "\n";
|
|
||||||
|
|
||||||
/** Link to first page, plus ellipses if necessary */
|
|
||||||
if ( ! in_array( 1, $links ) ) {
|
|
||||||
$class = 1 == $paged ? ' class="active page-item"' : ' class="page-item"';
|
|
||||||
|
|
||||||
printf( // WPCS: XSS OK.
|
|
||||||
'<li %s><a class="page-link" href="%s"><i class="fa fa-step-backward" aria-hidden="true"></i></a></li>' . "\n",
|
|
||||||
$class,
|
|
||||||
esc_url( get_pagenum_link( 1 ) ), '1' );
|
|
||||||
|
|
||||||
/** Previous Post Link */
|
|
||||||
if ( get_previous_posts_link() ) {
|
|
||||||
printf( // WPCS: XSS OK.
|
|
||||||
'<li class="page-item"><span class="page-link">%1$s</span></li> ' . "\n",
|
|
||||||
get_previous_posts_link( // WPCS: XSS OK.
|
|
||||||
'<span aria-hidden="true">«</span><span class="sr-only">Previous page</span>' ) );
|
|
||||||
}
|
|
||||||
|
|
||||||
if ( ! in_array( 2, $links ) ) {
|
|
||||||
echo '<li class="page-item"></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 page-item"' : ' class="page-item"';
|
|
||||||
printf( // WPCS: XSS OK.
|
|
||||||
'<li %s><a href="%s" class="page-link">%s</a></li>' . "\n",
|
|
||||||
$class,
|
|
||||||
esc_url( get_pagenum_link( $link ) ), $link );
|
|
||||||
}
|
|
||||||
|
|
||||||
// Next Post Link.
|
|
||||||
if ( get_next_posts_link() ) {
|
|
||||||
printf( // WPCS: XSS OK.
|
|
||||||
'<li class="page-item"><span class="page-link">%s</span></li>' . "\n",
|
|
||||||
get_next_posts_link( '<span aria-hidden="true">»</span><span class="sr-only">Next page</span>' ) );
|
|
||||||
}
|
|
||||||
|
|
||||||
// Link to last page, plus ellipses if necessary.
|
|
||||||
if ( ! in_array( $max, $links ) ) {
|
|
||||||
if ( ! in_array( $max - 1, $links ) ) {
|
|
||||||
echo '<li class="page-item"></li>' . "\n";
|
|
||||||
}
|
|
||||||
|
|
||||||
$class = $paged == $max ? ' class="active "' : ' class="page-item"';
|
|
||||||
printf( // WPCS: XSS OK.
|
|
||||||
'<li %s><a class="page-link" href="%s" aria-label="Next"><span aria-hidden="true"><i class="fa fa-step-forward" aria-hidden="true"></i></span><span class="sr-only">%s</span></a></li>' . "\n",
|
|
||||||
$class . ' page-item 9', esc_url( get_pagenum_link( esc_html( $max ) ) ), esc_html( $max ) );
|
|
||||||
}
|
|
||||||
|
|
||||||
echo '</ul></nav>' . "\n";
|
|
||||||
}
|
|
|
@ -5,89 +5,54 @@
|
||||||
* @package understrap
|
* @package understrap
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/**
|
|
||||||
* Custom Pagination with numbers
|
|
||||||
* Credits to http://www.wpbeginner.com/wp-themes/how-to-add-numeric-pagination-in-your-wordpress-theme/
|
|
||||||
*/
|
|
||||||
|
|
||||||
if ( ! function_exists( 'understrap_pagination' ) ) :
|
if ( ! function_exists( 'understrap_pagination' ) ) :
|
||||||
function understrap_pagination() {
|
function understrap_pagination($args = [], $class = 'pagination') {
|
||||||
if ( is_singular() ) {
|
|
||||||
return;
|
if ($GLOBALS['wp_query']->max_num_pages <= 1) return;
|
||||||
|
|
||||||
|
$args = wp_parse_args( $args, [
|
||||||
|
'mid_size' => 2,
|
||||||
|
'prev_next' => false,
|
||||||
|
'prev_text' => __('«', 'understrap'),
|
||||||
|
'next_text' => __('»', 'understrap'),
|
||||||
|
'screen_reader_text' => __('Posts navigation', 'understrap'),
|
||||||
|
'type' => 'array',
|
||||||
|
'current' => max( 1, get_query_var('paged') ),
|
||||||
|
]);
|
||||||
|
|
||||||
|
$links = paginate_links($args);
|
||||||
|
$next_link = get_next_posts_page_link();
|
||||||
|
$prev_link = get_previous_posts_page_link();
|
||||||
|
|
||||||
|
?>
|
||||||
|
|
||||||
|
<nav aria-label="<?php echo $args['screen_reader_text']; ?>">
|
||||||
|
<ul class="pagination">
|
||||||
|
<li class="page-item">
|
||||||
|
<a class="page-link" href="<?php echo esc_attr($prev_link); ?>" aria-label="<?php echo __('Previous', 'understrap'); ?>">
|
||||||
|
<span aria-hidden="true"><?php echo esc_attr($args['prev_text']); ?></span>
|
||||||
|
<span class="sr-only"><?php echo __('Previous', 'understrap'); ?></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<?php
|
||||||
|
$i = 1;
|
||||||
|
foreach ( $links as $link ) { ?>
|
||||||
|
<li class="page-item <?php if ($i == $args['current']) { echo active; }; ?>">
|
||||||
|
<?php echo str_replace( 'page-numbers', 'page-link', $link ); ?>
|
||||||
|
</li>
|
||||||
|
|
||||||
|
<?php $i++;} ?>
|
||||||
|
|
||||||
|
<li class="page-item">
|
||||||
|
<a class="page-link" href="<?php echo esc_attr($next_link); ?>" aria-label="<?php echo __('Next', 'understrap'); ?>">
|
||||||
|
<span aria-hidden="true"><?php echo esc_attr($args['next_text']); ?></span>
|
||||||
|
<span class="sr-only"><?php echo __('Next', 'understrap'); ?></span>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
<?php
|
||||||
}
|
}
|
||||||
|
|
||||||
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 '<nav aria-label="Page navigation"><ul class="pagination ">' . "\n";
|
|
||||||
|
|
||||||
/** Link to first page, plus ellipses if necessary */
|
|
||||||
if ( ! in_array( 1, $links ) ) {
|
|
||||||
$class = 1 == $paged ? ' class="active page-item"' : ' class="page-item"';
|
|
||||||
|
|
||||||
printf( '<li %s><a class="page-link" href="%s"><i class="fa fa-step-backward" aria-hidden="true"></i></a></li>' . "\n",
|
|
||||||
$class, esc_url( get_pagenum_link( 1 ) ), '1' );
|
|
||||||
|
|
||||||
/** Previous Post Link */
|
|
||||||
if ( get_previous_posts_link() ) {
|
|
||||||
printf( '<li class="page-item page-item-direction page-item-prev"><span class="page-link">%1$s</span></li> ' . "\n",
|
|
||||||
get_previous_posts_link( '<span aria-hidden="true">«</span><span class="sr-only">Previous page</span>' ) );
|
|
||||||
}
|
|
||||||
|
|
||||||
if ( ! in_array( 2, $links ) ) {
|
|
||||||
echo '<li class="page-item"></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 page-item"' : ' class="page-item"';
|
|
||||||
printf( '<li %s><a href="%s" class="page-link">%s</a></li>' . "\n", $class,
|
|
||||||
esc_url( get_pagenum_link( $link ) ), $link );
|
|
||||||
}
|
|
||||||
|
|
||||||
// Next Post Link.
|
|
||||||
if ( get_next_posts_link() ) {
|
|
||||||
printf( '<li class="page-item page-item-direction page-item-next"><span class="page-link">%s</span></li>' . "\n",
|
|
||||||
get_next_posts_link( '<span aria-hidden="true">»</span><span class="sr-only">Next page</span>' ) );
|
|
||||||
}
|
|
||||||
|
|
||||||
// Link to last page, plus ellipses if necessary.
|
|
||||||
if ( ! in_array( $max, $links ) ) {
|
|
||||||
if ( ! in_array( $max - 1, $links ) ) {
|
|
||||||
echo '<li class="page-item"></li>' . "\n";
|
|
||||||
}
|
|
||||||
|
|
||||||
$class = $paged == $max ? ' class="active "' : ' class="page-item"';
|
|
||||||
printf( '<li %s><a class="page-link" href="%s" aria-label="Next"><span aria-hidden="true"><i class="fa fa-step-forward" aria-hidden="true"></i></span><span class="sr-only">%s</span></a></li>' . "\n",
|
|
||||||
$class . '', esc_url( get_pagenum_link( esc_html( $max ) ) ), esc_html( $max ) );
|
|
||||||
}
|
|
||||||
|
|
||||||
echo '</ul></nav>' . "\n";
|
|
||||||
}
|
|
||||||
|
|
||||||
endif;
|
endif;
|
||||||
|
?>
|
||||||
|
|
Reference in New Issue