>
Главная » WordPress » Как изменить фон в шаблоне WordPress
    РейтингРейтингРейтингРейтингРейтинг

Как изменить фон в шаблоне WordPress

Один из самых популярных способов придать индивидуальность шаблону сайта  –это изменить его фон.

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

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

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

Но не всегда есть такой пункт! Что же тогда делать? Переходим к другому варианту.

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

 1. Устанавливаем фон  обычного номера цвета.

 

Необходимо  изменить код в файле style.css, для этого заходим в «Панель управления», далее во вкладке «Дизайн» выбираем «Редактор» и справа выбираем style.css, после этого у нас открывается данное окно:


Далее ищем строки:

body
{
margin: 0 auto;
padding: 0;
background-color: #FFFFFF;
}


Строки обычно находятся вверху файла, заменяем  #FFFFFF на нужный код, затем нажимаем «Обновить файл» и радуемся результатом. Коды цветов Вам подскажет, практически любой редактор или можете набрать в поисковике браузера – «Таблица цветов» и вы получите коды любого цвета. 

Приведу пример всем известной программы «Adobe Photoshop». Откройте программу, перейдите в палитру цветов и укажите числовое значение цвета:

2. Устанавливаем фон  изображения (картинки), которые задаются в файле style.css.

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

Поэтому в качестве картинки для фона лучше всего использовать ПАТТЕРН.

Паттерн — это небольшая картинка, не имеющая швов, которая при повторении образует большой фон, заполняющий все пространство сайта.

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

  1. PatternCooler
  2. Stripegenerator 
  3. bgPatterns

Как поменять фон на сайтах HTML и PHP

Если вы работаете с сайтом разработанным исключительно на HTML, тогда вам понадобиться вставить фон в открывающий тег <body>... Должно получиться примерно следующее:

<body background="images/fon-1.png">

Главное правильно укажите путь к изображению. Также для страховки можете прописать вдобавок к картинке еще и цвет, на тот случай если вдруг по каким-либо причинам паттерн не загрузится.

<body bgcolor="#FFFFFF" background="images/fon-1.png">

Если основной паттерн не загрузится, вместо него подгрузится цвет, указанный в bgcolor (FFFFFF).

Чтобы установить фон на сайт, необходимо закачать созданный выше паттерн к себе на хостинг в папку с картинками темы.

Папка находится по такому адресу:

/httpdocs/wp-content/themes/Prosumer/images

Затем необходимо открыть файл style.css и указать адрес, где хранится  изображение:

Можно настраить как будет повторяться паттерн. Для этого существует атрибут repeat.

background: #FFFFFF url(images/fon-1.png) repeat;

Основные настройки:

Перезагружаем страницу сайта и смотрим полученный результат.

css template

Не забывайте написать ваш комментарий, понравилась ли статья. От вас пару слов, а мне — признание поисковых систем, что пишу нормальные человеческий статьи. Заранее спасибо вам!