Меняем картинку и цвет фона на блоге
Продолжаем редактировать нашу тему на блоге WordPress. Мы уже научились изменять фон блога, но, естественно, только фоном мы не ограничимся, а будем переделывать дизайн блога по своему вкусу дальше. Впереди нас ждут большие изменения.
В прошлый раз мы изменили цвет фона сайдбара, но зеленая окантовка по краям осталась, и ее тоже неплохо было бы изменить.
Меняем картинку и цвет фона блога
Открываем наш блог WordPress, и правой клавишей мыши нажимаем по этому зеленому цвету, который нам так не нравится. В списке выбираем Просмотр кода элемента. Зеленый цвет мы сразу не нашли, значит, ищем его, нажимая на строчки с кодом рядом. Нажав на одну из строк, в свойствах находим этот зеленый цвет. Узнаем, что данный цвет относится к элементу body.
Теперь идем в административную панель блога. а в ней заходим во Внешний вид — Редактор. Выбираем Список стилей.
С блога копируем код цвета, в административной панели вызываем поиск с помощью клавиш Ctrl+F, и вставляем в окошко поиска этот код. Таким образом, мы находим этот цвет, уже в административной панели, и можем теперь убедиться, что действительно, этот цвет прописан в свойствах элемента body.
Код цвета мы можем изменить, но тут есть один нюанс: если мы изменим его, на блоге ничего не изменится. И это потому, что на самом деле фон в данном случае определяется не цветом, а картинкой.
Картинка фона, если она есть, имеет приоритет над цветом. Она находится там же. в свойствах элемента body. Мы можем поставить свою картинку.
Чтобы изменить картинку. посмотрим ее адрес, и затем зайдем с помощью программы Total Commander на хостинг. В данном случае мы заходим в папку блога, и далее в папку wp-content, в папку themes, далее в папку активной темы, и в папку картинок images.
Находим нужную картинку, и копируем ее себе на компьютер. Теперь мы можем ее изменить, например, с помощью фотошопа, а потом поставить назад, а можем поставить совсем другую, с таким же названием.
Точно также мы можем изменить любые картинки любого элемента блога WordPress. Достаточно только понять, где они находятся, и заменить на свои.
Цвет фона на блоге, о котором мы упоминали вначале, тоже стоит изменить таким образом, чтобы его тональность совпадала с тональностью картинки. Потому что в тех случаях, когда у пользователя в браузере картинки не отражаются, будет виден именно цвет. Поэтому в административной панели в редактировании списка стилей меняем код цвета на нужный, и сохраняем изменения.
Видео о том, как изменить картинку и цвет фона на блоге
Более подробные сведения Вы можете получить в разделах "Все курсы" и "Полезности", в которые можно перейти через верхнее меню сайта. В этих разделах статьи сгруппированы по тематикам в блоки, содержащие максимально развернутую (насколько это было возможно) информацию по различным темам.
Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
Подписаться на блог: Дорога к Бизнесу за Компьютером
Вам понравилась статья? Поделитесь, буду весьма признателен:
Также приглашаю добавиться в друзья в социальных сетях:
Следующая статья >>
А картинки которые мы скачиваем с интернета, можно изменить? Или это вопрос не по теме?
Я не совсем поняла как заменить картинку.
Да нет не сложно, просто сразу нужно пробовать.
Мне все понятно, правда я с не использую Тотал командер, потому что не умею, а через внутренний файлообменник на хостинге вполне можно осуществить. Спасибо за урок.
Чем больше читаю ваш цикл статей по управлению внешним видом сайта на WordPress, тем больше убеждаюсь в удивительной гибкости этого движка! Спасибо за очень интересные и полезные материалы!
Замечательно, скоро с вашей помощью будем лучшими верстальщиками блогов.
Александр, Вы — отлично разбираетесь в коде. Думаю, что с Аштимель и Сиэсэс — Вы так же — на «ты»... А вот лично мне технические проблемы даются нелегко. Вот последняя проблема: для внесения изменений в сайтбары блога, приходится временно отключать плагин «Супер Кэш» (иначе внесенные изменения — не отражаются на сайте), что очень неудобно и отнимает порядком времени. Не знаете как решить этот вопрос?
Спасибо! Будем учиться!
Спасибо Александр! Как всегда полезная и интересная информация. Думаю многим она пригодится!
Спасибо за информацию.Бывает что находишь классную тему,но картинка не подходит твоей тематике, теперь попытаюсь что-нибудь изменить.
Здравствуйте Александр ! Я совсем ничего не понимаю в сложных компьютерных программах, но о Вас много хороших отзывов, я очень сильно хочу с Вашей помощью осилить обучение. СПАСИБО !
Спасибо создателям сайта. У вас столько всего полезного нашла для себя.
Спасибо Александр за интересные и полезные советы по изменению картинки и цвета фона на блоге. Сама когда-то пробовала изменять фон именно картинкой, там не все так просто, картинка то любая подойдет, но нужно опытным путем ее размеры подбирать (уменьшать), иначе будет не очень хорошо смотреться.
Очень интересная и полезная статья! А с видео она вообще стала бесценной!!!
Я поменял все как по инструкции, но у меня не поменялась рамка, только обновляешь страницу, как на доли секунды промаргивает моя картинка, а потом опять становиться картинка темы.
Попробовал на другой теме, которые по умолчанию, там все просто, выбрал картинку — загрузил и вуаля! Может тема моя косячная была? Потому как все файлы были поменяны, на них наводишь мое изображение показывает, а на сайте не меняется...Пока оставил стандартную тему и на ней меняю.
Теперь вот ширину рамки разобраться как поменять, и вообще размеры областей менять надо разобраться.
Выберите рубрику
Успех и личностный рост
Компьютерная Азбука
Бизнес в Интернете
Продвижение сайтов
Инвестиции
Бизнес на земле
Интересно
Подписка на pro444.ru
Что у нас
часто ищут
Бесплатные сервисы
Последние комментарии
Самое комментируемое
Последние статьи