my code stock.com

Create a paginated navigation below the listed articles including correct Bootstrap 3 Markup.

This is the original snipper the code was taken from: http://www.wpbeginner.com/wp-themes/how-to-add-numeric-pagination-in-your-wordpress-theme/

Instead of showing all links in a list, this function is rebuild to show the correct bootstrap Markup:

|- col-lg-4 ||- col-lg-4 ||- col-lg-4 |
  <<<          1,2,3           >>>

Snippet options

Download: Download snippet as pagingation-links.php.
Copy snippet: For this you need a free my code stock.com account.
Embed code : You will find the embed code for this snippet at the end of the page, if you want to embed it into a website or a blog!

<?php 

/* ----------------------------------------------------------------------------------- */
/* Build a Pagination Navigation like this: << 1,2,3 >> ------------------------------ */
/* ----------------------------------------------------------------------------------- */
function cbt_numericPostsLayout() {

    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="row row-pagination">';
    
    //echo '<div class="navigation"><ul>' . "\n";

    /** Previous Post Link */
    if ( get_previous_posts_link() ) {
        printf( '<div class="paginations col-xs-4 col-sm-4 col-md-4 col-lg-4"><span class="cbt-link-wrap">%s</span></div>' . "\n", get_previous_posts_link() );
    } else {
        echo '<div class="paginations no-prev-page-available col-xs-4 col-sm-4 col-md-4 col-lg-4"></div>';
    }

    echo '<div class="paginations col-xs-4 col-sm-4 col-md-4 col-lg-4 text-center" id="cbt-page-list"><ul class="cbt-page-list">';

    /** 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>&hellip;</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>&hellip;</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 );
    }
    echo '</ul></div>';
    /** Next Post Link */
    if ( get_next_posts_link() ) {
        printf( '<div class="paginations col-xs-4 col-sm-4 col-md-4 col-lg-4 text-right"><span class="cbt-link-wrap">%s</span></div>' . "\n", get_next_posts_link() );
    } else {
        echo '<div class="paginations no-next-page-available col-xs-4 col-sm-4 col-md-4 col-lg-4"></div>';
    }

    echo '</div>' . "\n";
}

Create a free my code stock.com account now.

my code stok.com is a free service, which allows you to save and manage code snippes of any kind and programming language. We provide many advantages for your daily work with code-snippets, also for your teamwork. Give it a try!

Find out more and register now

You can customize the height of iFrame-Codes as needed! You can find more infos in our API Reference for iframe Embeds.