Как сделать чередование класса css для каждой третьей записи?

Question

[Борис Белов]

Предположим есть код

<?php $mycat=get_the_category(); $mycat=$mycat[0]; ?>
<?php $postslist = get_posts('numberposts=-1&orderby=title&order=ASC&category='.$mycat->cat_ID); ?>


<ul>
<section class="portfolio">
      <div class="grid" data-cols="2" data-margin="15" data-height="1" data-double-height="2" style="margin: -15px; position: relative; height: 1650px;">
<?php foreach ($postslist as $post) : setup_postdata($post); ?>
    
   <div class="entry" style="width: 429px; height: 300px; margin: 15px; position: absolute; left: 918px; top: 0px;">
              <a href="<?php the_permalink(); ?>">
          <?php if ( has_post_thumbnail()) {
$image_url_min = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full'); ?>

            <div class="entry-image imageBG" data-img="<?php echo $image_url_min[0]; ?>" style="background-image: url('<?php echo $image_url_min[0]; ?>'); background-size: cover; background-position: 50% 50%;"></div>
            <?php }?>

            <div class="entry-content hidden">
              <div class="entry-desc">
                <div class="entry-title"><a class="h2grid" href="<?php the_permalink(); ?>"><?php the_title(); ?></a></div>
                <div class="entry-p"> <p class="dopp" style=""><?php the_field('date'); ?><p>
          <p  class="ssilkahomeitem"  style="font-size: 13px!important;  font-family: 'proximanovabold';">
    <a  href="/lektsii/">ЛЕКЦИИ</a></p>
                  

                </div>
              </div>
            </div>
          </a>
        </div>

<?php endforeach; ?>

Нужно чтобы каждая третья запись которая выводится через этот код, имела class="entry w2"

Как такое сделать?

---

Нашел вот это gnatkovsky.com.ua/chetnye-i-nechetnye-posty-na-gla... , но не могу присоединить к своему решению через

foreach ($postslist as $post) : setup_postdata($post);

Comments

[OVK2015]

ну так проверяйте в foreach кратность 3 и добавляйте нужный класс

[Борис Белов]

OVK2015: а можете написать, что нужно прописать? я не совсем ас в вп

[Павел]

Борис Белов: тут не в вп, тут надо элементарный php знать, чтобы в цикл вставить счетчик и проверять его на кратность 3. Учите php в CMS без него особо делать нечего)

[Борис Белов]

Павел: тостер на то и тостер, чтобы помогать с ответами) по крайней мере, если человек знает как это сделать, то может помочь с ответом. Если там добавить буквально пару параметров

[Павел]

Борис Белов: написал ответ

[Борис Белов]

Павел: спасибо) супер!

[OVK2015]

Как-то так:

$itemCounter = 0;
	foreach($myposts as $post)
	{
		setup_postdata($post);
		if($itemCounter % 3)
		{
			echo '<li><a class="entry w2" href="<?php the_permalink(); ?>"><?php the_title();?></a></li>';
		}
		else
		{
			echo '<li><a href="<?php the_permalink(); ?>"><?php the_title();?></a></li>';
		}
		$itemCounter++;
	}

Answer 1

[Павел]

<?php $mycat=get_the_category(); $mycat=$mycat[0]; ?>
<?php $postslist = get_posts('numberposts=-1&orderby=title&order=ASC&category='.$mycat->cat_ID); ?>


<ul>
<section class="portfolio">
      <div class="grid" data-cols="2" data-margin="15" data-height="1" data-double-height="2" style="margin: -15px; position: relative; height: 1650px;">
<?php
$i=1;
 foreach ($postslist as $post) : setup_postdata($post); ?>
    
   <div class="entry <?php if( $i%3 == 0 ) echo 'w2';?>" style="width: 429px; height: 300px; margin: 15px; position: absolute; left: 918px; top: 0px;">
              <a href="<?php the_permalink(); ?>">
          <?php if ( has_post_thumbnail()) {
$image_url_min = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full'); ?>

            <div class="entry-image imageBG" data-img="<?php echo $image_url_min[0]; ?>" style="background-image: url('<?php echo $image_url_min[0]; ?>'); background-size: cover; background-position: 50% 50%;"></div>
            <?php }?>

            <div class="entry-content hidden">
              <div class="entry-desc">
                <div class="entry-title"><a class="h2grid" href="<?php the_permalink(); ?>"><?php the_title(); ?></a></div>
                <div class="entry-p"> <p class="dopp" style=""><?php the_field('date'); ?><p>
          <p  class="ssilkahomeitem"  style="font-size: 13px!important;  font-family: 'proximanovabold';">
    <a  href="/lektsii/">ЛЕКЦИИ</a></p>
                  

                </div>
              </div>
            </div>
          </a>
        </div>
<?php 
$i++;
endforeach; ?>

Comments

[Борис Белов]

Thx!

[Павел]

Борис Белов: пожалуйста)

Answer 2

[ValeraValera]

Вот здесь : htmlbook.ru/css/nth-child

Comments

[Борис Белов]

Нене, мне именно нужно присоединить класс. Через css да можно было бы, но там чуть чуть по другому работает скрипт. И надо чтобы именно был класс