Главная » Бизнес в Интернете

Меняем картинку и цвет фона на блоге

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

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

Меняем картинку и цвет фона блога

Открываем наш блог WordPress, и правой клавишей мыши нажимаем по этому зеленому цвету, который нам так не нравится. В списке выбираем Просмотр кода элемента. Зеленый цвет мы сразу не нашли, значит, ищем его, нажимая на строчки с кодом рядом. Нажав на одну из строк, в свойствах находим этот зеленый цвет. Узнаем, что данный цвет относится к элементу body.

административная панель блогаТеперь идем в административную панель блога. а в ней заходим во Внешний вид — Редактор. Выбираем Список стилей.

свойства элемента блога WordPressС блога копируем код цвета, в административной панели вызываем поиск с помощью клавиш Ctrl+F, и вставляем в окошко поиска этот код. Таким образом, мы находим этот цвет, уже в административной панели, и можем теперь убедиться, что действительно, этот цвет прописан в свойствах элемента body.

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

Картинка фона, если она есть, имеет приоритет над цветом. Она находится там же. в свойствах элемента body. Мы можем поставить свою картинку.

Чтобы изменить картинку. посмотрим ее адрес, и затем зайдем с помощью программы Total Commander на хостинг. В данном случае мы заходим в папку блога, и далее в папку wp-content, в папку themes, далее в папку активной темы, и в папку картинок images.

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


фон блога WordPress

Точно также мы можем изменить любые картинки любого элемента блога WordPress. Достаточно только понять, где они находятся, и заменить на свои.

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

Видео о том, как изменить картинку и цвет фона на блоге


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

Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
    Подписаться на блог: Дорога к Бизнесу за Компьютером

Вам понравилась статья? Поделитесь, буду весьма признателен:


Также приглашаю добавиться в друзья в социальных сетях:

<< Предыдущая статья Следующая статья >>
Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:  

21 комментарий »

  • Раиса пишет:

    А картинки которые мы скачиваем с интернета, можно изменить? Или это вопрос не по теме?

  • Александр Ризун (автор) пишет:

    Раиса, как и любую другую картинку.

  • Лариса пишет:

    Я не совсем поняла как заменить картинку.

  • Александр Ризун (автор) пишет:

    Если сильно сложно — придется убрать статью.

  • Александр пишет:

    Да нет не сложно, просто сразу нужно пробовать.

  • Александр Ризун (автор) пишет:

    Спасибо, Александр!

  • Анна пишет:

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

  • Константин пишет:

    Чем больше читаю ваш цикл статей по управлению внешним видом сайта на WordPress, тем больше убеждаюсь в удивительной гибкости этого движка! Спасибо за очень интересные и полезные материалы!

  • mrs. interesno пишет:

    Замечательно, скоро с вашей помощью будем лучшими верстальщиками блогов. :)

  • Vasili70 пишет:

    Александр, Вы — отлично разбираетесь в коде. Думаю, что с Аштимель и Сиэсэс — Вы так же — на «ты»... А вот лично мне технические проблемы даются нелегко. Вот последняя проблема: для внесения изменений в сайтбары блога, приходится временно отключать плагин «Супер Кэш» (иначе внесенные изменения — не отражаются на сайте), что очень неудобно и отнимает порядком времени. Не знаете как решить этот вопрос?

  • Татьяна пишет:

    Спасибо! Будем учиться!

  • Александр Ризун (автор) пишет:

    Василий, я пока SuperCash вообще не активирую. Думаю, что он не нужен, пока блог не тормозит из-за большой посещаемости. А к тому времени, когда на блог будут заходить по 1000 человек в день, все изменения, которые нужно будет сделать, будут сделаны, и SuperCash можно будет спокойно подключить. :)

  • Александр Ткаченко пишет:

    Спасибо Александр! Как всегда полезная и интересная информация. Думаю многим она пригодится!

  • Бурул пишет:

    Спасибо за информацию.Бывает что находишь классную тему,но картинка не подходит твоей тематике, теперь попытаюсь что-нибудь изменить.

  • Антонина пишет:

    Здравствуйте Александр ! Я совсем ничего не понимаю в сложных компьютерных программах, но о Вас много хороших отзывов, я очень сильно хочу с Вашей помощью осилить обучение. СПАСИБО !

  • анна пишет:

    Спасибо создателям сайта. У вас столько всего полезного нашла для себя.

  • Виктория пишет:

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

  • Марина Гай пишет:

    Очень интересная и полезная статья! А с видео она вообще стала бесценной!!!

  • Виктор пишет:

    Я поменял все как по инструкции, но у меня не поменялась рамка, только обновляешь страницу, как на доли секунды промаргивает моя картинка, а потом опять становиться картинка темы.

  • Александр Ризун (автор) пишет:

    Виктор, проделайте всю операцию еще раз. Картинку нужно ставить новую под тем же названием, вместо существующей, а в коде ничего изменять не нужно. Если Вы все сделаете правильно, результат однозначно будет.

  • Виктор пишет:

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

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

Оставьте свой комментарий и ответный визит Вам обеспечен