n-wp.ru — блог о WordPress
Как выделить первый и последний посты в цикле | n-wp.ru

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

Примеры кодов, с помощью которых можно придать первому и последнему постам в цикле индивидуальное оформление.

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

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

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

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

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

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

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

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

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

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

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

tiaurus

Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

1 комментарий

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

/* ]]> */