Как в Wordpress при выводе постов из рубрики задать разный цвет фона четным и нечетным постам?

Question

[Вера]

Добрый день!

Я сейчас переношу верстку на Wordpress и у меня есть вот страница вот такого вида:


Как сделать чтобы при выводе постов у них чередовался фон (у первого поста - серый, у второго - белый, третий - серый и т.д. ......)?

Сейчас фон посту добавляется с помощью класса в верстке "bg-gray" или "bg-white". Может как-то можно прописать в php что у четным постам добавлять класс bg-white, а нечетным - bg-gray (php я не знаю)? Или легче не с помощью класса этот вопрос решать? Или вообще лучше на JS/JQuery скрипт для этой страницы прописать?

Вот код с помощью которого сейчас посты выводятся:

<?php
      $args = array(
      	'numberposts' => 0,
      	'category_name'    => schedule,
      	'orderby'     => 'title',
      	'order'       => 'ASC',
      	'include'     => array(),
      	'exclude'     => array(),
      	'meta_key'    => '',
      	'meta_value'  =>'',
      	'post_type'   => 'post',
      	'suppress_filters' => true,
      );

      $posts = get_posts( $args );

      foreach($posts as $post){ setup_postdata($post);
          ?>
          <div class="col-md-4 col-sm-6">
            <div class="content-wrapper bg-gray schedule-card">
              <div class="day"><span><?php the_field('week_day') ?></span><span><?php the_title() ?></span></div>
              <a class="event" href="<?php the_field('mc_descr_link_1') ?>"><span class="event-time"><?php the_field('time-mc-1') ?></span><span class="event-name"><?php the_field('mc-1') ?></span></a>
              <a class="event" href="<?php the_field('mc_descr_link_2') ?>"><span class="event-time"><?php the_field('time-mc-2') ?></span><span class="event-name"><?php the_field('mc-2') ?></span></a>
              <a class="event" href="<?php the_field('mc_descr_link_3') ?>"><span class="event-time"><?php the_field('time-mc-3') ?></span><span class="event-name"><?php the_field('mc-3') ?></span></a>
            </div>
          </div>
          <?php
      }

      wp_reset_postdata(); // сброс
      ?>

Заранее спасибо!

Answer 1

[Lord_Dantes]

В CSS ,посмотри свойство ":nth-child" , позволит использовать каждому 3 ,2 и хоть 100500 элементу , стили которые ты указываешь

Comments

[Вера]

Гениально! )))) спасибо!
просто и элегантно )) как-то я протупила.....