Как изменить цвет темы в Вордпресс

Как изменить цвет темы в Вордпресс. Стили css.Сегодня мы постараемся ответить на вопрос,  как изменить цвет темы в Вордпресс. Рано и поздно наступает момент, когда хочется  изменить отдельные элементы темы сайта или заменить тему полностью. Однако даже новая тема, которая нас устраивает на первый взгляд, требует корректировки некоторых цветовых элементов.

Как это можно сделать? Оказывается, это вполне реально, когда тема уже скачана и активирована.  Эта корректировка, ни в коем случае не зависит от установленной темы в  Wordpress. Итак, приступим.

Просмотр кода страницы

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

При просмотре кода страницы, открывается вся информация с различными кодами.

Как изменить цвет темы в Вордпресс. Код страницы.

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

Например, нам не нравиться цвет заголовка статьи, и мы хотим его поменять. Для этого, устанавливаем бегунок мышки на название статьи,  нажимаем правую клавишу мышки, и далее — просмотреть код.

Стили CSS

Справа открывается раздел стилей css. Находим стиль записи, который отвечает за черный цвет названия статьи, это  в данном случае stely.css-585.  Открываем его, нажав левой клавишей мыши.

kak_izmenit_cvet_temy_v_vordpress_straniza

Находим мерцающий бегунок напротив строки —  entry-title a:link, копируем эту запись.

Как изменить цвет темы в Вордпресс, Темы Вордпресс.

Таблица стилей CSS

Далее, заходим в редактор внешней записи консоли WordPress. Мы оказались в таблице стилей stely.css.

Как изменить цвет темы в Вордпресс. Цвет темы.

Для облегчения розыска нашей скопированной записи, нажимаем сочетание клавиш Ctrl+F, и вставляем ранее сохраненную строку  — entry-title a:link. После этого, высвечивается оранжевым цветом разыскиваемая запись.

Чуть ниже, в строке color, необходимо заменить код записи черного цвета — 000000. Где же можно найти коды цветов?

Таблица HTML цветов

Как изменить цвет темы в Вордпресс. Таблица HTML.

В поисковой строке браузера набираем — цвета HTML, и находим таблицу цветов.В таблице цветов выбираем нужный цвет, копируем его  код, например 00FF7F, и вместо кода 000000, вставляем его в таблице стилей stely.css редактора внешнего вида, обновляем файл.

Как изменить цвет темы в Вордпресс. Код цвета темы.

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

Как изменить цвет темы в Вордпресс. Замена цвета темы.

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

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

С уважением, Михаил Сойкин.

Спасибо, что поделились статьей в социальных сетях!

Запись опубликована в рубрике Вордпресс. Добавьте в закладки постоянную ссылку.

Добавить комментарий

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