Question

我有一系列案例研究，大小各异。像这样：

   | Large | Large |
|Small | Small | Small |
   | Large | Large |
         ...

我正在尝试运行一个循环，该循环将检查案例研究是提取的第一个结果还是第二个结果，如果是，请使用.case-card--large CSS，否则使用默认的.case-card CSS。

如果循环条件为真，我不确定如何使用选择类？

用简单的英语说：如果前两个结果使用.case-card--large，接下来的三个使用.case-card，然后再次使用.case-card--large进行后面的两个，依此类推。

到目前为止，这是我的循环（不完整）：

 <?php 
 $counter = 1;
 $loop = new WP_Query( array( 'post_type' => 'case-studies') ); 
    while ( $loop->have_posts() ) : $loop->the_post(); 
        if ($counter % 3 == 1){
            echo 'alpha';
        } else {
            echo 'omega';
        } 
    $counter++ ; 
    endwhile 
 ?>

输出： alpha omega omega alpha omega ，当我需要它是 alpha alpha omega omega omega 时。

div和CSS：

.case-card--large {
  width: 50%;
  border: 1px solid red;
}

.case-card {
  text-align: center;
  padding: 40px;
  width: 33%;
}

<div class="case-card case-card--large" <?php echo tp_bg_image($background, 'full' ); ?>
  <div class="wrapper">
    <p>ID:
      <?php the_ID(); ?>
    </p>
    <h1>
      <?php echo $heading; ?>
    </h1>
    <p>
      <?php echo $subheading; ?>
    </p>
    <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#case-study-video">
                    Click me
                </button>
  </div>
</div>

马上就可以进行循环吗？

如果PHP块中的第n个子代将此类添加到HTML

0 个答案: