Украшаем свои страницы с помощью плагина Grainy Gradient Block

0 2

Украшаем свои страницы с помощью плагина Grainy Gradient Block

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

Grainy Gradient Block – декоративный плагин, но при этом дающий возможность создавать интересные дизайнерские эффекты. Блок был вдохновлен зернистым градиентом, рекламируемым CSS-Tricks в 2021. Теперь пользователи могут применять его непосредственно в редакторе WordPress.

Украшаем свои страницы с помощью плагина Grainy Gradient Block

Плагин включает в себя 4 вариации блока, что показано на следующем скриншоте:

Украшаем свои страницы с помощью плагина Grainy Gradient Block

Вариации следующие:

  • Default: Шумная/зернистая текстура.
  • Horizontal Grain: Горизонтальные линии.
  • Vertical Grain: Вертикальные линии.
  • Blob Grain: Эффект, похожий на лавовые лампы.

Я решил взять изображение заката из каталога WordPress Photos и использовал его в блоке Cover. Затем я применил к нему пару разных блоков Grainy Gradient:

Украшаем свои страницы с помощью плагина Grainy Gradient Block

Цель состояла в том, чтобы придать изображению вид старой картины. Я остался доволен результатом.

Далее я попробовал наложить вариацию Horizontal Grain на одно из изображений в блоке Cover (с duotone-фильтром):

Украшаем свои страницы с помощью плагина Grainy Gradient Block

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

Украшаем свои страницы с помощью плагина Grainy Gradient Block

Разрабатываемая версия плагина также доступна на GitHub.

Источник: wptavern.com

Источник: oddstyle.ru

Оставьте ответ