Php 如何在ajax中包装两篇文章并加载更多Wordpress插件?
我正在使用引导网格为Wordpress写博客。我的第一篇文章是粘性的,100%的栏宽。下一篇文章应该放在两列中。 每两篇文章都使用.row类包装在div中,以保持它们的一致性。我已经做到了,效果非常好Php 如何在ajax中包装两篇文章并加载更多Wordpress插件?,php,ajax,wordpress,Php,Ajax,Wordpress,我正在使用引导网格为Wordpress写博客。我的第一篇文章是粘性的,100%的栏宽。下一篇文章应该放在两列中。 每两篇文章都使用.row类包装在div中,以保持它们的一致性。我已经做到了,效果非常好 <div class="col-md-8"> <div class="top-news"> // sticky post </div> <div class="next-news-grid">
<div class="col-md-8">
<div class="top-news">
// sticky post
</div>
<div class="next-news-grid">
<?php while ( have_posts() ) : the_post(); ?>
<?php if(is_sticky()) continue; ?>
<?php if( $wp_query->current_post%2 != 0 ) echo "\n".'<div class="row">'."\n"; ?>
<div class="col-md-6 next-news">
<?php if ( has_post_thumbnail() ) { ?>
<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail('next- news-thumbnail'); ?></a>
<?php } ?>
<h4><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h4>
<hr>
<?php the_content( "read more" ); ?>
</div>
<?php if( $wp_query->current_post%2 != 1 || $wp_query->current_post == $wp_query->post_count-1 ) echo '</div> <!--/.row-->'."\n"; ?>
<?php endwhile; ?>
</div>
</div>
//粘帖
但我想在点击按钮后自动加载同一页面上的帖子。不幸的是,它不会再把我的文章包装到.row类中。
我在插件设置中将while循环复制到repeater模板中,但它似乎忽略了带有div附加的if语句部分。因此,当一个帖子较长,并且将另一个帖子向右推,另一个帖子向下推,从而在它们之间造成巨大的差距时,这看起来很难看。
那么,如何使用这个插件在div.row容器中包装每两篇文章呢?或者我可以使用其他方法来实现按钮的无限加载