Изменение фонового изображения для каждой страницы

16 янв. 2014 г., 18:24:20
Просмотры: 35.8K
Голосов: 0

Я хотел бы иметь разные фоновые изображения для каждой СТРАНИЦЫ (категории)

Когда пользователь переходит на home.php, назовем её A, она должна иметь одно фоновое изображение, а когда переходит на страницу B, фоновое изображение должно измениться.

Может кто-нибудь подсказать, как это реализовать? Я понимаю, что это можно сделать через .css.

1
Комментарии

Нет. Это не CSS. Вам нужно создать 'add_meta_boxes' http://codex.wordpress.org/Function_Reference/add_meta_box

ucon89 ucon89
16 янв. 2014 г. 18:54:17
Все ответы на вопрос 2
0

Да, это можно сделать с помощью 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/

26 дек. 2014 г. 22:56:13
0
-1

Если не работает с записью, попробуйте это

body.postid-number { your image }
20 июл. 2017 г. 14:15:06