Как закрепить картинку(фото) на заднем фоне блога wordpress, чтобы она не прокручивалась вместе с контентом.

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

Выбор картинки для заднего фона блога и закачка ее на сервер

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

Теперь по размерам. Так как ваши посетители имеют разные мониторы, то и картинка на разных мониторах будет выглядеть по разному, на широкоформатном мониторе и на квадратном(старом) по-разному. Поэтому лучше берите картинку для заднего фона блога с запасом, как сделал я. Примерно 1500 на 1300 пикселей, размером не больше 1 мб, хотя интернет сейчас у всех скоростной, однако сколько времени будет загружать ваш задний фон посетитель с медленным интернетом, одному богу известно. Оптимальный размер картинки для заднего фона блога - 500 мб.

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

Итак, картинка для заднего фона блога загружена, теперь нам нужно узнать ее адрес(url). Для этого в разделе "медиафайлы" - "библиотека файлов" находим вашу загруженную картинку и жмем "изменить". Менять ничего не надо, после нажатия откроется окно, внизу которого вы сможете увидеть ссылку на ваш файл. Копируем его.

Редактируем файл Style.css

Итак, шаг номер 2 - редактирование файла style.css, который отвечает за внешний вид вашего блога. Шрифты, размер букв, цвет, фон сайта и многое другое - все это вы можете поменять, изменив этот файл. Прежде всего, перед всеми вашими движениями сохраните этот файл к себе на компьютер, на случай, если что - то у вас не получится. редактировать файл мы будем прямо из админки вордпресса, хотя можете скачать его и редактировать в программе notepad. Если редактируете в админке, то путь такой "внешний вид"-"редактор" - проматываете в самый низ и видите файл style.css.

Открываем файл style.css и в самом начале ищем вот такие буквы, а именно тег body.

редактирование файла style.css

У вас может быть написано другое, но суть одна - находим открывающий тег body, далее находим параметр background, если у вас много чего написано, то просто сделайте так, как на рисунке. Далее прописываем ссылку на ваш загруженный рисунок для заднего фона блога. Ну и указываем параметр fixed, который отвечает за то, чтобы закрепить рисунок(фотографию) на заднем фоне вашего wordpress блога. По сути, вы должны сделать 4 шага:

1. Залить рисунок на сервер.
2. скопировать ссылку на него.
3. Вставить ссылку на сайт в файле style.css
4. Указать, чтобы она закрепилась на заднем фоне.

В итоге вы получаете красивый рисунок на заднем фоне вашего блога, который НЕ ПРОКРУЧИВАЕТСЯ. Он будет стационарным, а прокручиваться мышкой будет контент вашего блога. То есть посетителю вашего блога будет очень удобно, на заднем фоне сайта будет красивая картинка, а мышкой он сможет свободно прокручивать ваши статьи( разумеется, если они более менее длинные).