本文将简要介绍 Page Builder Sandwich 的工作原理,旨在为那些对我们的页面构建器如何与 WordPress 各项功能整合感兴趣的用户提供入门参考。我不会深入探讨 Page Builder Sandwich 的各项具体功能,如果您想了解这些,请前往我们的视频页面,我们在那里通过简短的屏幕录像单独展示了每一项功能。
如果您想知道 Page Builder Sandwich 与市面上其他页面构建器有何不同,请查看我们的文章《Page Builder Sandwich 与其他产品的区别》.

它在哪里?我可以用它编辑什么?
与许多其他页面构建器不同,Page Builder Sandwich 运行在您网站的前端。如果您在后台,我们在内容编辑器按钮旁边提供了一个“前端”(Frontend)按钮,可以将您带到页面的前端。
Page Builder Sandwich 允许您编辑文章、页面和自定义文章类型的内容。不过,它不允许您直接编辑聚合的前端博客文章列表以及网站中的其他非单篇内容区域。不妨这样理解:如果您想要编辑的内容在后台有内容编辑器(比如“新建文章”和“新建页面”),那么就可以使用 Page Builder Sandwich。您可以编辑各个独立的页面和博客文章,例如,如果您有一个引入了餐厅菜单或作品集项目的插件,您也可以对它们进行编辑。
在前端时,我们在您的管理栏(adminbar)中放置了一个蓝色的“使用 Page Builder Sandwich 编辑”(Edit with Page Builder Sandwich)按钮。只需点击它即可开始编辑您的页面。
直接内容编辑
借助 Page Builder Sandwich,我们让内容编辑变得尽可能轻松省心。编辑内容直观又简单,只需点击并输入即可。就是这么简单。

隆重推出:检查器(Inspector)
我们注意到很多页面构建器都有大量的弹窗。就个人而言,我不喜欢弹窗,因为它们会分散注意力,而且基本上是在对您说:“嘿,停下你手头的事,先把这些字段填好”。它们打破了原本流畅的编辑体验。因此,我们全面减少了弹窗的使用,取而代之的是创建了检查器。
检查器是一个侧边栏样式的区域,包含了您可能需要的所有格式化和排版工具。检查器可以停靠在屏幕的左侧或右侧,以便您轻松查看正在编辑的内容。
通过检查器,您可以调整各种文本属性,例如标题、字号、粗体、斜体、文字颜色等。除此之外,它还允许您添加图像并创建行或分栏内容。它还能进行更高级的编辑,例如将行调整为全宽行、设置行和列的背景颜色、内容垂直对齐方式,以及外边距和背景。它的功能非常强大,您会发现自己在大多数情况下都会用到它。
与 WordPress 主题集成
从本质上讲,Page Builder Sandwich 几乎没有自带样式。当您编辑内容时,您看到的样式大部分基于您的主题。
与简码(Shortcodes)集成
简码是 WordPress 中非常重要的一个方面,您的网站中很可能会使用到一些简码。Page Builder Sandwich 对这些处理得非常好,您的简码将直接在前端渲染呈现。简码依然可供编辑,而且最棒的是,在您编辑简码后,它们会连同您的更改一起重新渲染。
为了方便起见,您可以使用检查器来编辑简码。如果您想要更多的控制权,还可以双击简码以原始形式进行编辑。除此之外,您网站中可用的所有简码都列在检查器中,以便轻松添加到您的内容中。

网站臃肿问题如何解决?
谁会喜欢缓慢的网站?我们不喜欢,您肯定也不喜欢。我们确保了 Page Builder Sandwich 对您网站的性能几乎零影响。在未登录状态下,至多仅会排队加载行和列的 CSS 样式,以及您所使用简码所需的必要 JS 和 CSS 脚本。
针对开发者
如果您是一名开发者,并且在您的 WordPress 插件中使用了简码,Page Builder Sandwich 提供了一个简码 API(Shortcode API),以便您可以轻松为客户提供相应字段,方便快捷地创建和修改简码。
如果您想进一步扩展功能或与 Page Builder Sandwich 的某些部分进行集成,我们还提供了一系列实用的动作(action)和过滤器(filter)钩子供您使用。