Skip to content

Все для WordPress, веб-розробки — і не тільки

🛠 Створення кастомного сайту на WordPress з Toolset Blocks: повне керівництво

🛠 Створення кастомного сайту на WordPress з Toolset Blocks: повне керівництво

Гутенберг плюс Toolset Blocks, і верстати не потрібно

Створити сайт на WordPress без коду звучить як рекламне гасло. Але у 2026 році це реальність: редактор блоків Gutenberg виріс з експериментальної «штуки для постів» у повноцінний конструктор сторінок. А Toolset Blocks додає до нього шар динамічного контенту, шаблонів і кастомного пошуку.

Проблема класичного WordPress: дизайн тягне за собою розробника. Дизайнер малює макет у Figma, розробник переносить його в тему, і кожен чих, правки, узгодження, бюджет. Toolset Blocks прибирає цю ланку: макет збирається прямо в адмінці, без HTML/CSS.

Під капотом, інтеграція з нативним редактором WordPress і набір блоків для виведення довільних полів, таксономій і зв’язків між постами. По суті, ви отримуєте конструктор, який розуміє структуру ваших даних, а не просто розфарбовує кнопки.

💡 Швидкий огляд:

  • Підготовка: встановлення Toolset Blocks, створення типів постів і полів
  • Шаблони контенту: єдиний дизайн для всіх записів довільного типу
  • Архівні сторінки: кастомізація списків із фільтрами та сіткою
  • Кастомний пошук: фільтри за будь-якими полями з AJAX-результатами
  • Збірка: як замінити зв’язку «дизайнер + розробник» одним інструментом

Чому Toolset зробив ставку на Gutenberg

Раніше Toolset інтегрувався з популярними page builder'ами: Elementor, Beaver Builder, старий Visual Composer. Виглядало зручно: Toolset дає бекенд і структуру даних, а page builder, візуальну верстку.

Але підтримувати сумісність із десятком сторонніх плагінів дорого й ненадійно. Кожен вендор оновлюється у своєму ритмі, ламає API, змінює архітектуру. Команда Toolset витрачала ресурси на адаптацію замість розвитку продукту.

Тому розробники Toolset (OnTheGoSystems, ті самі, що роблять WPML) ухвалили стратегічне рішення: ставка на нативний редактор WordPress. Gutenberg перестав бути експериментом, обріс API для сторонніх блоків і став ядром WordPress. Інтеграція з ним глибока й не ламається при кожному оновленні, тому що її підтримує саме ядро.

Плюс це означає, що на сайті менше плагінів. Ви не ставите окремий page builder з його 50+ залежностями. Gutenberg уже є в ядрі, Toolset додає до нього блоки для динамічного контенту, і цього достатньо для більшості сценаріїв.

А якщо ви звикли до іншого page builder'а

Toolset не кидає користувачів сторонніх конструкторів. Просто зараз плагін зберігає сумісність з основними page builder'ами, ви й надалі можете використовувати Elementor або Beaver Builder разом із Toolset.

Але чи довго це триватиме, питання відкрите. Кожен новий реліз стороннього конструктора вимагає від Toolset відповідної адаптації, а ресурси команди скінченні. Логіка проста: що глибше ви сидите на Gutenberg, то стабільніша ваша збірка в довгостроковій перспективі.

Що Toolset Blocks дає розробнику й контент-менеджеру

Переваги не абстрактні, кожна фіча закриває конкретну задачу.

Збірка сайту без посередника. Дизайнер може зібрати макет прямо в адмінці WordPress і одразу побачити результат. Не потрібно експортувати верстку, чекати розробника, виправляти розбіжності. Економія, дні, а не години.

Динамічний контент із коробки. Створюєте один шаблон із блоками Toolset, а WordPress сам підставляє потрібні дані з бази, залежно від типу запису, на який зайшов користувач. Один шаблон для сотень сторінок.

Візуальна збірка на бекенді. Не потрібно стрибати між фронтендом і адмінкою. Збираєте все в редакторі блоків і одразу бачите, як сторінка виглядатиме після публікації.

Менше плагінів. Gutenberg + Toolset Blocks закривають потреби, під які раніше ставили конструктор, плагін довільних полів, плагін шаблонів і плагін пошуку. Чотири в одному, менше конфліктів і легше обслуговування.

Приклад сторінки зібраної в Toolset Blocks

Приклади: що можна побудувати на Toolset Blocks

Три сценарії, які закривають переважну більшість потреб кастомного сайту.

Шаблони для довільних типів записів

У вас є кастомний тип поста «Об’єкти нерухомості». Потрібно, щоб кожна картка об’єкта виглядала однаково: фото, ціна, площа, район. Без шаблону ви копіюєте верстку для кожного об’єкта. З шаблоном, налаштовуєте один раз.

Як створити:

  • Зайдіть у Toolset → Dashboard і натисніть Create Content Template для потрібного типу записів.
Кнопка створення шаблону контенту в Toolset Dashboard
  • Додайте поля в шаблон через кнопку «+», виберіть блоки, які мають відображатися на сторінці запису.
Додавання полів у шаблон контенту Toolset
  • Збережіть і опублікуйте шаблон. Усі записи цього типу отримають єдиний дизайн.
