Редактируем фон на блоге WordPress
Вы уже знаете, что внешний вид блога на WordPress можно изменить самыми разными способами, и что эти изменения производятся на самом деле в кодах PHP файлов, находящихся в папке активной темы дизайна на блоге.
Посмотрите теперь на Ваш блог критическим взглядом. Скоро на нем многое будет по-другому, потому что в принципе, Вы на своем блоге WordPress можете изменить все, что захотите. Конечно, только нужно знать, как это сделать.
В административной панели
Зайдите в административную панель во Внешний вид — Редактор. Вы уже знаете, за что отвечают многие из шаблонов, но теперь Вас будут интересовать не шаблоны, а то, что находится под ними: Стили. Точнее, один раздел из них, который называется Список стилей.
Соответствует этому списку файл style.css. Этот файл находится на блоге в папке активной темы. Вы его всегда там сможете найти.
В браузере
Просто откройте в браузере свой блог. У большинства браузеров есть хорошая функция: Вы можете нажать на любую область на блоге правой клавишей мыши, и выбрать из списка операций Просмотр кода элемента. Внизу появляется окно, в котором Вы можете найти интересную информацию об элементе, на который Вы нажимали.
В этом окне слева Вы увидите код страницы, и в этом коде будет выделена строка. соответствующая данному элементу. А справа, в стилях, будут свойства этого элемента.
Размер шрифта, отступы, цвет текста и фона, выравнивание: все это находится в стилях, и все это можно изменить.
Меняем цвет фона
На блоге WordPress лично мне не нравится, когда фон статей и фон всего остального разный. В этом случае статьи в ленте идут отдельными блоками и, на мой взгляд, не очень хорошо смотрятся. Мы сделаем фон везде такой же, какой сейчас фон статьи. Нажимаем на фон, который мы хотим изменить, правой клавишей мыши, выбираем Просмотр кода элемента. Нас в той строке, которая будет выделена в результате справа, будет интересовать название атрибута class. Стили прописываются именно по классам.
В данном случае class = art-layout-cell Это означает, что в стилях, в файле style.css, тоже будет такой класс, и в нем уже будут прописаны свойства. Только выглядеть это будет по-другому, а именно:
.art-layout-cell, а дальше в фигурных скобках будут прописаны свойства этого класса.
Находим класс с таким название в файле style.css. Воспользуемся функцией поиска Ctrl+F, и пропишем в окошке поиска название: art-layout-cell. Мы сразу увидим фон:
background-color: Transparent. Transparent означает прозрачный.
А теперь, какой же все-таки цвет нам нужен? Где взять цвет фона наших статей? На этот раз мы воспользуемся программой FSCapture. В ней. помимо всего прочего, среди набора инструментов можно найти пипетку, которая определяет цвет любого участка на экране Вашего монитора. Очень полезный инструмент!
Открываете программу FSCapture, заходите в Настройки, и выбираете инструмент Экранная пипетка. Нажимаете на нужную область на экране. В окошке Hex Вы увидите код нужного Вам цвета: D2E8EE
Его Вы вставляете в стиль art-layout-cell вместо слова Transparent.
Смотрите, что получилось. Еще остается много работы, но начало уже положено.
Видео о том. как редактировать фон на блоге WordPress
Более подробные сведения Вы можете получить в разделах "Все курсы" и "Полезности", в которые можно перейти через верхнее меню сайта. В этих разделах статьи сгруппированы по тематикам в блоки, содержащие максимально развернутую (насколько это было возможно) информацию по различным темам.
Также Вы можете подписаться на блог, и узнавать о всех новых статьях.
Это не займет много времени. Просто нажмите на ссылку ниже:
Подписаться на блог: Дорога к Бизнесу за Компьютером
Вам понравилась статья? Поделитесь, буду весьма признателен:
Также приглашаю добавиться в друзья в социальных сетях:
Молодец,Александр.Очередная полезная статья.Что мне в вас нравится,последовательность во всем.Если вы взяли тему о блоге,вы и выдаете «на гора» все ,что касается этой темы.Меня лично интересует в данный момент "начинка " блога,поэтому имею повышенный интерес к вашим последним статьям.Хорошо бы еще о плагинах дождаться,о формах подписок в боковых колонках блога,о связи блога ссоц.сетями и т д.Удачи!Спасибо за труды ваши!
Очень понравилась статья, статья как раз для меня, давно хочу изменить дизайн сайта, но некогда разбираться в кодах, так что ОГРОМЕННОЕ спасибо за статью. Единственное, что уточню, когда выбираем цвет фона нужно ориентироваться на безопасную таблицу цветов (есть спец.таблица для использования цветов в Интернете)
Умные советы всегда пригодятся.
А для блогостроения нужны именно такие, дельные и помогающие улучшить наши сайты.
Эту страницу обязательно в закладки!
Как всегда понятно и доступно, Александр, без лишней воды и отступлений. Со стилями я практически не знакома, потому Ваш пост очень кстати. Спасибо!
Таким образом даже бесплатный шаблон станет более уникальным, что очень понравится поисковикам. Хороший урок и понятный!
Узнала много интересного. Хочу немного изменить свой сайт. Но боюсь. Вы пишите так понятно и легко. Теперь я думаю справлюсь.
А до меня пока не дошло, завтра приду к вам опять разбираться, мне нужно кое что подкорректировать.
Мне, честно говоря, тоже показалось, что это уже «высший пилотаж», но интересно чрезвычайно! Спасибо!
Да уж очень интересно написана статья о том как редактировать фон на блоге WordPress. Все понятно, с фотографиями и примерами, даже у меня получилось. Спасибо, очень нужная статья, особенно для новичков в HTML и CSS.
Спасибо за отличную статью . Нужные вещи я нахожу у Вас на сайте . Надо потихонечку поэкспериментировать .
Очень полезная статья! Я раньше думал что фон можно менять только в артистере заранее, теперь буду знать!
Спасибо, то,что мне надо, так необходимо поменять мужу фон на сайте, чтобы был в фирменном стиле.
Оставьте свой комментарий и ответный визит Вам обеспечен
Выберите рубрику
Успех и личностный рост
Компьютерная Азбука
Бизнес в Интернете
Продвижение сайтов
Инвестиции
Бизнес на земле
Интересно
Подписка на pro444.ru
Что у нас
часто ищут
Бесплатные сервисы
Последние комментарии
Самое комментируемое
Последние статьи