在我的一个页面上,我的帖子连续排成3行。我想在每6个帖子后出现一个加载更多按钮。我已经设置了我的代码,以便它会在每6个帖子后出现,但它根本不显示。有人看到错误吗?提前谢谢。
由于按钮是通过插件运行的,我唯一需要添加的是div id="ajax"
和结束div,然后将load_more_button();
放在我想要的位置。
插件就在这里 - https://wordpress.org/plugins/easy-load-more/ 但是我不认为它与实际的插件文档有关,因为我在我的网站的首页上也使用了更多加载按钮,它工作正常。
<?php
get_header();
get_template_part ('inc/carousel-food');
$the_query = new WP_Query( array(
'posts_per_page' => 6,
'paged' => get_query_var('paged', 1),
'cat' => 10,
));
if ( $the_query->have_posts() ) {
// display #ajax wrapper only if we have posts
echo '<div id="ajax"><div class="row">';
$i = 0;
while($the_query->have_posts()) {
$the_query->the_post(); ?>
<?php
if($i % 3 == 0) {
echo '</div><div class="row">';
}
?>
<div class="col-md-4">
<article <?php post_class(); ?> >
<?php the_post_thumbnail('medium-thumbnail'); ?>
<h2><a class="post-title" href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<p class="post-excerpt"><?php echo get_the_excerpt(); ?></p>
<?php get_template_part( 'share-buttons' ); ?>
<a class="moretext" href="<?php the_permalink(); ?>">Read more</a>
<?php comments_popup_link ('No Comments', '1 Comment', '% Comments', 'comment-count', 'none'); ?>
</article>
</div>
<?php $i++; }//end while
echo '</div></div>'; // close the #ajax wrapper after the post list
if(get_query_var('paged') < $the_query->max_num_pages) {
load_more_button();
}
} else { // if there are no posts
echo '<p>Sorry, no posts matched your criteria.</p>';
}//end if
get_footer();
?>