Pagination instead of pager

stranskydesign · March 30, 2017, 9:50pm

I went with an approach that still leverages WordPress! core to do the heavy lifting and just applies the necessary Bootstrap markup.
Just add this function to functions.php and call <?php echo paginate_links_as_bootstrap(); ?> in your theme.

gist.github.com

https://gist.github.com/joelstransky/86f7b77f89fc24851f64e7b7bd6df368

functions::paginate_links_as_bootstrap.php

<?php
if ( ! function_exists('paginate_links_as_bootstrap') ) :
/**
 * paginate_links_as_bootstrap()
 * https://gist.github.com/joelstransky/86f7b77f89fc24851f64e7b7bd6df368
 * Wraps paginate_links data in Twitter bootstrap pagination component
 * @param array $args {
 *     Optional. {@see 'paginate_links'} for native argument list.
 *
 *     @type string $nav_class          classes for <nav> element. Default empty.

This file has been truncated. show original

index.php

<?php
 $args = array(
    "nav_class" => "some-nav-class some-other-nav-class",
    "ul_class" => "some-ul-class some-other-ul-class",
    "li_class" => "some-li-class some-other-li-class"
  );
 echo paginate_links_as_bootstrap( $args ); 
?>