CODEWITHSUNDEEP
phpwordpresspagination
Henrik Sandstrom
Henrik Sandstrom

Reputation: 21

Wordpress Static frontpage search pagination

I have a static frontpage on my wordpress website, displaying my posts. Currently it shows 10 posts and I want to make it possible to click "next page" to see the next 10 posts in the query and so on. I have tried getting the pagination to work, but it looks like I'm unable to connect it with my search query.

Here is my query:

<?php 
query_posts(
array(  'post_type' => 'post',
        'order'     => 'DESC',
        'meta_key' => 'cf_votes',
        'orderby'   => 'meta_value_num',
        'posts_per_page' => 10

)
);
?>

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

<?php endwhile; ?>
<?php endif; ?>
<?php wp_reset_query(); ?>

And here is the pagination I have tried:

<?php
global $wp_query;

$big = 999999999;

echo paginate_links( array(
'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),
'format' => '?paged=%#%',
'current' => max( 1, get_query_var('paged') ),
'total' => $wp_query->max_num_pages
) );
?>

So basically I'm able to see the first 10 posts perfectly. But no alternative to see more posts is shown.

Upvotes: 0

Views: 406

Answers (1)

nunorbatista
nunorbatista

Reputation: 875

Wordpress Codex is pretty comprehensive on the Pagination problem, I recommend you to see this:

http://codex.wordpress.org/Pagination#Adding_the_.22paged.22_parameter_to_a_query

There's a section specifically for the Static Front Page.

Something like:

<?php 
if ( get_query_var('paged') ) { $paged = get_query_var('paged'); }
elseif ( get_query_var('page') ) { $paged = get_query_var('page'); }
else { $paged = 1; }

$args = array(
  'posts_per_page' => 3,
  'paged' => $paged
);

query_posts($args); 

?>

<?php if ( have_posts() ) : ?>

<!-- Add the pagination functions here. -->

<!-- Start of the main loop. -->
<?php while ( have_posts() ) : the_post();  ?>

<!-- the rest of your theme's main loop -->

<?php endwhile; ?>
<!-- End of the main loop -->

<!-- Add the pagination functions here. -->

<div class="nav-previous alignleft"><?php next_posts_link( 'Older posts' ); ?></div>
<div class="nav-next alignright"><?php previous_posts_link( 'Newer posts' ); ?></div>

<?php else : ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>

Upvotes: 1

Related Questions