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

Как выделить первый и последний посты в цикле | n-wp.ru Настройки
Примеры кодов, с помощью которых можно придать первому и последнему постам в цикле индивидуальное оформление.

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

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

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

Если открыть файл, отвечающий за вывод постов (например, 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 — это класс элемента, в который заключен последний пост в цикле вывода.

tiaurus

Автор n-wp.ru — блога о WordPress для новичков.

Оцените автора
Добавить комментарий

  1. Александр

    Есть следующая задача: реализовать возможность изменения вида вывода для каждого пользователя. Используется два варианта вывода:
    1. Полный (изобрадение, описание, ссылка)
    2. Компактный (Миниатюра, ссылка)
    В шаблоне используется условие и два цикла.
    Первый выводит 5 полных записей(как указано в настройках)
    Как сделать чтобы Второй выводил не 5, а любое другое количество постов ??

    Ответить