在Wordpress中从两列创建一列

Question

我已经将数据显示在两列中，但现在我需要将它们转换为一列，遗憾的是我无法做到这一点。 我有以下字段，如名称，图像，简短描述，当我尝试转换它时，它变得像名称，名称图像，图像短desc，短desc。 我的代码如下：

  

“请记住：我想将row1，row2，row3，row4显示为一列及其下方   row5，row6，row7，row8为第二列“当屏幕的像素小于640时显示为olny，否则（低于640px），代码正在工作中

  <?php
        $counter = 0;
        $row1  = array();
        $row2  = array();
        $row3 = array();
        $row4 = array();
        $row5 = array();
        $row6 = array();
        $row7  = array();
        $row8  = array();
        if ( have_posts() ) :
            $add_clear = 1;
            while ( have_posts() ) : the_post();
                $post_tagline = get_post_meta( get_the_ID(), 'dbt_post-tagline', true );
               $short_desc = get_post_meta( get_the_ID(), 'dbt_short_desc', true );
               $image_attributes = wp_get_attachment_image_src(get_post_thumbnail_id(get_the_ID()),'full');

                if($counter %2 == 0) {
                    $row1[] = '<td valign="top" class="thumb">
                        <h3>
                            <div>
                                ' . get_the_title(get_the_ID()) .'
                            </div>
                        </h3>
                    </td>';
                    $row2[] = '<td valign="top" >
                        <p>
                                <a href="' . get_the_permalink() . '" rel="bookmark">
                                <img src="' . $image_attributes[0] . '" />
                        </p>
                  </td>';

                   $row3[] = '<td valign="top" class="excerpt-part">
                        <p>' . $short_desc . '...</p>
                   </td>';
                    $row4[] = '<td valign="top" class="thumb">
                       <p>
                            <a href="' . get_the_permalink(get_the_ID()) . '"> VIEW MORE </a>
                        </p>
                   </td>';

                }
                else {

                    $row5[] = '<td valign="top" class="thumb">
                        <h3>
                            <div>
                                ' . get_the_title(get_the_ID()) .'
                            </div>
                        </h3>
                    </td>';
                    echo '<div class="thumbnail">';*/
                    $row6[] = '<td valign="top">
                        <p>
                                <a href="' . get_the_permalink() . '" rel="bookmark">
                                <img src="' . $image_attributes[0] . '" />
                        </p>
                   </td>';
                    $row7[] = '<td valign="top" class="excerpt-part">
                         <p>' . $short_desc . '...</p>
                   </td>';
                    $row8[] = '<td valign="top" class="thumb">
                       <p>
                            <a href="' . get_the_permalink(get_the_ID()) . '"> VIEW MORE </a>
                        </p>
                   </td>';

                }
                $counter++;

                if ( ($add_clear % 2 ) == 0 )
                $add_clear++;
            endwhile; // end of the loop.

       ?>
        <table class="common-tbl-custom-style">
        <?php
            for($i= 0; $i< $counter; $i++) { ?>
        <tr>
            <?php echo (isset($row1[$i]) && $row1[$i]) ? $row1[$i]: "";  ?>
            <?php echo (isset($row5[$i]) && $row5[$i]) ? $row5[$i]: "";  ?>
        </tr>
        <tr >
            <?php echo (isset($row2[$i]) && $row2[$i]) ? $row2[$i]: "";  ?>
            <?php echo (isset($row6[$i]) && $row6[$i]) ? $row6[$i]: "";  ?>
        </tr>
        <tr>
            <?php echo (isset($row3[$i]) && $row3[$i]) ? $row3[$i]: "";  ?>
            <?php echo (isset($row7[$i]) && $row7[$i]) ? $row7[$i]: "";  ?>
        </tr>
        <tr>
            <?php echo (isset($row4[$i]) && $row4[$i]) ? $row4[$i]: "";  ?>
            <?php echo (isset($row8[$i]) && $row8[$i]) ? $row8[$i]: "";  ?>
        </tr>

        <?php } ?>