如何将分页添加到wordpress站点

Question

Really struggling to add pagination to my wordpress blog posts.

I've seen a lot of tutorials but they all seem to do the problem that I'm having now.

If I add the function to the function.php file and then call it in my post I cant get the pagination to output onto the page.

The blogs allowed at the moment are 2 per page for testing purposes.

Function:

function twentyeleven_content_nav( $nav_id ) {

  global $wp_query;

  if ( $wp_query->max_num_pages > 1 ) : ?>

  <nav id="<?php echo $nav_id; ?>">
    <h3 class="assistive-text"><?php _e( 'Post navigation',     'twentyeleven' ); ?></h3>
    <div class="nav-previous"><?php next_posts_link( __( '<span     class="meta-nav">←</span> Older posts', 'twentyeleven' ) ); ?></div>
    <div class="nav-next"><?php previous_posts_link( __( 'Newer posts     <span class="meta-nav">→</span>', 'twentyeleven' ) ); ?></div>
  </nav><!-- #nav-above -->

  <?php endif;
}

Post loop php:

        <?php
            $custom_posts = new WP_Query( array(
                'order_by' => 'date'
            ));
            if ( $custom_posts->have_posts() ) : 
            while ( $custom_posts->have_posts() ) : $custom_posts->the_post(); $loopcounter++;

                if ($loopcounter == 1) {

                    get_template_part( 'content', 'first-post' );

                } else {
                    get_template_part( 'content', get_post_format() );
                }

            endwhile;
                twentyeleven_content_nav( nav );
            else :
                get_template_part( 'content', 'none' );
            endif;
    ?>

Let me know if you need any further information

PS want this to be custom NO PLUGINS thanks

****** UPDATE ******

        <?php
        $custom_posts = new WP_Query( array(
            'order_by' => 'date'
        ));

        if ( $custom_posts->have_posts() ) : 
            while ( $custom_posts->have_posts() ) : $custom_posts->the_post(); $loopcounter++;

                if ($loopcounter == 1) {

                    get_template_part( 'content', 'first-post' );

                } else {
                    get_template_part( 'content', get_post_format() );
                }

            endwhile;

            if(function_exists('pagenavi')) { pagenavi(); };

            else :
                get_template_part( 'content', 'none' );
            endif;
    ?>

Answer 1

I've fixed this with the below solution:

<?php query_posts('post_type=post&post_status=publish&posts_per_page=10&paged='. get_query_var('paged')); ?>

    <!-- Defining the loop counter -->
    <?php $loopcounter = 0; ?>

    <!-- Looping through the blog posts -->
    <?php if( have_posts() ): ?>

        <?php while( have_posts() ): the_post(); $loopcounter++; ?>

                <?php if ($loopcounter === 1) {

                    get_template_part( 'content', 'first-post' );

                } else {
                    get_template_part( 'content', get_post_format() );
                } ?>

        <?php endwhile; ?>

        <!-- Adds navigation to older or newer posts -->
        <div class="navigation">
            <span class="newer left">
                <?php previous_posts_link(__('Newer posts','example')) ?>
            </span> 
            <span class="older right">
                <?php next_posts_link(__('Older posts','example')) ?>
            </span>
        </div>

    <?php else: ?>

        <?php get_template_part( 'content', 'none' ); ?>

    <?php endif; wp_reset_query(); ?>

Reference from this link: https://upthemes.com/blog/2011/07/how-to-build-a-custom-page-template-for-blog-posts/

Thanks Mark for your help