Как показать 2 столбца данных в одном цикле в WordPress / PHP

Question

Я хотел бы опубликовать цикл while в WordPress, первая 1 публикация будет показана в 6 столбцах начальной загрузки, а вместе с 6 публикациями появится в начальной загрузке 6.Мой код

   <div class="row">
        <div class="col-xl-6">
            <div class="single-large-post">
                <div class="slp-thumb">
                    <a href=""><img src="<?php echo get_template_directory_uri();?>/img/image-32231-1551194958-660x400.jpg" alt=""></a>
                </div>
                <div class="slp-text">
                    <h3 class="large-post-title"><a href="">রাজধানীতে নারীদের জন্য অ্যাপভিত্তিক পরিবহন সেবা</a></h3>
                    <div class="large-post-content">
                        <p>নির্দিষ্ট সময়ে ও নির্দিষ্ট রুটে পিক-আপ এবং ড্রপ-অফ সেবা প্রদান করছে শাটল। সকাল সাড়ে ছয়টা থেকে শুরু<a href=""> বিস্তারিত</a></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-xl-6">
            <!--single-mini-post-start -->
            <div class="single-mini-latest-post">
                <div class="sml-post-thumb">
                    <a href=""><img src="<?php echo get_template_directory_uri(); ?>/img/oscar-2019.jpg" alt=""></a>
                </div>
                <div class="sml-post-text">
                    <h5><a href="">৯১তম অস্কারের ইতিবৃত্ত</a></h5>
                    <p><span>February 27 2019</span></p>
                </div>
            </div>
            <!--single-mini-post-end -->
        </div>
    </div>

Я пробовал этот способ и использовал jQuery, но не работал

$(".cb-news-list-2nd-design").first().insertBefore('<div class="col-xl-6 amar">');
$(".cb-news-list-2nd-design").last().after('</div>');

, и я пробовал этот способ зацикливание

<div class="row"> 

    <?php 
    $i = 0;
    $news_paper_cat = new WP_Query(array(
        'post_type'         => 'post',
        'posts_per_page'    => 6
    ));
    if($news_paper_cat->have_posts()) : while($news_paper_cat->have_posts()) : $news_paper_cat->the_post();
        $i++;
    ?>
    <?php if($i ==1) : ?>
    <div class="col-xl-6">
        <div class="single-large-post"> 
            <div class="slp-thumb"> 
                <a href=""><img src="<?php echo get_template_directory_uri();?>/img/image-32231-1551194958-660x400.jpg" alt=""></a>
            </div>
            <div class="slp-text"> 
                <h3 class="large-post-title"><a href="">রাজধানীতে নারীদের জন্য অ্যাপভিত্তিক পরিবহন সেবা</a></h3>
                <div class="large-post-content"> 
                    <p> সকাল সাড়ে ছয়টা থেকে শুরু1 <a href=""> বিস্তারিত</a></p>
                </div>
            </div>
        </div>
    </div>
    <?php else : ?>                             
        <!--single-mini-post-start -->
        <div class="single-mini-latest-post cb-news-list-2nd-design"> 
            <div class="sml-post-thumb"> 
                <a href=""><img src="<?php echo get_template_directory_uri(); ?>/img/oscar-2019.jpg" alt=""></a>
            </div>
            <div class="sml-post-text"> 
                <h5><a href="">৯১তম অস্কারের ইতিবৃত্ত</a></h5>
                <p><span>February 27 2019</span></p>
            </div>
        </div>
        <!--single-mini-post-end -->

<?php endif; endwhile; endif; ?>
</div>

В каждом посте происходит загрузка 6 столбцов, таких как: Вот скриншот http://prntscr.com/mw58t0

Я хочу, чтобы это происходило

http://prntscr.com/mw59o3

Answer 1

Возможно, это не лучший способ сделать это, но я предлагаю вам сделать две петли. Первый цикл показывает только один пост, а для второго цикла вы добавляете «'offset' => 1" к аргументам запроса, чтобы пропустить один пост. Просто предложение:)

Answer 2

Попробуйте разделить блоки, используя переменную приращения в цикле while.если значение переменной равно 1, запустите первый блок, в противном случае запустите 2-й блок и увеличьте значение переменной .. Попробуйте код, приведенный ниже ..

<div class="row">
    <?php
    if( $the_query->have_posts() ):
        $i = 1;
        while( $the_query->have_posts() ) : $the_query->the_post();
            if ($i == 1) :
    ?>

                    <div class="col-xl-6">
                        <div class="single-large-post">
                            <div class="slp-thumb">
                                <a href=""><img src="<?php echo get_template_directory_uri();?>/img/image-32231-1551194958-660x400.jpg" alt=""></a>
                            </div>
                            <div class="slp-text">
                                <h3 class="large-post-title"><a href="">রাজধানীতে নারীদের জন্য অ্যাপভিত্তিক পরিবহন সেবা</a></h3>
                                <div class="large-post-content">
                                    <p>নির্দিষ্ট সময়ে ও নির্দিষ্ট রুটে পিক-আপ এবং ড্রপ-অফ সেবা প্রদান করছে শাটল। সকাল সাড়ে ছয়টা থেকে শুরু<a href=""> বিস্তারিত</a></p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6">
            <?php 
            else : 
            ?>
                        <!--single-mini-post-start -->
                        <div class="single-mini-latest-post">
                            <div class="sml-post-thumb">
                                <a href=""><img src="<?php echo get_template_directory_uri(); ?>/img/oscar-2019.jpg" alt=""></a>
                            </div>
                            <div class="sml-post-text">
                                <h5><a href="">৯১তম অস্কারের ইতিবৃত্ত</a></h5>
                                <p><span>February 27 2019</span></p>
                            </div>
                        </div>
                        <!--single-mini-post-end -->
            <?php
            endif;
        $i++; 
        endwhile;
    endif; 
    ?>
    </div>
</div>