Как сменять обертки для четных и нечетных записей и добавить класс картинке поста?

Question

[Руслан Дасаев]

Здравствуйте.Есть код

foreach( $posts as $post ){
									setup_postdata($post);
								    // формат вывода the_title() ...
								    ?>
								    <?php if ($wp_query->current_post % 2==1) :  ?>
										<div class="col-md-5 col-lg-4">
											<div class="about">
												<?php the_post_thumbnail(); ?>
												<h3 class="h3 about__heading"><?php the_title(); ?></h3>
												<p class="about__descr"><?php the_field('intro_descr') ?></p>
											</div>
										</div>
									<?php else: ?>
										<div class="col-md-5 col-lg-4 offset-md-2 offset-lg-4">
											<div class="about">
												<?php the_post_thumbnail(); ?>
												<h3 class="h3 about__heading"><?php the_title(); ?></h3>
												<p class="about__descr"><?php the_field('intro_descr') ?></p>
											</div>
										</div>
									<?php endif; ?>
									<?
								}

Не получается поменять обертку для четных и нечетных постов.Скажите пожалуйста, как правильно прописать условие?И как добавить класс css для картинки записи <?php the_post_thumbnail(); ?> Спасибо за ваши ответы, помощь.

Answer 1

[WP Panda]

Ну у вас же уже есть условие определения четных не четных
$wp_query->current_post % 2 === 1
В данном конкретном случае это проверка на четные, нечетные будут возвращать 0 и они в блоке else

Про миниатюру, ну в доки заглянуть проблема?
the_post_thumbnail()

<?php the_post_thumbnail('post-thumbnail', array('class' => 'my-class')); ?>

Comments

[Руслан Дасаев]

У меня Все записи оборачиваются в одинаковую обертку.Нет чередования, как исправить?

[WP Panda]

Руслан Дасаев, что вы называете обёрткой в данном коде?

[Руслан Дасаев]

<div class="col-md-5 col-lg-4"> или

<div class="col-md-5 col-lg-4 offset-md-2 offset-lg-4">

[WP Panda]

Руслан Дасаев, А ну вы записи получаете через get_piosts() походу. код надо полностью, в таком случае счетчик сами добавляйте

$n = 0;
foreach ( $posts as $post ) {
	setup_postdata( $post );

	$class_img  = $n % 2 === 1 ? 'class-1' : 'class-2';
	$class_post = $n % 2 === 1 ? '' : ' offset-md-2 offset-lg-4';

	?>
    <div class="col-md-5 col-lg-4<?php echo $class_post; ?>">
        <div class="about">
			<?php the_post_thumbnail( 'post-thumbnail', array( 'class' => $class_img ) ); ?>
            <h3 class="h3 about__heading"><?php the_title(); ?></h3>
            <p class="about__descr"><?php the_field( 'intro_descr' ) ?></p>
        </div>
    </div>
	<?php
	$n ++;
}

[Руслан Дасаев]

WP Panda, Спасибо вам! Напишите номер своего кошелька, переведу деньги за помощь.

[WP Panda]

Руслан Дасаев, wp-panda.github.io

Answer 2

[Сергей Сергей]

PHP Больше серверный язык, это легче на JS