Page Builder Sandwich 与传统的页面构建器不同，它简单直观，极易上手。

您可以观看下方视频，进行快速了解。

编辑器在哪里？

首先，创建一个新页面、文章或自定义文章类型（CPT）。然后在前端访问您的新文章或任何已有文章。PBS 是 100% 前端操作，您无需在后台繁琐调试。

页面顶部（管理栏上）应该有一个“Page Builder Sandwich”按钮，点击它即可开始编辑。您会看到文本格式化工具栏从顶部弹出，添加元素面板从侧面滑出。您主题的内容区域现在就变成了您的编辑器！

您只能使用 PBS 编辑单页面。无法编辑博客文章列表或 404 页面，因为这些是由您的主题生成的。文章、页面和自定义文章类型均可正常编辑。

编辑您的内容

现在精彩的部分来了……一旦进入前端并处于编辑器中，点击内容中的任何文本或点击内容区域内部，即可直接开始输入！与其他页面构建器不同，PBS 允许您直接编辑内容，无需通过弹出对话框。

设置内容格式 / 美化页面

编辑时，顶部的区域称为文本格式栏。该栏包含用于设置文本样式的所有格式化工具，例如：颜色、加粗、斜体、对齐方式、添加链接、项目符号等。将鼠标悬停在每个按钮上即可查看该工具的功能。

添加元素

将鼠标悬停在屏幕左上方的“添加元素”按钮上，即可显示添加元素面板。您也可以直接将鼠标移至屏幕左侧以将其呼出。

要插入任何元素，请按住鼠标左键拖动元素，然后将其拖入内容区域。放置该元素的目标区域会高亮显示。松开鼠标按钮即可放置元素。

设置元素样式与修改元素

将鼠标悬停在内容中的任何元素上，元素上方就会显示轮廓线和工具栏。

您可以将鼠标悬停在轮廓边缘，以增加/减少元素之间的边距。

您还可以点击工具栏上的按钮对元素执行快捷操作。点击工具栏上的齿轮图标将打开包含更多选项的属性检查器。

属性检查器

属性检查器让您能够更全面地掌控元素的外观。您可以添加许多效果，例如阴影、动画、修改地图颜色、圆角边框等等。

您还可以访问元素父级的属性。例如，如果您在列中放置了一张图片并打开属性检查器，您可以访问该图片、包含它的列以及包含该列的行的属性。

属性检查器包含针对不同元素的众多不同设置，请务必都尝试看看。

使用短代码

Page Builder Sandwich 会在前端向您显示实际的短代码，而且您也可以轻松对其进行编辑！

如果您记住了短代码，可以直接在内容中输入来插入短代码。但如果您没有全部记住（谁能记住呢？），检查器会列出您网站中可用的所有短代码。将检查器中的 Shortcode 按钮拖入内容区域，找到您要插入的短代码，点击它即可插入。

短代码会在前端渲染为实际内容，若要编辑它们，您可以选中短代码并在检查器中查看其属性。或者为了更精细的控制，您可以双击短代码以原始代码形式进行编辑。完成编辑后，您的短代码将更新以反映更改。

重新排列您的内容

在 PBS 中，您可以点击并拖动任何内容，并将其移动到任何位置。拖动某个内容时，将其移到页面中另一个元素的上方，您可以将其放置在任何其他内容的上方或下方。

保存您的工作

对设计感到满意后，只需点击页面左上角的保存按钮即可。大功告成！