Как сменить задний фон сайта(блога).

задний фон блога картинки
как изменить фон сайта

Сегодняшний пост будет полезен всем владельцам нерезиновых шаблонов WordPress. Все начинающие блогеры, конечно же, качают темы(шаблоны) wordpress из интернета, благо количество сайтов, предлагающих скачать бесплатные, красивые для блога абсолютно бесплатно, растет в геометрической прогрессии. Конечно, скачивать шаблоны нужно с проверенных сайтов, ибо в последнее время развелось очень много умельцев, вставляющих в шаблоны свои ссылки. Ну да речь сейчас не об этом. А о том, что, к примеру, скачали вы понравившийся вам шаблон wordpress, а задний фон вашего блога вас не устраивает. Что же делать, как сменить задний фон сайта, чтобы он вам нравился. Знаю по себе, что пока не приведешь блог в такое состояние, когда он тебе нравится - все время будешь думать о модернизации шаблона. Поэтому, если вы скачали шаблон вордпресс и он вам нравится своим функционалом, но единственный минус - задний фон блога, то давайте разберемся, как нам его сменить.

Во-первых, сразу стоит оговориться, что многие шаблоны обладают собственной админкой, то есть тему wordpress вы сможете настроить сами, даже не обладая знаниями html и css. В таких темах есть специальная настройка для смены заднего фона сайта, причем выбора у вас 2 - либо выбрать любой понравившийся цвет заднего фона из предлагаемой палитры цветов, либо вставить собственный рисунок из вашей личной фотоколлекции. Вставить цвет html на задний фон можно быстро и легко, однако многих и меня в том числе, не устраивает то, что обычный цвет заднего фона выглядит как-то стремно. А ведь нужно, чтобы все было красиво, поэтому задний фон сайта должен быть не просто обычным цветом, обязательно должны присутствовать какие-либо эффекты, наложенные на цвет. Это могут быть какие-либо переливы, переходы от светлого к темному и др. Поэтому лучше вставить на задний фон какой-либо рисунок, чаще всего это какая-то текcтура или что-то еще.

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

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

Для начала, заливаем выбранный вами фон сайта к себе на блог через фтп-соединение. Закачивайте рисунок заднего фона в файлы темы - я создал папку "background" и туда залил мой рисунок name.jpg.

Я редактирую шаблон прямо из админки, то есть в админке вордпресс выбираю - "внешний вид" - "редактор" - далее прокручиваем в самый низ и находим файл "style.css".

как сменить задний фон сайта

Находим тег body, значение Background - и сюда вставляем ссылку на ваш файл, в моем случае это было background/name.jpg. Можно не создавать папку бэкграунд, а просто залить в стандартную папку images, тогда урл вашего рисунка будет url(images/name.jpg).

Как видите, все достаточно просто, распишу еще раз все шаги, чтобы вам не запутаться:

1. Выбираете фон сайта(рисунок).
2. Закачиваете рисунок через фтп в папку вашей темы (wp-content/themes/ваша тема/images)
3. В админке wordpress заходите "внешний вид"-"редактор"-"style.css".
4. В значении "background" прописываете url вашего рисунка, залитого на сервер.
5. Сохраняете изменения.

Ну вот и все, надеюсь, теперь задний фон вашего сайта(блога) будет вызывать у вас только восторг и вы будете вести блог с радостью. Удачи в блоггинге.

Как сменить задний фон сайта(блога).: 4 комментария

  1. Отличный фон у вас получился, глазу приятно, да и по теме подходит )) тыковки и огурчики — самое то для садово-огородного блога ))Заглядывайте ко мне иногда, на блог есть много полезного для молодых блогов.
    Кстати, скоро опубликую пост, в котором подробно будет расписано, как продвигать блоги неконкурентной тематики, ваш подходит идеально ))

    Кстати, каким образом PR 3 отхватили на такой молодой ресурс? 🙂

  2. Автор больше спасибо,с начало прогнал немного изгадил работу.Но после перечитал всё вник и сделал как надо большое спасибо)))

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *