wordpress

WordPress 6: настройки цветов

С помощью настроек цвета в блоке можно задать цвет текста, цвет фона, цвет ссылок, параметры градиента и дуотоновые фильтры для вашего контента. Они разработаны для того, чтобы максимально упростить обновление цветов вашего блока.

Доступные настройки цвета зависят от темы и используемого блока.

Настройки цвета можно найти на боковой панели настроек блока в разделе ” Цвет“.

Если вы не видите боковую панель настроек блока, выберите блок, который хотите настроить, затем нажмите на значок настроек (шестеренку), который находится справа от кнопок Опубликовать или Обновить в редакторе WordPress.

В разделе ” Цвет” нажмите на меню с тремя точками (также известное как многоточие), чтобы изучить все настройки цвета, которые не видны по умолчанию. Обратите внимание, что не каждый блок поддерживает все цветовые настройки.

How to access colour controls for blocks

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

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

Цвета текста и фона

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

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

В редактор встроены тесты доступности, предупреждающие о том, что текст может стать трудночитаемым на фоне выбранного цвета фона, как показано ниже.

How to set background and text colours

В некоторых блоках вы найдете возможность изменить цвет ссылки.

How to set link colors
Working with gradient colours for backgrounds

Появится ползунок, который показывает две цветовые точки, составляющие градиент.

Color points in the gradient

Вы можете нажать на любую из двух цветовых точек, чтобы отобразить панель выбора цвета для изменения значения цвета. Вы можете либо выбрать цвет из палитры, либо ввести значения цвета в формате HEX, RGB или HSL.

При желании можно добавить дополнительные цветовые точки, нажав на значок +, который появляется при наведении курсора на ползунок градиента.

Gradient colours for blocks
Liner and Radial gradient options

Вы можете создать двухтоновый цветовой эффект (так называемый эффект дуотона) на изображениях, не изменяя исходное изображение

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

Чтобы начать работу, выберите значок фильтра Duotone на панели инструментов блока. Вы можете выбрать два цвета для эффекта из списка предустановок дуотона, представленного в выпадающем списке.

Вы также можете выбрать собственные цвета для теней и бликов, нажав на опцию Shadows /Highlights, которая откроет палитру цветов, а затем выбрав свой собственный цвет из палитры.

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

  • Социальные ссылки
  • Галерея
  • Календарь
  • Оглавление – недоступно в версии 6.1
  • Социальные ссылки
  • Кнопка
  • Аватар – только двухцветный
  • Код
  • Колонка/колонки
  • Аватар автора комментария – только фон
  • Имя автора комментария
  • Содержание комментария
  • Дата комментария
  • Ссылка для редактирования комментария
  • Комментарий Ответить Ссылка
  • Комментарии
  • Комментарии Пагинация
  • Комментарии Пагинация Следующая
  • Комментарии Пагинация Предыдущая
  • Комментарии Заголовок
  • Обложка – только двухцветная
  • Галерея – только фон
  • Группа
  • Заголовок
  • Изображение – только однотонное
  • Список
  • Медиа и текст
  • Навигация
  • Абзац
  • Автор поста
  • Биография автора поста
  • Имя автора поста
  • Подсчет комментариев к посту
  • Форма комментариев
  • Ссылка на пост Комментарии
  • Дата публикации
  • Post Excerpt
  • Post Featured Image – Duotone only
  • Post Navigation Link
  • Post Terms
  • Заголовок поста
  • Предварительно отформатированный
  • Pullquote
  • Запрос
  • Запрос без результатов
  • Пагинация запроса
  • Пагинация запроса Следующий
  • Пагинация запросов Числа
  • Пагинация запроса Предыдущая
  • Заголовок запроса
  • Цитата
  • Читать далее
  • Поиск
  • Сепаратор
  • Логотип сайта – только однотонный
  • Теглайн сайта
  • Заголовок сайта
  • Социальные ссылки
  • Таблица
  • Оглавление
  • Описание термина
  • Стих

Комментарии

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

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