Компанія Wicked Plugins випустила версію 1.0 свого плагіна Wicked Block Builder. Я стежив за ним ще з моменту виходу бета-версії у листопаді 2021 року. Як було зазначено в анонсі до проекту, розробники зможуть з його допомогою легко створювати кастомні блоки. У результаті я вирішив протестувати плагін.

Відразу зазначу: плагін має досить круту криву навчання, особливо якщо ви хочете спроектувати з його допомогою щось складне. На щастя, команда розробників записала навчальне відео. Рекомендую розпочинати своє знайомство саме з нього.

Плагін дозволяє розробникам додавати блоки, категорії блоків, патерни та категорії патернів. Я вирішив розпочати створення блоків. Плагін працює приблизно так само, як і будь-які інші конструктори патернів.

Наслідуючи навчального відео, я створив блок Resource Card. Він включав зображення, заголовок, огляд і кнопку.

Для створення блоків можна скористатися різними вкладками. Зокрема, крім основної вкладки Settings є досить корисні вкладки Attributes і Editor View. До них ви звертатиметеся регулярно. Вкладка Front-end View потрібна лише в тому випадку, якщо виведення блоку не відповідає тому, як виглядає в редакторі. Також на сторінці є панель Styles для додавання кастомного CSS, який завантажується для редактора та фронтенда.

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

Щойно я зібрав свій перший блок, він відразу з’явився в інструменті вставки. Я протестував команду /resource card – все працює.

Є й кілька відсутніх можливостей: довільна іконка та приклад/прев’ю. Їх досить легко реалізувати за допомогою коду, тому сподіваюся, що у майбутній версії плагіна вони з’являться.

Я заповнив всю необхідну інформацію та зберіг свій блок Resource Card.

Дивно, але нічого не зламалося та не роз’їхалося.

Для простих сценаріїв використання можна обійтися безкоштовною версією плагіна. Якщо ж перед вами стоять складніші завдання, то в такому разі вам доведеться перейти на платную версию Wicked Block Builder, яка починається від $49 і закінчується $299 на рік, що залежить від кількості сайтів, що підтримуються.