Как поменять цвета на сайте WordPress

Как поменять цвета на сайте WordPress

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

 

В админ панели WordPress, в меню слева перейдите на страницу: Плагины – Добавить новый.

Найдите и установите на свой сайт плагин SiteOrigin CSS.

 

Перейдите на страницу плагина: Внешний вид – Пользовательский CSS.

 

На странице плагина, вверху справа нажмите на значок в виде глазика.

 

У вас откроется редактор сайта.

Наведите курсор мыши на элемент на сайте, который хотите изменить и нажмите по нему.

Здесь можно изменить Цвет текста на вкладке Текст.

Нажмите по полю и выберите нужный цвет.

 

На вкладке Оформление можно менять Цвет фона.

 

Когда выберите цвет, нажмите вверху справа на кнопку с галочкой.

 

На странице плагина появятся готовые CSS стили.

Скопируйте их.

Не рекомендую сохранять их на странице плагина.

 

Перейдите на страницу: Внешний вид – Настроить.

 

Откройте вкладку Дополнительные стили и вставьте туда CSS стили, которые сгенерировал плагин.

Сохраните изменения.

 

Есть ещё один способ менять цвета.

Правой кнопкой мыши нажмите по элементу на сайте, который хотите изменить.

В открывшемся окне нажмите на вкладку Исследовать элемент.

 

Справа откроется окно браузера.

Скопируйте CSS стили этого элемента, где указан html код его цвета.

Вставьте весь этот CSS код в Дополнительный стили на вордпресс.

Затем замените код цвета на нужный вам цвет.

 

Если у вас остались вопросы, напишите комментарий

 

info-effect.ru
Добавить комментарий

Имя и Email указывать не обязательно. Чтобы получить ответ на свою электронную почту, укажите свой Email.

  1. Михаил

    не получается.pixie, видимо, не определяет цвет НАДПИСИ в подвале.
    хотя всё было сделано по инструкции
    вот сайт regionsporta.info
    спасибо

    Ответить
    1. Admin автор

      Можно всё проще сделать. Вариант 1 – плагин SiteOrigin CSS. Вариант 2 – плагин Simple Custom CSS.

      Ответить
      1. Александ

        никак не могу поменять цвет в SideBare темы Alpha Store, все меняется кроме списка товаров вукомерс. они красные ни кодом ни плагином поменять цвет не могу.

        Ответить
      2. Илья

        А дальше, после установки как использовать?

        Ответить
      3. Илья

        А дальше, после установки как менять цвет того или иного раздела?

        Ответить
        1. Admin автор

          Если вы в код не хотите лезть, можно использовать плагин SiteOrigin CSS. Также можно вручную менять стили, вот здесь показывал как.

          Ответить
        2. Admin автор

          Новые стили обязательно переносите сюда: Внешний вид – Настроить – Дополнительные стили. Так они быстрее и адекватней грузятся.

          Ответить
  2. Михаил

    ок. спасибо

    Ответить
  3. Владимир

    А как быть с цветом, который задаётся в программном коде?! Ведь при этом таблица стилей игнорируется. К примеру, в теме twenty sixteen необходимо изменить цвет шрифта заголовка сайта. В таблице стилей Вы его не найдёте…

    Ответить
    1. Admin автор

      Добрый день. Изменить цвет заголовка очень просто. Может помочь плагин SiteOrigin CSS. Либо можно вручную изменить любые CSS стили сайта, здесь показывал.

      Ответить
  4. Сергей

    Добрый день!

    Всё понятно, только не понятно как найти прозрачный цвет контента?

    Ставлю фон а контент прозрачный, где изменить цвет контента?

    Ответить
    1. Admin автор

      Добрый день. В стилях сайта, файл stile.css, либо жмите правой кнопкой мыши по контенту, в открывшемся окне жмите Посмотреть код элемента. Справа откроется редактор кода. Там должны отображаться эти стили. Может ещё помочь плагин SiteOrigin CSS.

      Ответить
  5. Сергей

    Вот хотелось бы в файле stile.css найти поле где изменить цвет, был бы хоть цвет какой то стоит прозрачный, найти не могу где отредактировать.

    Посмотреть код: Вот что показывает “element.style {}”

    Спасибо!

    Ответить
    1. Admin автор

      Где именно на сайте хотите цвет изменить?

      Ответить
  6. Владимир

    А как изменить цвет вот этой, например, надписи © 2020 info-effect.ru Вашего сайта? Часто эта надпись, почему-то, невзрачного цвета, раздражает.

    Ответить
    1. Admin автор

      Вам поможет плагин SiteOrigin CSS, с помощью него проще всего изменить.

      Ответить
      1. Владимир

        Большое спасибо

        Ответить
  7. Анна

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

    Ответить
    1. Admin автор

      Где на сайте этот цвет отображается? Дайте ссылку на сайт, я посмотрю

      Ответить