Как изменить фон сайта (часть 2)?

Наверное,  каждый блоггер  хоть однажды  хотел  изменить фон сайта. Только как это сделать? Для опытных специалистов, этот вопрос, конечно, труда не составит, а вот новичкам  копаться в коде сайта и что-то менять бывает очень трудно. Найти в массе букв и закорючек нужное сочетание можно, если знать что искать и где искать.

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

Нет в моем шаблоне такого сочетания букв! Я уже пересмотрела все  коды не один раз, но ничего не нашла. Откуда мне знать, какие закорючки отвечают за картинки и фон сайта?  В разных шаблонах они разные. А сменить фон очень хочется

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

Следуя уроку, мне надо найти в коде темы сайта  фразу отвечающую за картинку фона. По уроку она должна выглядеть так background-image: url(images/fon.png). Такой фразы у меня в коде не было. Видимо, в каждой теме свои обозначения картинок и фона. Я зашла в панель управления сайтом на хостинге и стала искать там. Для этого прошла по этапам:

файловый менеджер –  папка с названием сайта (сайт.ru)   –   public.html   –   wp-content    –    themes  –   выбрала свою тему, установленную на сайте   –    images.

И здесь есть несколько файлов с картинками.  Я по-очереди открывала все картинки, пока не нашла то, что надо.

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

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

Теперь мне надо найти картинку фона в  коде  сайта и сменить на ту, которую я закачала на сервер.

Для этого  я отправилась в админ панель своего сайта на wordpress.  Открыла вкладки:  Внешний вид – Темы – Редактор  – Список стилей (style.css)  и стала искать название картинки, которая была фоном сайта. (Помните, я говорила, что  название надо запомнить).  В моей теме она оказалась  почти на самом верху окна

body {

background: ;

font-family: Tahoma;

font-size: 90%;

margin-top: 10px;

color: #2b2225;

background-image: url(images/babochki4.png);

Если сейчас удалить название фона, то, что подчеркнуто, и заменить на ту картинку, которую Вы закачали на сервер, то фон сайта изменится. Только удалять надо то, что подчеркнуто, а все остальное остается.

Если Вы заменили картинку фона, конечно,  сразу решите проверить, что получилось. Открываете сайт, а там все по-старому. Не пугайтесь! Просто Ваш браузер помнит еще неизмененный сайт и показывает его Вам. Надо выйти из этого браузера и просмотреть сайт на другом, например,  на Опере. Или можно обновить  браузер.

Все получилось, как надо?  Теперь можно старую картинку фона просто удалить, чтобы она не мешалась.

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

Все тонкости создания и управления сайтом в этом видео курсе.

От «чайника» до пользователя-эксперта — всего за 25 часов!

Желаю успехов!

10 Responses to Как изменить фон сайта (часть 2)?

  1. Татьяна, большое спасибо за подробные объяснения. Пользуясь ими, я за 10 мин изменил фон сайта. Все отлично получилось. Еще раз Вас благодарю. Удачи Вам в Ваших делах и успехов во всех начинаниях.
    С уважением Михаил

  2. Спасибо, Татьяна, что не оставили мою просьбу без ответа. Почитала, но делать нужно на свежую голову. Поэтому я еще вернусь :)

  3. Спасибо за приглашение на тренинг “Деньги за 7 дней”, но к сожалению я уже записана на него

  4. Интересная и неординарная информация, скоро она мне понадобится, главное не забыть, где я ее нашел, а для этого надо чаще ходить к друг- другу)))
    Благословений всем нам для нашей общей пользы и прибыльности!
    С уважением к вам и вашему делу, Олег Кмета, создатель и руководитель проекта ” Работа По Системе ”
    P.S. Помогать – выгодно. Делаем Бизнес Вместе

    • Олег, полностью согласна с Вами – надо почаще заходить друг к другу в гости. Так можно найти много полезного и интересного материала, получить помощь опытных людей. Я, кстати, многому учусь у Вас. Успехов Вам!

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

Оставить комментарий

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

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img src="" alt="" class="" width="" height="">