Как закрепить картинку(фото) на заднем фоне блога wordpress, чтобы она не прокручивалась вместе с контентом.
Сегодняшний пост будет полезен опять же владельцам нерезиновых шаблонов wordpress. Очень часто вебмастера сталкиваются с проблемой оформления своего блога, они хотят сделать его красивым и привлекательным, чтобы посетителям было приятно находиться на таком блоге. На что только не идут вебмастера, пытаясь изменить внешний вид блога так, как они хотят. Я уже писал о том, как поменять задний фон блога. Ну а сегодня речь пойдет о том, как сделать так, чтобы фон блога не проматывался мышкой, а был стационарно закреплен. На большинстве блогов стоит какой - нибудь фон, который проматывается мышкой вместе с контентом. Как вы понимаете, это не есть гуд. А есть вариант сделать так, чтобы на вашем блоге, к примеру, садово-огородной тематики, на заднем плане был какой - нибудь очень красивый рисунок с урожаем, цветущие цветы, в общем, чтобы было красиво. И сделать это очень просто, нужно всего лишь произвести последовательность определенных действий. Ну что, начнем?
Выбор картинки для заднего фона блога и закачка ее на сервер
Итак, первым делом подбираете подходящую картинку, фотографию для своего заднего фона. Имейте в виду, что картинка должна быть приятной глазу, красивой. И еще, от самой картинки глазу пользователя будет видно лишь ее малая часть, сверху, снизу, справа и слева, поэтому постарайтесь подобрать такую картинку, чтобы самое интересное у нее было не в центре, а по краям.
Теперь по размерам. Так как ваши посетители имеют разные мониторы, то и картинка на разных мониторах будет выглядеть по разному, на широкоформатном мониторе и на квадратном(старом) по-разному. Поэтому лучше берите картинку для заднего фона блога с запасом, как сделал я. Примерно 1500 на 1300 пикселей, размером не больше 1 мб, хотя интернет сейчас у всех скоростной, однако сколько времени будет загружать ваш задний фон посетитель с медленным интернетом, одному богу известно. Оптимальный размер картинки для заднего фона блога - 500 мб.
Итак, картинка выбрана, теперь загружаете ее к себе на сервер. Сделать это вы можете как через фтп-соединение( используя любой фтп-клиент, тотал коммандер, файлзилла), либо непосредственно прямо из админки вордпресс вашего блога. Чтобы залить картинку из админки wordpress на сервер, идете в раздел "медиафайлы", далее жмете"добавить новый", выбираете картинку с вашего компа и жмете "загрузить".
Итак, картинка для заднего фона блога загружена, теперь нам нужно узнать ее адрес(url). Для этого в разделе "медиафайлы" - "библиотека файлов" находим вашу загруженную картинку и жмем "изменить". Менять ничего не надо, после нажатия откроется окно, внизу которого вы сможете увидеть ссылку на ваш файл. Копируем его.
Редактируем файл Style.css
Итак, шаг номер 2 - редактирование файла style.css, который отвечает за внешний вид вашего блога. Шрифты, размер букв, цвет, фон сайта и многое другое - все это вы можете поменять, изменив этот файл. Прежде всего, перед всеми вашими движениями сохраните этот файл к себе на компьютер, на случай, если что - то у вас не получится. редактировать файл мы будем прямо из админки вордпресса, хотя можете скачать его и редактировать в программе notepad. Если редактируете в админке, то путь такой "внешний вид"-"редактор" - проматываете в самый низ и видите файл style.css.
Открываем файл style.css и в самом начале ищем вот такие буквы, а именно тег body.
У вас может быть написано другое, но суть одна - находим открывающий тег body, далее находим параметр background, если у вас много чего написано, то просто сделайте так, как на рисунке. Далее прописываем ссылку на ваш загруженный рисунок для заднего фона блога. Ну и указываем параметр fixed, который отвечает за то, чтобы закрепить рисунок(фотографию) на заднем фоне вашего wordpress блога. По сути, вы должны сделать 4 шага:
1. Залить рисунок на сервер.
2. скопировать ссылку на него.
3. Вставить ссылку на сайт в файле style.css
4. Указать, чтобы она закрепилась на заднем фоне.
В итоге вы получаете красивый рисунок на заднем фоне вашего блога, который НЕ ПРОКРУЧИВАЕТСЯ. Он будет стационарным, а прокручиваться мышкой будет контент вашего блога. То есть посетителю вашего блога будет очень удобно, на заднем фоне сайта будет красивая картинка, а мышкой он сможет свободно прокручивать ваши статьи( разумеется, если они более менее длинные). Если вы не можете понять, что тут написано, то можете посмотреть на блоге кладоискателя nyusha83.ru. Там на заднем фоне блога красивейший рисунок весенней природы в заброшенной деревне, который стационарно закреплен на заднем фоне сайта.
Для всех вебмастеров - манимейкеров предлагаю оценить женский журнал. Посещаемость сайта 55000, так что думайте, сколько можно заработать на таком журнале для женщин. Количество статей там приличное, поэтому думаю, что каждой женщине будет что почитать и найти для себя секрет соблазнения мужчины или еще что.
Как закрепить картинку(фото) на заднем фоне блога wordpress, чтобы она не прокручивалась вместе с контентом.,также полезно почитать
К записи "Как закрепить картинку(фото) на заднем фоне блога wordpress, чтобы она не прокручивалась вместе с контентом." оставлено 4 коммент.
Оставить комментарий
подписка на обновления
Использую в работе
Все для создания сайтов
Работа с контентом
Социальные сигналы
Мой хостинг провайдер
Комментарии
- Наталья: К концу года, даже не сомневаюсь — удвоение будет, ждем. Но пишите, очень интересно наблюдать за...
- Николай: Статья интересная, спс. По поводу дорого. Расскажу свой опыт, покупки статьи. Ресурс старый и трастовой тиц...
- darwin: способ крутой, но дорого блин. хотя трафику можно и побольше собрать, если купить статью и ссылки на очень...
- darwin: Да конечно пойду
. Только сейчас не много подожду, так как 300-от посетителей совсем не давно набрал. Дела... - admin: Пожалуйста, рад видеть коллег-копарей ))Как жизнь? )) Гляжу раскачал до 300 уже, в РСЯ пойдешь рефом? ))...
Слив трафика на партнерки. Куда лить трафик с различных сайтов. Конверт трафика.
Приветствую постоянных читателей и новых посетителей блога . Сегодня днем один мой знакомый, только начинающий заниматься сайтами и заработком на них, спросил меня - что такое слив трафика, что значит лить трафик. Так что я решил накатать небольшую статейку на тему слива трафика, конверта трафика в деньги и всего прочего. Более прошаренные пользователи могут эту [...]
Блоки Adsense — расположение и эффективность.
Приветствую всех, кто волею судеб попал на этот блог, посвященный продвижению сайтов и заработку в интернете. Сегодня речь пойдет о рекламных блоках Adsense, многие блогеры зарабатывают именно на адсенс, хотя слово зарабатывают можно применить лишь к малой их части. А все остальные, включая меня, считают копейки. Хотя могу сказать и даже немного похвалиться , что [...]
Приветствую вас, вы попали на мой блог, посвященный созданию и продвижению сайтов и блогов, а также монетизации проектов. Авторские статьи, эксперименты и только личный опыт, начиная с самого нуля.
Полезный пост. Лично меня фон, который съезжает, чаще всего раздражает ,т.к. выглядит не совсем красиво. Вообще тема бэкграунда довольно щекотливая. Я никогда не пользовался фоновыми рисунками, т.к. не мог подобрать достойный, а рисовать в фш сам я абсолютно не умею.
Белый фон — черный текст, минимализм, елки-палки) Хотя больше нравится белый текст на черном фоне, лично у меня так глаза гораздо меньше устают при длительном чтении, однако черный фон почему-то не рекомендуют всякие гуру сео
Просто правил свой второй блог, так что подумал, а вдруг кому-нибудь пригодится )) Теперь задний фон блога мне несказанно радует глаза ))
Огромное спасибо за статью! Я абсолютный чайник, делаю свой первый сайт. Благодаря Вам удалось сменить фон с первого раза! Я в шоке! )))
пожалуйста, рад что инструкция помогла )) Вот ведь писал я когда-то полезные мануалы, сейчас совсем обленился ))