Версия 2.2 является масштабным обновлением, ориентированным на создание профессиональных дизайн-систем и расширение возможностей разработчиков. Ниже приведены основные изменения.
Новая система управления стилями
Центральным нововведением стал Style Manager — единый интерфейс для управления всеми аспектами дизайна.
- Style Manager: Позволяет централизованно управлять классами, CSS-переменными и палитрами. Так же добавлена поддержка брейкпоинтов и предварительный просмотр на холсте.
- Color Manager: Поддерживает создание сложных палитр с автоматической генерацией оттенков, прозрачности и цветовых гармоний. Реализована полноценная поддержка темной и светлой тем через CSS-переменные.
- Масштабируемая система для типографики и отступов: Инструмент для создания адаптивных систем, где размеры шрифтов и отступов плавно изменяются в зависимости от ширины экрана.
Реализация Query Type: Array
Хоть это не центральное событие, но решил выделить, так как для меня лично это прорыв 🙂 Функция, которую вы ранее запрашивали и обсуждали, наконец официально добавлена в функционал конструктора. Это еще одно важное обновление для тех, кто работает с нестандартными данными.
- Суть реализации: Теперь в цикле (Query Loop) можно использовать не только стандартные типы данных WordPress (посты, термины, пользователи), но и любые произвольные PHP-массивы или JSON-данные.
- Как это работает: Вы можете передать в конструктор данные из внешних API, сложных кастомных полей или результат работы собственного PHP-скрипта.
- Возможности: Для таких массивов доступна пагинация, фильтрация и интеграция с динамическими данными. Это превращает Bricks в полноценный инструмент для создания сложных веб-приложений, где данные могут приходить из источников, не связанных с базой данных WordPress напрямую.
Компоненты и расширяемость
- Слоты (Component Slots): Позволяют создавать гибкие шаблоны компонентов, в которые можно вставлять произвольный контент при каждом использовании.
- Варианты стилей: Возможность создавать несколько визуальных версий одного компонента (например, разные стили кнопок) без дублирования его структуры.
- Компоненты как блоки: Теперь компоненты Bricks можно регистрировать как родные блоки для редактора Gutenberg, задавая им иконки и превью.
Инструменты разработки и UI
- Импорт CSS-фреймворков: Инструмент для автоматического извлечения классов и переменных из любого CSS-файла (например, Tailwind).
- Мгновенная навигация: Экспериментальная функция AJAX-перехода между страницами внутри билдера без полной перезагрузки страницы.
- Переключатель тем (Toggle Mode): Новый элемент для создания кнопки смены темной и светлой темы сайта.
- Улучшенный контроль цвета: Поддержка ввода значений текстом и быстрый поиск по переменным (через ввод символов -- или var).
Прочие изменения
- Критерии поиска: Полный контроль над тем, по каким полям и с каким приоритетом работает поиск на сайте.
- Улучшения WooCommerce: Новые фильтры и шаблоны для страниц аккаунта.
- Стабилизация: Функции Wireframes и Design Sets вышли из статуса экспериментальных.
