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

Що він робить

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

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

Усе описане тут входить до безкоштовної версії.