Прикрашаємо сторінки сайту з плагіном Grainy Gradient Block

Grainy Gradient Block WordPress

Днями Келлі Чойс-Дуен випустила покращений блок типу Spacer, що дозволяє прикрасити порожнє місце різними градієнтами.

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

Плагін включає 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.

Прокоментувати

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *