У многих блоков в редакторе WordPress есть настройки цвета, которые определяют цвета содержимого страницы. В этом руководстве рассказывается, как их использовать.
В этом руководстве
Настройки цвета доступны для следующих элементов:
- стили ― изменение цветов, используемых на всем сайте;
- блоки ― изменение цветов конкретных элементов.
Если нажать на блок, на боковой панели справа появятся дополнительные настройки блока. Если боковая панель не отображается, чтобы открыть настройки, нужно нажать значок Настройки в правом верхнем углу экрана. Этот значок похож на квадрат, разделённый на две неравные колонки:
![Значок настроек в редакторе на чёрном фоне со всплывающей подсказкой "Настройки" под ним.](https://en-support.files.wordpress.com/2022/12/settings-option.png?w=676)
В открывшемся окне вы сразу увидите настройки цветов. У некоторых блоков настройки цветов находятся на вкладке Стили. На изображении справа блок «Колонки» с настройками цветов на вкладке Стили, которая открывается нажатием на значок круга.
Обратите внимание, что не у всех блоков есть настройки цветов. Набор настроек цвета зависит от темы и типа блока.
![Настройки блока "Колонки", где цвета находятся на вкладке "Стили".](https://en-support.files.wordpress.com/2023/06/column-block-color-settings.png?w=556)
С помощью палитры можно выбрать цвет для различных элементов блока, например текста, фона и ссылок. Щёлкните разделы в указанном порядке, описанном ниже:
![Выбор пользовательского цвета для текста и ссылок в редакторе блоков с помощью палитры.](https://en-support.files.wordpress.com/2022/09/comments-block-text-color-settings.png?w=1024)
- Щёлкните цветной круг, чтобы открыть палитру.
- Щёлкните любой из цветных кружков, чтобы выбрать существующий цвет на палитре. Выбрать цвета для этого раздела можно в разделе Стили.
- Щёлкните по полю, чтобы выбрать пользовательский цвет.
- Если вы знаете нужный код пользовательского цвета, вставьте его в поле. Код автоматически обновится, если вы выберете другой цвет с помощью любого из инструментов выше.
- Щёлкните значок раскрывающегося списка, чтобы выбрать другой цветовой профиль. Доступны следующие варианты:
Hex
,RGB
иHSL
. - Нажмите круглый бегунок и двигайте его влево и вправо, чтобы настроить прозрачность выбранного цвета.
- Нажмите круглый бегунок и двигайте его влево и вправо, чтобы выбрать другой цвет.
- Нажмите круглый бегунок и двигайте его в любом направлении по цветной области, чтобы выбрать оттенок текущего цвета.
- Щёлкните, чтобы скопировать код цвета в буфер.
- Щёлкните три точки и нажмите Сбросить, чтобы отменить выбор цвета. Будут восстановлены цвета темы по умолчанию.
Чтобы отменить выбор цвета, нажмите кнопку Очистить в правом нижнем углу области выбора цвета.
Можно выбрать два и более цвета, чтобы создать плавный переход между ними. Щёлкните разделы в указанном порядке, описанном ниже:
![Выбор пользовательского цвета для фона в редакторе блоков с помощью палитры.](https://en-support.files.wordpress.com/2022/09/comments-block-background-color-settings.png?w=1024)
- Щёлкните цветной круг, чтобы открыть палитру.
- Щёлкните, чтобы выбрать сплошной цвет для фона. Порядок действий тот же, что при выборе цвета текста и ссылок, описанном выше.
- Щёлкните, чтобы настроить градиент для фона.
- Щёлкните любой из цветных кружков, чтобы выбрать существующий градиент на палитре. Изменить цвета для этого раздела можно в Стилях.
- Щёлкните любой кружок в цветной области, чтобы выбрать пользовательский цвет для градиента. Вы также можете щёлкнуть в любом месте области, чтобы добавить дополнительные цвета.
- Нажмите значок раскрывающегося списка, чтобы выбрать тип градиента. Доступные варианты:
линейный
ирадиальный
:- линейный создает переход между двумя цветами по прямой линии;
- радиальный берет начало в центре и распространяется к краям.
- В поле задайте пользовательское значение угла градиента. Эта настройка доступна, только если выбран
линейный
тип градиента. - Щёлкните и перетаскивайте небольшую цветную точку в круге, чтобы настроить угол градиента. Значение, указанное в поле Угол, о котором говорилось в пункте 7 выше, изменится автоматически.
Чтобы отменить выбор цвета, нажмите кнопку Очистить в правом нижнем углу области выбора цвета.
Двухцветный фильтр ― это эффект окрашивания в два цвета, который можно применить к таким блокам изображений, как Изображение и Обложка. Это как чёрно-белые фотографии, но с любой парой цветов.
Нажмите кнопку Двухцветный фильтр на панели инструментов или в настройках блока, затем выберите один из предложенных вариантов или задайте собственные цвета:
![Выберите изображение в формате gif в редакторе и примените к нему различные двухцветные фильтры, чтобы увидеть, как оно будет выглядеть.](https://en-support.files.wordpress.com/2021/06/imageblock_duotone.gif)
Чтобы задать собственные цвета, используйте точки на панелях цветов:
![Снимок экрана, на котором показано, где нужно щёлкнуть в настройках двухцветного фильтра, чтобы задать пользовательский цвет на панели цветов.](https://en-support.files.wordpress.com/2021/06/imageblock_duotoneselect.png?w=1024)
Чтобы удалить двухцветный фильтр, нажмите кнопку Очистить в правом нижнем углу области выбора цвета.