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

Редактируем фон на блоге WordPress

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

Посмотрите теперь на Ваш блог критическим взглядом. Скоро на нем многое будет по-другому, потому что в принципе, Вы на своем блоге WordPress можете изменить все, что захотите. Конечно, только нужно знать, как это сделать.

В административной панели

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

стили блога WordPressСоответствует этому списку файл style.css. Этот файл находится на блоге в папке активной темы. Вы его всегда там сможете найти.

В браузере

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

фон блогаВ этом окне слева Вы увидите код страницы, и в этом коде будет выделена строка. соответствующая данному элементу. А справа, в стилях, будут свойства этого элемента.

Размер шрифта, отступы, цвет текста и фона, выравнивание: все это находится в стилях, и все это можно изменить.

Меняем цвет фона

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

В данном случае class = art-layout-cell Это означает, что в стилях, в файле style.css, тоже будет такой класс, и в нем уже будут прописаны свойства. Только выглядеть это будет по-другому, а именно:

фон блога на WordPress.art-layout-cell, а дальше в фигурных скобках будут прописаны свойства этого класса.

Находим класс с таким название в файле style.css. Воспользуемся функцией поиска Ctrl+F, и пропишем в окошке поиска название:  art-layout-cell. Мы сразу увидим фон:


background-color: Transparent. Transparent означает прозрачный.

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

Открываете программу FSCapture, заходите в Настройки, и выбираете инструмент Экранная пипетка. Нажимаете на нужную область на экране. В окошке Hex Вы увидите код нужного Вам цвета: D2E8EEфон блога

Его Вы вставляете в стиль art-layout-cell вместо слова Transparent.

Смотрите, что получилось. Еще остается много работы, но начало уже положено.

Видео о том. как редактировать фон на блоге WordPress


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

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

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


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

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

12 комментариев »

  • zemfira пишет:

    Молодец,Александр.Очередная полезная статья.Что мне в вас нравится,последовательность во всем.Если вы взяли тему о блоге,вы и выдаете «на гора» все ,что касается этой темы.Меня лично интересует в данный момент "начинка " блога,поэтому имею повышенный интерес к вашим последним статьям.Хорошо бы еще о плагинах дождаться,о формах подписок в боковых колонках блога,о связи блога ссоц.сетями и т д.Удачи!Спасибо за труды ваши!

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

    Очень понравилась статья, статья как раз для меня, давно хочу изменить дизайн сайта, но некогда разбираться в кодах, так что ОГРОМЕННОЕ спасибо за статью. Единственное, что уточню, когда выбираем цвет фона нужно ориентироваться на безопасную таблицу цветов (есть спец.таблица для использования цветов в Интернете)

  • mrs. interesno пишет:

    Умные советы всегда пригодятся.

    А для блогостроения нужны именно такие, дельные и помогающие улучшить наши сайты.

    Эту страницу обязательно в закладки!

  • Анна пишет:

    Как всегда понятно и доступно, Александр, без лишней воды и отступлений. Со стилями я практически не знакома, потому Ваш пост очень кстати. Спасибо!

  • Олег пишет:

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

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

    Узнала много интересного. Хочу немного изменить свой сайт. Но боюсь. Вы пишите так понятно и легко. Теперь я думаю справлюсь.

  • Дина пишет:

    А до меня пока не дошло, завтра приду к вам опять разбираться, мне нужно кое что подкорректировать.

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

    Мне, честно говоря, тоже показалось, что это уже «высший пилотаж», но интересно чрезвычайно! Спасибо!

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

    Да уж очень интересно написана статья о том как редактировать фон на блоге WordPress. Все понятно, с фотографиями и примерами, даже у меня получилось. Спасибо, очень нужная статья, особенно для новичков в HTML и CSS.

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

    Спасибо за отличную статью . Нужные вещи я нахожу у Вас на сайте . Надо потихонечку поэкспериментировать .

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

    Очень полезная статья! Я раньше думал что фон можно менять только в артистере заранее, теперь буду знать!

  • Anastasia пишет:

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

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