Question

我正在使用Bootstrap网格为Wordpress编写博客。我的第一篇文章是粘性的，100％宽度的列。下一篇文章应放在两列以下的下方。每两个帖子都用.row类包装在div中，以保持它们的排列。我已经完成了这项工作并且完美无缺。

<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>

但我希望在点击按钮后使用ajax-load-more plugin自动在同一页面上加载帖子。不幸的是，它不再包含在.row类中的帖子了。我在插件设置中将我的while循环复制到转发器模板中，但它似乎忽略了带有div附加的if语句部分。因此，当一个帖子较长并且将另一个帖子推向右侧时，它看起来很难看，另一个帖子在它们之间产生巨大的间隙。那么如何用这个插件包装div.row容器中的每两个帖子呢？或者我可以使用其他东西来实现无限加载按钮吗？

如何在ajax-load-more Wordpress插件中包装两个帖子？

0 个答案: