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

Що це робить

• Контейнери Flexbox та CSS Grid — Секції та контейнери з повним контролем flex та grid, включно з візуальним редактором сітки: перетягуйте, щоб налаштувати стовпці та рядки.
• Три вбудовані контрольні точки (breakpoints) — Окремі налаштування для комп'ютерів, планшетів і мобільних пристроїв із динамічним попереднім переглядом.
• Глобальні кольори та шрифти, спільні з вашою темою — Кольори та типографіка для всього сайту, які зчитуються з налаштувань теми (theme.json) і записуються в них, тому конструктор і тема завжди узгоджені.
• Копіювання та вставлення стилів між елементами й сайтами — Скопіюйте стиль елемента або цілу секцію та вставте на іншу сторінку чи інший вебсайт.
• Відтінки та прозорість кольорів вашої палітри (OKLCH) — Робіть будь-який колір палітри світлішим, темнішим або прозорим безпосередньо у виборі кольорів. Змішування в OKLCH зберігає точність відтінку та зв'язок із кольором палітри, з резервним звичайним кольором для старіших браузерів.
• Умови в конструкторі стилів (at-правила media, container та supports) — Стилізуйте елемент лише для друку, темної колірної схеми, режиму зі зменшенням руху або пристроїв із мишею; розробники можуть додавати власні попередні налаштування media, container та supports за допомогою PHP-фільтра pbsw_style_at_rules.
• Користувацькі контрольні точки (Pro) — Додавайте власні розміри екранів (великий монітор, малий телефон, альбомна орієнтація планшета).
• Глобальні класи та змінні CSS (Pro) — Менеджер класів, як у професійних конструкторах: стилізуйте один раз, використовуйте повторно будь-де, змінюйте в одному місці.
• Дизайн-токени: шкали відступів, радіусів і тіней (Pro) — Узгоджені відступи та попередні налаштування стилю для всього сайту.
• Власний CSS для окремих елементів і сторінок (Pro) — Для тих, хто бажає писати власний CSS, із підсвічуванням синтаксису.
• Темний режим для вашого вебсайту (Pro) — Створіть світлу та темну версії кольорів сайту; відвідувачі зможуть перемикати їх або використовувати налаштування свого пристрою.
• Фірмовий стиль (Brand kit) (Pro) — Збережіть свій логотип, кольори, шрифти та тональність бренду один раз; штучний інтелект і шаблони використовуватимуть їх автоматично.
• Категорії для глобальних класів і дизайн-токенів (Pro) — Групуйте класи, кроки шкал і змінні у власні категорії, фільтруйте списки за ними та вибирайте класи й попередні налаштування за категоріями в редакторі.
• Імпорт та експорт вашої дизайн-системи (Pro) — Завантажуйте свої категорії, глобальні класи, змінні, шкали та власні кольори у вигляді одного файлу JSON й імпортуйте його на інший сайт: із валідацією та версіонуванням, можливістю об'єднання чи заміни, а також попереднім переглядом змін до їх остаточного збереження.

Безкоштовна чи Pro

Функція з позначкою (Pro) потребує ліцензії Pro; (Agency plan) потребує плану Agency. Усе інше входить до безкоштовної версії.