Вернуться на страницу поддержки Содержимое и медиафайлы Блоки Настройки цвета

Настройки цвета

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

Переход к настройкам цвета

Настройки цвета доступны для следующих элементов:

Если нажать на блок, на боковой панели справа появятся дополнительные настройки блока. Если боковая панель не отображается, чтобы открыть настройки, нужно нажать значок Настройки в правом верхнем углу экрана. Этот значок похож на квадрат, разделённый на две неравные колонки:

Значок настроек в редакторе на чёрном фоне со всплывающей подсказкой "Настройки" под ним.
Щёлкните значок «Настройки», чтобы открыть настройки блока.

В открывшемся окне вы сразу увидите настройки цветов. У некоторых блоков настройки цветов находятся на вкладке Стили. На изображении справа блок «Колонки» с настройками цветов на вкладке Стили, которая открывается нажатием на значок круга.

Обратите внимание, что не у всех блоков есть настройки цветов. Набор настроек цвета зависит от темы и типа блока.

Настройки блока "Колонки", где цвета находятся на вкладке "Стили".
Пример настроек цветов в блоке «Колонки»

Выбор сплошного цвета

С помощью палитры можно выбрать цвет для различных элементов блока, например текста, фона и ссылок. Щёлкните разделы в указанном порядке, описанном ниже:

Выбор пользовательского цвета для текста и ссылок в редакторе блоков с помощью палитры.
  1. Щёлкните цветной круг, чтобы открыть палитру.
  2. Щёлкните любой из цветных кружков, чтобы выбрать существующий цвет на палитре. Выбрать цвета для этого раздела можно в разделе Стили.
  3. Щёлкните по полю, чтобы выбрать пользовательский цвет.
  4. Если вы знаете нужный код пользовательского цвета, вставьте его в поле. Код автоматически обновится, если вы выберете другой цвет с помощью любого из инструментов выше.
  5. Щёлкните значок раскрывающегося списка, чтобы выбрать другой цветовой профиль. Доступны следующие варианты: Hex, RGB и HSL.
  6. Нажмите круглый бегунок и двигайте его влево и вправо, чтобы настроить прозрачность выбранного цвета.
  7. Нажмите круглый бегунок и двигайте его влево и вправо, чтобы выбрать другой цвет.
  8. Нажмите круглый бегунок и двигайте его в любом направлении по цветной области, чтобы выбрать оттенок текущего цвета.
  9. Щёлкните, чтобы скопировать код цвета в буфер.
  10. Щёлкните три точки и нажмите Сбросить, чтобы отменить выбор цвета. Будут восстановлены цвета темы по умолчанию.

Чтобы отменить выбор цвета, нажмите кнопку Очистить в правом нижнем углу области выбора цвета.

Выбор градиента

Можно выбрать два и более цвета, чтобы создать плавный переход между ними. Щёлкните разделы в указанном порядке, описанном ниже:

Выбор пользовательского цвета для фона в редакторе блоков с помощью палитры.
  1. Щёлкните цветной круг, чтобы открыть палитру.
  2. Щёлкните, чтобы выбрать сплошной цвет для фона. Порядок действий тот же, что при выборе цвета текста и ссылок, описанном выше.
  3. Щёлкните, чтобы настроить градиент для фона.
  4. Щёлкните любой из цветных кружков, чтобы выбрать существующий градиент на палитре. Изменить цвета для этого раздела можно в Стилях.
  5. Щёлкните любой кружок в цветной области, чтобы выбрать пользовательский цвет для градиента. Вы также можете щёлкнуть в любом месте области, чтобы добавить дополнительные цвета.
  6. Нажмите значок раскрывающегося списка, чтобы выбрать тип градиента. Доступные варианты: линейный и радиальный:
    • линейный создает переход между двумя цветами по прямой линии;
    • радиальный берет начало в центре и распространяется к краям.
  7. В поле задайте пользовательское значение угла градиента. Эта настройка доступна, только если выбран линейный тип градиента.
  8. Щёлкните и перетаскивайте небольшую цветную точку в круге, чтобы настроить угол градиента. Значение, указанное в поле Угол, о котором говорилось в пункте 7 выше, изменится автоматически.

Чтобы отменить выбор цвета, нажмите кнопку Очистить в правом нижнем углу области выбора цвета.

Выбор двухцветного фильтра

Двухцветный фильтр ― это эффект окрашивания в два цвета, который можно применить к таким блокам изображений, как Изображение и Обложка. Это как чёрно-белые фотографии, но с любой парой цветов. 

Нажмите кнопку Двухцветный фильтр на панели инструментов или в настройках блока, затем выберите один из предложенных вариантов или задайте собственные цвета:

Выберите изображение в формате gif в редакторе и примените к нему различные двухцветные фильтры, чтобы увидеть, как оно будет выглядеть.

Чтобы задать собственные цвета, используйте точки на панелях цветов:

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

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

Copied to clipboard!