Page Builder Sandwich：布局与设计系统，第 1 部分（共 2 部分）

功能介绍

• Flexbox 与 CSS Grid 容器 — 具备完整弹性盒和网格控制功能的区块与容器，包括可视化网格编辑器：通过拖动即可设置列和行。
• 三个内置断点 — 针对桌面端、平板端和移动端分别设置，并提供实时预览。
• 与主题共享的全局颜色和字体 — 全站通用颜色和字体排版，可直接读取和写入主题设置（theme.json），确保构建器与主题始终保持一致。
• 在元素和站点之间复制与粘贴样式 — 复制某个元素的样式或整个区块，并将其粘贴到其他页面或其他网站中。
• 调色板颜色的明暗色调与不透明度 (OKLCH) — 直接在颜色选择器中将调色板中的任意颜色变浅、加深或设为半透明。采用 OKLCH 色彩空间混合，保持色相精准，且仍与调色板颜色关联，同时为旧版浏览器提供纯色后备方案。
• 样式构建器中的条件控制（media、container 及 supports at-rules） — 仅在打印、深色模式、减弱动态效果或鼠标设备等特定条件下为元素设置样式；开发人员还可以通过 pbsw_style_at_rules PHP 过滤器添加自定义的媒体查询、容器查询和特性支持预设。
• 每个区块（包含行和列）均支持变形选项 — 按屏幕尺寸及悬停状态对任意区块进行旋转、缩放、倾斜和移动；在从右至左阅读的语言中，移动方向会自动遵循其阅读习惯。
• 分组与可重复区块的默认子项样式 — 按屏幕尺寸及悬停状态一次性设置行、区块、折叠面板或标签页中所有子项的样式；子项自身的设定值仍具有优先权。
• 为您的行和区块命名 — 在设置中为任意行、区块或容器添加标签（例如“价格方案”、“主视觉”）；该标签会显示在画布的对应行以及“图层”中，方便在长页面中快速浏览定位。该标签绝不会输出在页面前端。

免费版与专业版

此处介绍的所有功能均包含在免费版中。