以不同风格的WordPress显示第三个帖子

Question

我有五个帖子(或更多)要显示，但我想在两列中显示两个帖子，然后在一个列中显示下一个帖子。我正在尝试下面的代码(wp)，但这不起作用。

我的HTML：

<div class="inner col-xs-12 col-sm-12 col-md-6 col-lg-6 pl-5 pr-5"></div>
<div class="inner col-xs-12 col-sm-12 col-md-6 col-lg-6 pl-5 pr-5"></div>
<div class="inner w-full col-xs-12 col-sm-12 col-md-12 col-lg-12  pl-5 pr-5"></div>
<div class="inner col-xs-12 col-sm-12 col-md-6 col-lg-6 pl-5 pr-5"></div>
<div class="inner col-xs-12 col-sm-12 col-md-6 col-lg-6 pl-5 pr-5"></div>
<div class="inner w-full col-xs-12 col-sm-12 col-md-12 col-lg-12  pl-5 pr-5"></div>

我的WordPress代码：

<?php
if ( get_query_var('paged') ) $paged = get_query_var('paged');
$query = new WP_Query(array('post_type'=>'history', 'posts_per_page' => -1));
$post_count = 0;
if ( $query->have_posts() ) : ?>
    <?php while ( $query->have_posts() ) : $query->the_post();
    if($post_count <= 2) {
    ?>
       <div class="inner col-xs-12 col-sm-12 col-md-6 col-lg-6 pl-5 pr-5">

       </div>
     <?php } else ?>
       <div class="inner w-full col-xs-12 col-sm-12 col-md-12 col-lg-12  pl-5 pr-5">

       </div>
       <?php $post_count++; endwhile; wp_reset_postdata(); ?>
       <?php else : ?>
       <?php endif; ?>

Answer 1

试试下面的代码

if ( get_query_var('paged') ) $paged = get_query_var('paged');
                    $query = new WP_Query(array('post_type'=>'testpost', 'posts_per_page' => -1));
                    $post_count = 1;
                    if ( $query->have_posts() ) : ?>
                        <?php while ( $query->have_posts() ) : $query->the_post();
                        if($post_count % 3 != 0) {
                        ?>
                            <div class="inner col-xs-12 col-sm-12 col-md-6 col-lg-6 pl-5 pr-5">

                            </div>
                            <?php } else{ ?>
                            <div class="inner w-full col-xs-12 col-sm-12 col-md-12 col-lg-12  pl-5 pr-5">

                            </div>

                        <?php  } $post_count++; endwhile; wp_reset_postdata(); ?>
                    <?php else : ?>
                    <?php endif; ?>

Answer 2

您正在检查post计数小于或等于2，因此它将在3处截断，您可以使用3的倍数如下所示

你可以试试这个

<?php
if ( get_query_var('paged') ) $paged = get_query_var('paged');
$query = new WP_Query(array('post_type'=>'history', 'posts_per_page' => -1));
$post_count = 0;
if ( $query->have_posts() ) : ?>
    <?php while ( $query->have_posts() ) : $query->the_post();
    if($post_count % 3 != 0) {
    ?>
        <div class="inner col-xs-12 col-sm-12 col-md-6 col-lg-6 pl-5 pr-5">

        </div>
        <?php } else ?>
        <div class="inner w-full col-xs-12 col-sm-12 col-md-12 col-lg-12  pl-5 pr-5">

        </div>

    <?php $post_count++; endwhile; wp_reset_postdata(); ?>
<?php else : ?>
<?php endif; ?>