Вячеслав и Валерия : создание сайта 1903 Комментариев к записи Изменение цвета фона отдельной страницы в WordPress нет

Изменение цвета фона отдельной страницы в 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! А у нас на этом все. Всем пока!

С уважением Вячеслав и Валерия!