新闻 | 循环不同的col-md

Question

我知道 wordpress 循环是这样完成的：  <?php    /*MOSTRA NEWS CPT ALLENAMENTO*/    $query_mostra_cpt_allenamento = array(        'post_type' => 'news-allenamento',        'posts_per_page'    => 4,        'orderby' => 'meta_value',        'order' => 'ASC',    );    $res_cpt_allenamento = new WP_Query( $query_mostra_cpt_allenamento );    if( $res_cpt_allenamento->have_posts() ) : ?>        <div style="padding-top: 30px;" class="row">            <?php  while( $res_cpt_allenamento->have_posts() ) : $res_cpt_allenamento->the_post(); ?>                <!-- Grid row -->                <div style="padding-bottom: 10px;padding-top: 10px;" class="col-md-6">                    ...                </div>                <!-- Grid column -->            <?php endwhile; ?>        </div>    <?php endif;    wp_reset_postdata();    ?>我将有 4 个帖子col-md-6现在我需要更多东西，或者更确切地说，我想创建一个自动结构，但是，它是以这种方式组成的，我该怎么做？<div class="container">    <div class="row">        <div style="padding-right: 0px;padding-left: 0px;border: 1px solid #fff" class="col-md-6">            <div class="view">                ...            </div>        </div>                <div style="padding-right: 0px;padding-left: 0px;border: 1px solid #fff" class="col-md-6">                    <div class="container-fluid">                        <div class="row">                            <div style="padding-right: 0px;padding-left: 0px;border: 1px solid #fff" class="col-md-6">                                <div class="view">                                    ...                                </div>                            </div>                        </div>                    </div>                </div>    </div></div>那会给我这个结果：新闻杂志我怎样才能用wordpress循环制作这个结构？

Answer 1

一个选项是像这样拆分查询：

<?php

    /*MOSTRA NEWS CPT ALLENAMENTO*/

    $query_mostra_cpt_allenamento = array(

        'post_type' => 'news-allenamento',

        'posts_per_page' => 1, // return only the first post

        'orderby' => 'meta_value',

        'order' => 'ASC',

        'no_found_rows' => true,

    );

    /*MOSTRA NEWS CPT ALLENAMENTO*/

    $query_mostra_cpt_allenamento_after = array(

        'post_type' => 'news-allenamento',

        'posts_per_page' => 3,

        'offset' => 1,// start from the second post

        'orderby' => 'meta_value',

        'order' => 'ASC',

        'no_found_rows' => true,

    );

    $res_cpt_allenamento = new WP_Query( $query_mostra_cpt_allenamento );

    $res_cpt_allenamento_after = new WP_Query( $query_mostra_cpt_allenamento_after ); ?>

   <div style="padding-top: 30px;" class="row">

    <?php if( $res_cpt_allenamento->have_posts() ) : ?>

            <?php while( $res_cpt_allenamento->have_posts() ) : $res_cpt_allenamento->the_post(); ?>

                <div style="padding-right: 0px;padding-left: 0px;border: 1px solid #fff" class="col-md-6">

                    <div class="view">

                        ...

                    </div>

                </div>

            <?php endwhile; ?>

    <?php endif;

    wp_reset_postdata();

    ?>

    <?php if( $res_cpt_allenamento_after->have_posts() ) : ?>

                <div style="padding-right: 0px;padding-left: 0px;border: 1px solid #fff" class="col-md-6">

                    <div class="container-fluid">

                        <div class="row">

            <?php while( $res_cpt_allenamento_after->have_posts() ) : $res_cpt_allenamento_after->the_post(); ?>

                    <div style="padding-right: 0px;padding-left: 0px;border: 1px solid #fff" class="col-md-6">

                        <div class="view">

                            ...

                        </div>

                    </div>

            <?php endwhile; ?>

                        </div>

                    </div>

                </div>

    <?php endif;

    wp_reset_postdata();

?>

    </div>

另一种选择是在你的 while 循环中添加一个计数器，检查你在哪里并采取相应的行动：

<?php

    /*MOSTRA NEWS CPT ALLENAMENTO*/

    $query_mostra_cpt_allenamento = array(

        'post_type' => 'news-allenamento',

        'posts_per_page'    => 4,

        'orderby' => 'meta_value',

        'order' => 'ASC',

    );

    $res_cpt_allenamento = new WP_Query( $query_mostra_cpt_allenamento );

    $i = 0;

    if( $res_cpt_allenamento->have_posts() ) : ?>

        <div style="padding-top: 30px;" class="row">

            <?php  while( $res_cpt_allenamento->have_posts() ) : $res_cpt_allenamento->the_post(); $i++; ?>

                <?php if ($i < 2) : ?>

                    <div style="padding-right: 0px;padding-left: 0px;border: 1px solid #fff" class="col-md-6">

                        <div class="view">

                            ...

                        </div>

                    </div>

                <div style="padding-right: 0px;padding-left: 0px;border: 1px solid #fff" class="col-md-6">

                    <div class="container-fluid">

                        <div class="row">

                <?php else : ?>

                            <div style="padding-right: 0px;padding-left: 0px;border: 1px solid #fff" class="col-md-6">

                                <div class="view">

                                    ...

                                </div>

                            </div>

            <?php endwhile; ?>

                        </div>

                    </div>

                </div>

        </div>

    <?php endif;

    wp_reset_postdata();

    ?>

不确定结构，但这是逻辑