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

Такие функции, как наступающий блок-система на основе виджетов , редактор шаблонов , темы , связанные с блоками , и другими заняли большую часть внимания в последнее время . Тем не менее, один из лучших ориентированных на пользователя инструментов, поставляемых с WordPress 5.8, – это двухцветный фильтр для блоков изображений и обложек.

Термин «двухцветный» в этом смысле означает объединение двух цветов в качестве фильтра. Затем наложите его на изображение или видео. В частности, один цвет используется для теней (темные элементы), а второй цвет используется для светлых участков (светлые цвета).

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

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

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

Как и многие другие функции, ожидающие пользователей с WordPress 5.8, авторы тем – это те, кому нужно вникнуть, чтобы предложить ряд готовых вариантов для пользователей. Конфигурация файла JSON новой темы позволяет разработчикам определять набор двухцветных цветов, соответствующих их теме.

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

Пользователи не ограничены фильтрами, которые предлагает WordPress или их темы. Двухцветное всплывающее окно позволяет им выбирать из любого диапазона цветов для настраиваемых теней и светов.

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

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

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

Дуотон – это лишь верхушка айсберга. Есть так много других возможностей, помимо простого наложения пары цветов поверх изображения. Бенце Сабо написал обширное руководство по использованию SVG-фильтров для шаблонов на CSS-Tricks. Это может быть путь к вариантам фона в будущем – кому-нибудь? Возможно, не все возможности подходят для ядра WordPress, но мне бы хотелось, чтобы авторы плагинов попробовали некоторые альтернативы.