Збереження та публікація шаблону Toolset

Архівні сторінки з кастомною сіткою

Архів — це список записів одного типу: всі об'єкти нерухомості, всі відгуки, всі філії. Стандартний архів WordPress виглядає убого: вертикальний список заголовків. Toolset дозволяє зібрати сітку з картками, фільтрами та пагінацією.

Як налаштувати:

  • Зайдіть у Toolset → Dashboard та виберіть Create Archive поруч із потрібним типом записів.
Створення архіву для довільного типу записів у Toolset
  • Додайте блоки, які хочете бачити в кожній картці архіву.
Додавання блоків в архів Toolset
  • Налаштуйте кількість колонок через Параметри циклу на бічній панелі.
Налаштування кількості колонок в архіві Toolset
  • Перетягніть перемикач кількості колонок у розділі «Стиль петлі».
Перемикач колонок у стилі петлі Toolset
  • Налаштуйте пагінацію, порядок сортування та (за потреби) додайте запит для фільтрації.
Налаштування пагінації та сортування архіву Toolset
  • Додайте текст або додаткові блоки до та після циклу архіву через значок «+».
Додавання контекстних блоків навколо циклу архіву Toolset

Кастомний пошук із фільтрами

Стандартний пошук WordPress шукає лише за заголовками та вмістом. Якщо у вас кастомні поля, ціна, площа, район, рейтинг, вони залишаються поза увагою. Кастомний пошук Toolset будує форму з фільтрами за будь-якими полями та виводить результати в ту саму сітку, що й архів.

Уявіть: користувач хоче знайти тренажерний зал із рейтингом вище 4,5, який працює цілодобово, у радіусі 2 км. Без кастомного пошуку, гортати всі записи вручну. З ним, три кліки та готовий список.

Як налаштувати:

  • Вставте блок View на сторінку, де має бути пошук.
Вставка блоку View для кастомного пошуку Toolset
  • Увімкніть опцію Search у майстрі створення подання.
Увімкнення опції пошуку в майстрі Toolset
  • Виберіть поля, які мають відображатися в результатах пошуку.
Вибір полів для результатів пошуку Toolset
  • Додайте поля пошуку та кнопку під кожне поле, за яким потрібен фільтр.
Додавання полів фільтра в кастомний пошук Toolset
  • Налаштуйте вигляд результатів через праву бічну панель, так само, як для архіву.
Фінальний вигляд результатів кастомного пошуку Toolset

⁉️🤔 Часті запитання

Чи підходить Toolset Blocks для інтернет-магазину на WooCommerce?

Так. Toolset працює з WooCommerce одразу з коробки, товари — це той самий довільний тип записів. Можна будувати кастомні шаблони карток товарів, архіви категорій із фільтрами за атрибутами та ціновий пошук. Для складної логіки кошика й оплати знадобиться сам WooCommerce, а вітрину Toolset бере на себе.

Чи потрібно вміти програмувати для роботи з Toolset Blocks?

Для більшості завдань, ні. Шаблони, архіви та пошук налаштовуються через візуальний інтерфейс Gutenberg. Лише кастомні хуки та складна логіка фільтрації потребуватимуть PHP, але це вже нішеві сценарії.

Чим Toolset Blocks відрізняється від ACF у зв’язці з Elementor?

ACF дає поля, Elementor, верстку. Toolset дає і те, і те плюс зв’язок між ними «з коробки». З ACF+Elementor ви налаштовуєте виведення кожного поля вручну для кожного шаблону. Toolset автоматично підхоплює поля типу запису та пропонує блоки для них. Плюс Toolset уміє шаблони контенту, архіви та кастомний пошук, ACF+Elementor закривають це лише з додатковими плагінами.

Чи працює Toolset із FSE-темами (Full Site Editing)?

З 2024 року, так. Toolset адаптував свої блоки під екосистему Site Editor’а WordPress. Ви можете використовувати блоки Toolset усередині шаблонів FSE-тем, не втрачаючи функціональності динамічного контенту.

Скільки коштує Toolset Blocks у 2026 році?

Toolset продається за підпискою: від $69/рік за один сайт до $299/рік за необмежену кількість сайтів. У кожен тариф входять усі компоненти: Blocks, Types, Views, Forms і Maps. Підтримка й оновлення включені в підписку. Точні ціни дивіться на toolset.com.

Що ставити у 2026 році: Toolset чи зв’язку з трьох плагінів

Альтернатива Toolset, зоопарк із ACF (або Meta Box) для полів, окремого плагіна для шаблонів, окремого для кастомного пошуку. Начебто працює. Але кожен плагін, потенційна точка відмови, конфлікт під час оновлення та зайве навантаження на адмінку.

Toolset Blocks замінює цю зв’язку одним рішенням від одного вендора. Під капотом, та сама команда, що робить WPML, тому продукт не закинуть через пів року. Інтеграція з Gutenberg глибока, а не «прикручений збоку» блок.

Якщо ви будуєте кастомний сайт на WordPress із довільними типами даних, Toolset Blocks виправдовує і ціну, і час на освоєння. Спробуйте на тестовому сайті: перші результати видно вже за годину після встановлення.