Добавление блоков с анимированным фоном с помощью последнего плагина WebArea

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

Например, в случае с последним плагином WebArea, Background Animation Blocks . Это набор из шести блоков с разными анимационными эффектами.

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

Блок Звезды имеет размер, масштаб и настройку цвета для фонового эффекта. Каждый из других блоков имеет уникальные параметры в зависимости от того, что он делает. Некоторые из них, например «Пузыри» и «Градиент», позволяют конечному пользователю управлять скоростью анимации. У других есть несколько входов цвета.

Всего плагин предоставляет шесть отдельных блоков с уникальными анимационными эффектами для фона. По сути, они ведут себя как блок Group, выступая в качестве простого контейнера.

Каждый из блоков поддерживает как широкое, так и полное выравнивание. Они позволяют пользователям управлять цветом текста и фона. И любой другой блок может быть помещен внутрь них, как и следовало ожидать от основных блоков Group или Container.

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

У подхода разработчика плагина есть некоторые недостатки. Анимированные фоны можно было прикрепить к существующим блокам Group или Cover для WordPress, по сути, как расширение настроек. Альтернативным путем могло бы стать создание единого блока «Анимированный контейнер», позволяющего пользователю выбирать конкретный фоновый эффект. С помощью этого метода автор плагина мог бы использовать API вариантов, чтобы сделать каждую анимацию доступной для поиска и отображать ее через средство вставки блоков.

Однако индивидуальный маршрут блока был выполнен раньше. Компания Automattic применила тот же подход в своих блоках Starscape и Waves . Они просто поставляются как отдельные плагины, а не как коллекция. Я предпочитаю это решение, потому что оно позволяет пользователям выбирать только те блоки, которые им нужны. Если предположить, что библиотека анимированных блоков будет расти в будущих версиях плагина, это может стать излишним.

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

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