Изменение фонового изображения для каждой страницы
Я хотел бы иметь разные фоновые изображения для каждой СТРАНИЦЫ (категории)
Когда пользователь переходит на home.php
, назовем её A, она должна иметь одно фоновое изображение, а когда переходит на страницу B, фоновое изображение должно измениться.
Может кто-нибудь подсказать, как это реализовать? Я понимаю, что это можно сделать через .css
.

Да, это можно сделать с помощью CSS.
Я реализовал это с использованием ID страниц и записей.
ВАЖНО: Следующие примеры являются базовыми и потребуют тестирования и настройки под ваши нужды. Если вы заметите какие-либо ошибки в базовых примерах CSS, пожалуйста, сообщите об этом.
Чтобы узнать ID страниц и записей, перейдите в раздел "Страницы" или "Записи" и наведите курсор на название нужной страницы или записи. В нижней левой части браузера в строке состояния отобразится ID страницы. Либо используйте плагин Catch IDs, как делаю я.
Для фона на всем сайте используйте:
body
{
background-image:url('example.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
Для конкретной страницы:
body.page-id-33
{
background-image:url('example.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
Для нескольких страниц:
body.page-id-33,
body.page-id-41,
body.page-id-725
{
background-image:url('example.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
Для рубрики:
.category-CategoryName
{
background-image:url('example.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
Для нескольких рубрик:
.category-CategoryName,
.category-CategoryName-2
{
background-image:url('example.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
Для архивных страниц:
.archive
{
background-image:url('example.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
Для пользовательского шаблона страницы, записи или рубрики используйте:
.page-template-name
{
background-image:url('example.gif');
background-repeat:no-repeat;
background-attachment:fixed;
}
В каждом из вышеперечисленных случаев вы можете просто скопировать CSS и вставить его снова, изменив ID и URL изображения, чтобы изменить фоновое изображение для разных страниц или рубрик.
ИСТОЧНИКИ
Извините - хотя я стараюсь помочь и указать авторов исходных статей, строгие правила не позволяют мне публиковать более одной ссылки на источники. Поэтому я написал статью об этом, где собраны все ссылки.
http://kb4wp.com/blog/use-css-to-target-pages-posts-and-categories/
