Как выделить первый и последний посты в цикле

Иногда бывает необходимо придать самому первому посту на главной странице (или к самому последнему) особое оформление, например, увеличить в них размер шрифта или добавить фоновое изображение. Это можно сделать, если внедрить в цикл функцию, добавляющую к послу специальный класс оформления.

Выделение первого поста в цикле

Если открыть файл, отвечающий за вывод постов (например, index.php), то можно заметить, что цикл вывода постов имеет примерно такую конструкцию:

	
          ...содержимое цикла...
	

Чтобы придать первому посту определенное оформление, нужно в этот цикл добавить счетчик, а содержимое цикла заключить в элемент со специальным классом, определяющим вид первого поста:

	
	
		<div class="post">
			...содержимое цикла...
		</div>
	

В этом коде стоит счетчик, и если в цикле первый пост, то элементу, в который он заключен, присваивается класс first. то есть у нас первый пост в результате работы этого измененного кода цикла, будет иметь такой вид:

<div class="first">
			...содержимое цикла...
		</div>

Теперь осталось только добавить в файл style.css оформление класса. Например:

.first {color:#aaa;}

Если вы хотите, чтобы изменилось оформление не только у первого поста, а у первых трех, строка 5 кода 1.2 должна выглядеть так:

<div class="post<?php if (is_paged() == false and $i ">

Выделение последнего поста в цикле

Аналогичным образом можно выделить и последний пост в цикле, немного изменив код цикла:

	
		<div class="postcurrent_post + 1) == ($wp_query->post_count)) echo ' last'; ?>">
			...содержимое цикла...
		</div>
	

last – это класс элемента, в который заключен последний пост в цикле вывода.