Как поменять фон сайта WordPress

Иногда появляется необходимость поменять фон сайта. Кок раз  в этой статье я собираюсь рассказать  вам, как это можно сделать.

При установке некоторых тем во вкладке Внешний вид появляется пункт Фон

поменять фон сайта WordPress

 

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

Но не всегда есть такой пункт! Что же тогда делать?

Разберем несколько способов смены главного фона страницы, а так же смены фона дополнительных блоков.

Добавление стиля непосредственно к самому тегу body
Находим файл header.php в нем находим открывающийся тег body и заменяем его на следующий код.

В данном случае #f0f0f0;  означает какого цвета будет данный блок.

Таким образом мы можем поменять не только цвет фона, но и даже прописать путь до фоновой картинки, при этом нам не надо открывать style.css

Но с точки зрения красоты кода такой вариант плохой.

Поэтому лучше открыть файл style.css найти в нем стиль body
И прописать в нем

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

P.S Если расширения будут отличаться, то придется сделать небольшую правку в style.css

У меня на сайте стиль фона следующий

 Как поменять фон у дополнительных блоков?

Вы наверное заметили, что последнее время очень часто используются темы где два фона, один основной на примере ниже это синий и второй дополнительный он белый.

fon1

Для того чтобы его поменять, так же потребуется файл style.css, но для начала нужно определиться у какого именно блока менять фон.
Для этого воспользуемся фаербагом от Google Chrome
Нажимаем праую кнопку мыши и выбираем просмотр кода элемента.

fon2

В появившемся окне наводим на строчку которая ниже body , смотрим чтобы выделилась та область, фон которой мы хотим поменять.

fon3

Из примера видно, что данной областью является блок с классом root.

Дальше смотрим в правую часть вспомогательного окна там должен быть стиль, который нам надо будет менять.

fon4

В большинстве случаев название этого стиля (container, main, root, content), но может быть и другим!
Далее по аналогии замены главного фона.

P.S Если убираете дополнительный фон, то помните что у полной записи он тоже пропадет !!!

Теперь вы знаете как можно менять фон сайта, советую так же ознакомиться со статьей Как выбрать фон для сайта?

Один комментарий

  1. DevakDrush 08.02.2017