Разный фон на страницах, записях и категориях

Для улучшения внешнего вида сайта можно использовать различные приёмы и стили. Одним из таких приёмов является использование разного фона страниц. Допустим, когда открывается определённая страница – показывается один фон, когда открывается другая – другой фоновый рисунок.

Автоматическая смена фона

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

Смена фона для категорий

Для того, чтобы на сайте в различных категориях показывалось разное фоновое изображение, и тоже самое происходило в записях и страницах сайта, нужно получить ID выбранного элемента сайта. Как это сделать, можно прочитать в статье «Получение ID».

Для автоматической замены фона в определённых категориях, нужно воспользоваться кодом:

<?php if (in_category(id категории)) {
echo "style='background-image:url(адрес первого фона)'";
} else {echo "style='background-image:url(адрес второго фона)'";} ?>

Код следует разместить в header.php после открывающего тега BODY.

Смена фона для постов (записей)

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

<body <?php if (is_post(id поста)) {
echo "style='background-image:url(адрес первого фона)'";
} else {echo "style='background-image:url(адрес второго фона)'";} ?> >

Его размещаем так же, как и в предыдущем варианте.

Разный фон для страниц

Создание различного фона для страниц ни чем не отличается от предыдущих двух вариантов, кроме получения уникального идентификационного номера (ID) – он должен быть для страниц.

Используем код:

<body <?php if (is_page(id страницы)) {
echo "style='background-image:url(адрес 1 фона)'";
} else {echo "style='background-image:url(адрес 2 фона)'";} ?> >

Помещаем его так же  после открывающего тега BODY в файле header.php.

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *