Page Builder Sandwich: Система макета и дизайна

Что это делает

• Контейнеры Flexbox и CSS Grid — секции и контейнеры с полным контролем flex и grid, включая визуальный редактор сетки: перетаскивайте мышью, чтобы задавать столбцы и строки.
• Три встроенные контрольные точки — раздельные настройки для компьютеров, планшетов и мобильных устройств с предварительным просмотром в реальном времени.
• Глобальные цвета и шрифты, общие с вашей темой — цвета и типографика для всего сайта, которые считываются из настроек темы (theme.json) и записываются в них, благодаря чему конструктор и тема всегда согласованы.
• Копирование и вставка стилей между элементами и сайтами — копируйте стиль элемента или целую секцию и вставляйте на другую страницу или другой сайт.
• Оттенки и непрозрачность цветов вашей палитры (OKLCH) — делайте любой цвет палитры светлее, темнее или полупрозрачным прямо в инструменте выбора цвета. Смешивание в OKLCH сохраняет точность оттенка и связь с цветом палитры, а для старых браузеров предусмотрен резервный сплошной цвет.
• Условия в конструкторе стилей (at-правила media, container и supports) — стилизуйте элемент только для печати, в темной цветовой схеме, при уменьшенном движении или на устройствах с мышью; разработчики могут добавлять собственные пресеты media, container и supports с помощью PHP-фильтра pbsw_style_at_rules.
• Пользовательские контрольные точки (Pro) — добавляйте свои размеры экранов (большой монитор, компактный телефон, планшет в альбомной ориентации).
• Глобальные классы и переменные CSS (Pro) — диспетчер классов, как в профессиональных конструкторах: настройте стиль один раз, используйте везде, меняйте в одном месте.
• Дизайн-токены: шкалы отступов, скруглений и теней (Pro) — согласованные отступы и стилевые пресеты по всему сайту.
• Пользовательский CSS для каждого элемента и страницы (Pro) — для тех, кто предпочитает писать собственный код CSS, с подсветкой синтаксиса.
• Темный режим для вашего сайта (Pro) — создавайте светлую и темную версии цветов вашего сайта; посетители могут переключать режим вручную или использовать системные настройки устройства.
• Бренд-кит (Pro) — сохраните логотип, цвета, шрифты и стиль общения один раз; искусственный интеллект и шаблоны применят их автоматически.
• Категории для глобальных классов и дизайн-токенов (Pro) — группируйте классы, шаги шкал и переменные по собственным категориям, фильтруйте по ним списки и выбирайте классы и пресеты по категориям прямо в редакторе.
• Импорт и экспорт дизайн-системы (Pro) — скачивайте категории, глобальные классы, переменные, шкалы и пользовательские цвета единым файлом JSON и импортируйте на другой сайт: валидация, версионирование, объединение или замена, а также предварительный просмотр изменений до их сохранения.

Бесплатная или Pro

Для функции, отмеченной как (Pro), требуется лицензия Pro; для (План Agency) требуется план Agency. Все остальное входит в бесплатную версию.