Page Builder Sandwich: Система макета и дизайна, часть 1 из 2

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

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

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

Все перечисленное доступно в бесплатной версии.