市面上有成百上千款页面构建器,您肯定会问自己:Page Builder Sandwich 有何特别之处?如果您手头已经有了一款,为什么还要费心使用它呢?
在本文中,我将列举 Page Builder Sandwich 中所具备的几项关键特性,这些特性使其独树一帜,成为内容创作者和设计师的必备之选。如果您还不知道什么是页面构建器以及为什么需要它,别担心,我们有一些资料可以为您提供帮助。
1. 您不仅能看到内容的视觉呈现,更能直接查看并编辑实际内容
在其他页面构建器中,您看到的只是代表您内容的区域。您主要使用区块和矩形来布局内容,结果看起来更像是一个框架,展示您的内容最终在页面中的大致位置。这导致您需要不断点击预览按钮,只为了查看最终呈现效果。
而使用 Page Builder Sandwich,所有编辑都在网站的前端完成,您可以直接编辑内容,获得真正的所见即所得体验。
2. 快速便捷的直接编辑,告别所有恼人的弹出对话框
弹出窗口一直是页面构建器的常见元素。在大多数构建器中,如果您想编辑布局中的任何内容,无论是标题、按钮标签还是小标语文本,您都必须先等待弹出对话框打开,然后在其中进行更改。
在 Page Builder Sandwich 中,我们的目标是全面最大程度减少弹出窗口的使用。通过去除弹出窗口,编辑任何内容都变得前所未有的简单和流畅。
编辑方式直截了当——点击文本即可放置光标,然后直接开始输入。您不再需要等待包含 TinyMCE 编辑器的弹出对话框打开才能开始编辑。最棒的是,您仍然可以随心所欲地拖放内容。
另一项有助于实现无忧编辑的创新是随时可见的检查器(inspector)。检查器充当您的工具箱和属性编辑器。用于格式化内容的工具:文本颜色、标题、字体大小调整、外边距、内边距、边框、引用块等,只需轻轻一点即可使用。

3. 复用 WordPress 原生功能
我们在其他页面构建器中注意到的另一件事是,它们经常重复造轮子。有些构建器实现了自己的拾色器、图片上传器、图库创建器以及各种其他工具。这本身并没有什么错,但 WordPress 本身就是一个代码片段的宝库,为什么不加以利用呢?
WordPress 是一个庞大而精彩的平台,包含众多优秀贡献者构建的大量酷炫工具。Page Builder Sandwich 尽可能多地使用 WordPress 已自带的功能。
我们没有开发自己的拾色器,而是使用了 Iris 拾色器;没有开发自己的图片上传器,而是使用了媒体管理器。此外还有 backbonejs、underscorejs、wp.hooks 和 wp.shortcode 等许多精巧的脚本。我们充分利用了所有这些资源,这不仅让我们的开发更轻松,也带来了更稳定的代码库。
复用 WordPress 的功能还带来了一些意外的惊喜。例如,由于我们使用媒体管理器插入图片,令人惊喜的是,我们开箱即用地支持了 WordPress 图库、音视频播放列表以及远程 URL。我们还可以直接使用媒体管理器进行图片编辑,从而省去了数小时不必要的开发烦恼。
4. 键盘导航和快捷键
在其他页面构建器中,鼠标是您的主要工具。您用它来拖放元素,双击元素来进行编辑。但键盘往往被忽视。
例如,在某些构建器中,您无法轻松编辑当前编辑位置上方的一个段落/部分,因为您必须点击关闭一个弹出对话框,然后再点击进入另一个。而在 Page Builder Sandwich 中,您可以使用键盘进行导航。按下方向键即可在内容之间穿梭,即使您的其他内容嵌套在另一行或另一列中也同样有效。
另一项重要功能是撤销和重做快捷键。它们一开始可能看起来不起眼,但试想一下:如果您不小心将内容拖放到错误的位置怎么办?在某些页面构建器中,您必须将其拖回原始位置。在 Page Builder Sandwich 中,撤销和重做都能完美运作。因此,无论您是想修改刚才输入的内容,还是想还原拖动的内容(甚至是多次拖动的内容),只需按下撤销或重做即可。撤销和重做不仅适用于拖放的内容,甚至还适用于属性更改(如字号和行内边距)。这使它们成为您编辑工具库中极其强大的利器。

5. 真正的前端页面构建器——更轻松、无烦恼的编辑体验
我们在开发过程中的理念是:在前端编辑时不应感觉仍在使用后端工具。绝不能让人觉得这款构建器最初是为后端设计的,然后只是移植到了前端。
总而言之,对我来说,Page Builder Sandwich 的核心不同之处在于,我们构建它的目标是成为一个“真正的”前端页面构建器——对前端编辑应有体验的重新构想。