Pagination in WordPress.org theme

<?php
    

    /* add this function to function.php */

     

    // pagination

     

    function wpbeginner_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";

     

    }

     

     

     

     

    /* Then whare you want to put pagination like index.php just call this file */

     

    <?php wpbeginner_numeric_posts_nav(); ?>

     

     

     

    /* style for pagination put to your stylesheet */

     

    .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: #6FB7E9;

            border-radius: 3px;

            cursor: pointer;

            padding: 12px;

            padding: 0.75rem;

    }

     

    .navigation li a:hover,

    .navigation li.active a {

            background-color: #3C8DC5;

    }

     

    /* tutorial link - http://www.wpbeginner.com/wp-themes/how-to-add-numeric-pagination-in-your-wordpress-theme/ */


//Defult Pagination in index.php (Newer and Older post)


=====================================
← Older
posts') ); ?>
→') ); ?>


?>

    
    
    <?