Как первый и последний пост делается особенным, как здесь, при натяжке html на wordpress?

Question

[trenton]

Попался на глаза такой шаблон, первый раз вижу, чтоб первый и последний пост были с большей фото.
Раздел blog.
https://colorlib.com/preview/#ashion
Стало интересно - как такое делается?
Насколько я знаю, для изображений сетки блога регистрируется индивидуальный размер, и он применяется ко всему циклу. Это что - надо было бы сделать эти первый и последний на странице посты особенными, или nth-child?
Оно то понятно, что шаблон бесплатный и тут даже фотки сделаны background-ами, но мало ли, попалось - хочу понять, если вдруг понадобится.

Answer 1

[WP Panda]

счетчик цикла, а дальше как угодно, просто по значению, или деление по модулю, как требует задача

Comments

[trenton]

Не приходилось пользоваться, спасибо за наводку, поищу материал. По логике тут все числа, заканчивающиеся на 0 и на 1.

[Антон Литвиненко]

<?php if ( have_posts() ) : 
	$ir = 0;
	$count_posts = wp_count_posts();
	$published_posts = $count_posts->publish;
	while ( have_posts() ) : the_post();

  if ( $ir == 0 || ir == $published_posts ) {
    get_template_part( 'template-parts/article-big' );
  } else {
    get_template_part( 'template-parts/article' );
  }

$ir++; endwhile; endif; ?>

[trenton]

Антон Литвиненко, ух ты, спасибо!

[Антон Литвиненко]

trenton, я не проверял, оно может и не работать

[trenton]

Антон Литвиненко, а, я пока тоже. для меня пока эта штука в новинку. может где-то хорошо про это объяснятся или хорошие примеры? любой же трюк откуда-то берут, и далеко не всегда прямо из ядра

[Антон Литвиненко]

trenton, это один из самых частых вопросов.
как при выводе постов сделать первый (первые три, каждый второй, каждый третий) чтобы отличался от других. Для этого перед выводом инициализируется счетчик, значение которого добавляется после каждой итерации. Например как вывести каждый третий:

<?php if ( have_posts() ) : $ir = 0; while ( have_posts() ) : the_post();

  if ( $ir % 3 !== 0 ) {
    get_template_part( 'template-parts/article-wide' );
  } else {
    get_template_part( 'template-parts/article' );
  }

$ir++; endwhile; endif; ?>