我在我的Wordpress网站主页上显示4个帖子,并安装了插件'ajax load more'作为一种快速简便的方法,可以在我的主页上添加“加载更多帖子”按钮。但是,当您单击“加载更多”按钮时,它会加载最新的帖子,主页也是如此,因此您必须先单击它5次才能获得尚未加载的帖子。如何让它加载第5个最新帖子并从那里开始?
这是我的主页的Wp_query:
<?php
$args = array(
'posts_per_page' => 4,
'offset' => $offset
);
$query = new WP_Query( $args );
?>
<div class="container">
<div class="row">
<div class="col-md-8 blogpost">
<div class="blogpost2">
<?php if( $query->have_posts() ) : while( $query->have_posts() ) : $query->the_post(); ?>
<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(''); ?></a>
<div class="colour">
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<p><em>
By <?php the_author(); ?>
on <?php echo the_time('l, F jS, Y');?>
in <?php the_category( ', ' ); ?>.
<a href="<?php comments_link(); ?>"><?php comments_number(); ?></a>
<?php the_excerpt(); ?>
</em></p>
<center><a id="rdm" class="readmore btn btn-default" href="<?php the_permalink(); ?>" role="button">Read More</a></center>
</div>
<?php endwhile; endif; wp_reset_postdata(); ?>
</div>
<?php if ( dynamic_sidebar( 'posts' ) ); ?>
</div>
这是我在Ajax中使用的HTML和php加载更多:
<?php
$args = array(
'posts_per_page' => 4,
'offset'=> 4
);
$query = new WP_Query( $args );
?>
<div class="container">
<div class="row">
<div class="col-md-8 blogpost">
<div class="blogpost2">
<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(''); ?></a>
<div class="colour">
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<p><em>
By <?php the_author(); ?>
on <?php echo the_time('l, F jS, Y');?>
in <?php the_category( ', ' ); ?>.
<a href="<?php comments_link(); ?>"><?php comments_number(); ?></a>
<?php the_excerpt(); ?>
</em></p>
<center><a id="rdm" class="readmore btn btn-default" href="<?php the_permalink(); ?>" role="button">Read More</a></center>
</div>
</div>