Изменение цвета фона отдельной страницы в WordPress
Приветствуем вас! WordPress пользуется спросом у многих пользователей, как в качестве платформы для ведения блогов, так и для системы управления контентом (CMS). Мы с этим согласны, поскольку эту платформу легко изучить, использовать и настраивать. Сегодня мы хотим вам показать, как изменить цвет фона одной страницы в WordPress. Мы не будем использовать плагины, просто некоторый простой код CSS.
Шаг 1. Поиск идентификатора вашей страницы
Во-первых, вам нужно найти идентификатор страницы WordPress. Перейдите на «Страницы» — «Все страницы» и наведите курсор мыши на ссылку «Изменить» на странице.
Затем в нижней части вашего браузера появится ссылка. Запишите идентификатор из этой ссылки. Идентификатор будет номером после post=. В нашем случае это 3.
Вы будете использовать этот идентификатор для своего класса CSS, который необходим для изменения цвета фона отдельной страницы.
Также можно найти класс CSS этой конкретной страницы:
- Открываем страницу в браузере
- Щелкаем правой кнопкой мыши в любом месте и выбираем «Просмотр кода страницы»
- Нажимаем CTRL-F и выполняем поиск фрагмента «page-id»
- Копируем класс CSS, который обычно находится в теге .page-id-X
Как вы можете видеть, Chrome выделил то, что мы искали. Теперь вам нужно скопировать номер из класса, а не только page-id! В нашем примере, весь класс CSS, что мы будем использовать это page-id-3.
Шаг 2. Добавление кода CSS
Добавьте следующий код CSS в WordPress:
.page-id-3 {background-color: #99E8D0;}
Измените номер 3 с вашим собственным идентификатором страницы. Если вы использовали альтернативный метод, указанный выше, вам просто нужно скопировать класс, который вы найдете в исходном коде, который будет автоматически содержать правильный идентификатор для этой конкретной страницы WordPress.
Если вы получили идентификатор страницы отдельно, используя первый метод, замените его в коде на него.
Например, если идентификатор вашей страницы 479, то код будет выглядеть так:
.page-id-479 {background-color: #99E8D0;}
Вы также можете изменить цвет фона, изменив шестнадцатеричный код цвета, вместо #99E8D0, на свой код.
Вуаля, теперь у вас будет другой цвет фона для отдельной страницы WordPress!
Если цвет фона не меняется
a) Очистите кэш своего сайта и браузера (или используйте окно «Новое окно в режиме инкогнито»), затем проверьте снова.
б) Если это не помогает, добавьте !important в код CSS, например:
.page-id-2 {background-color: #99E8D0 !important;}
Очистите кеш еще раз. Вот что у нас получилось на нашей тестовой теме Twenty Seventeen.
Мы надеемся, что, вы нашли этот урок полезным и вам удалось изменить цвет фона одной страницы в WordPress! А у нас на этом все. Всем пока!
С уважением Вячеслав и Валерия!