PHP 将列分成 3(数学和额外的 div 问题)

Question

我有一个带有常见问题解答页面的 Wordpress 站点，其中包含问题。我使用 Bootstrap 作为我的 gird 系统。我以前问过类似的问题，但现在我有一个新问题。更多详情:PHP and Wordpress - Place content in correct column

常见问题页面


布局应为 3 列。它应该看起来像这样。

3个问题。
[问题 Z] [问题 A] [问题 O]

4个问题。
[Z题] [A题] [O题]
[问题X]

5 个问题。
[Z题] [A题] [O题]
[问题十] [问题五]

我需要什么。
列结构应如下所示:

//Column1
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
<div class="col-lg-12"> question Z </div>
</div>

//Column2
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
<div class="col-lg-12"> question A </div>
</div>

//Column3
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
<div class="col-lg-12"> question X </div>
</div>

问题:
当我有 7 或 11 个常见问题解答帖子时。我的代码创建了一个额外的 div。我想删除这个 div。
例子:

我希望我的帖子分为这三栏，仅此而已。
原因:当你点击它们时，我的常见问题会展开。目的是扩大栏目。

<?php if ( $wp_query->have_posts() ) : ?>
<?php
  $counter=0;
  $columns=3;
  $total_posts = $wp_query->post_count;
  $posts_per_column = ceil($total_posts / 3);
  $posts_per_column_test_value = ($total_posts - 1) / $columns;
  $is_special_case = false;

  if($total_posts != 1 && (intval($posts_per_column_test_value) ==  $posts_per_column_test_value)){
    $is_special_case = true;
    $posts_per_column = $posts_per_column - 1;
}
?>


<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
            <div class="col-lg-12">
                    <?php while ( $wp_query->have_posts() ) : $wp_query->the_post();
              if($is_special_case && $wp_query->current_post == 0){
                          $counter++;
                        } else { 
                           $counter++;
                        }
                        ?>
                <div class="faq-all">
                    <div class="faq-item">
                        <h2><?php the_title(); ?></h2>
                        <article>
                            <div class="faq-intro">
                                <?php the_content(); ?>
                            </div>
                            <div class="faq-info">
                                <?php the_content(); ?>
                            </div>
                            <div class="faq-link">
                                <a href="#" class="read-more">LES HELE SVARET</a>
                                <a href="#" class="read-less">LES MINDRE</a>
                            </div>
                        </article>
                    </div>
                </div>
                <?php if($counter % $posts_per_column == 0) echo '</div></div><div class="col-xs-12 col-sm-6 col-md-4 col-lg-4"><div class="col-lg-12">'; ?>
                <?php endwhile; ?>
            </div>
        </div>
    </div>
</div>

提前致谢

Answer 1

试试这个:

<?php if(have_posts()) : ?>
<?php $no_of_posts = wp_count_posts()->publish; ?>
<div class="row">
   <?php $i=1; while(have_posts()) : the_post(); ?>
       <div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
         <div class="col-lg-12"> question X </div>
       </div>
       <?php if($i%3==0 && $i!=$no_of_posts) : ?>
       </div>
      <div class="row">
      <?php endif; ?>
   <?php $i++; endwhile; ?>
</div>
<?php endif; ?>