使用四种页面编辑器编辑

使用 Gutenberg、Elementor、WPBakery 或 Classic Editor 编辑 Washlora 页面。

文档首页 › 使用四种页面编辑器编辑

观看视频教程

EP 2 · 105 Laundry Website Demos, 3 Home Layouts & 4 Page Editors · 5:02 · YouTube

选择一种编辑器

每个细分行业的首页都有四种编辑器版本。请选择一种编辑器，并沿用它对应的页面版本——各版本是相互独立的页面，并非互相转换而来。如果页面打开后显示为不可用区块、原始短代码或空白区域，说明编辑器或 Washlora Native Layouts 插件未启用。

带有首页布局和编辑器切换器的原生演示页面。
带有首页布局和编辑器切换器的原生演示页面。点击可放大。
编辑器 1

使用 Gutenberg 编辑

原生的 Washlora Section 区块以结构化方式呈现内容，无需修改 PHP 模板。

  1. 打开 Pages → All Pages，选择页面的 Gutenberg 版本。
  2. 选中一个 Washlora Section 区块。在区块控件中编辑它的标题、眉题、正文、图片、按钮、链接和重复项。
  3. 使用 List View 选择并重新排序整个区块。首屏中只保留一个主 H1。
  4. 使用布局控件更改区块的呈现方式，然后预览——每种布局对图片和条目的处理方式各不相同。
  5. 保存草稿或更新页面，然后在移动端和桌面端检查前台效果。
请保持 Washlora Native Layouts 处于启用状态。出现区块不可用的提示，通常意味着缺少区块插件。
编辑器 2

使用 Elementor 编辑

页面在 Elementor 容器中使用原生的 Laundry 区块小工具。

  1. 打开 Pages → All Pages → Edit with Elementor。
  2. 在画布或 Navigator 中选中 Laundry 区块小工具。
  3. 编辑文字、图片、按钮或链接以及重复项字段。在小工具控件中选择布局和色调。
  4. 在 Navigator 中重新排序小工具，并将预约等功能区块保持在预期的位置。
  5. 更新页面并检查前台。如果样式看起来是旧的，请使用 Elementor 的缓存和重新生成工具，然后清除站点缓存。
请使用演示的 Elementor 版本。在 Elementor 中打开 Gutenberg 页面并不会转换其区块。
编辑器 3

使用 WPBakery 编辑

Laundry 区块是 WPBakery 行和列中可编辑的组件。

  1. 打开页面的 WPBakery 版本，并启动后台编辑器或前台编辑器。
  2. 编辑 Washlora Section 组件，以更改文案、图片、条目行、布局、色调和链接。
  3. 移动整个组件或其父级行，即可调整页面顺序。
  4. 更改周围的呈现样式时，请保留功能组件。
  5. 保存并预览。如果出现原始短代码，请确认 WPBakery 和 Washlora Native Layouts 均已启用。
避免在文本视图中手动编辑经过编码的重复项属性。
编辑器 4

使用 Classic Editor 编辑

Classic 版本使用随页面一同保存的结构化区块控件。

  1. 从 Pages → All Pages 打开 Classic 版本。
  2. 在主内容编辑器下方找到 Laundry 区块控件。
  3. 更改区块字段和重复项，并根据需要重新排序区块。
  4. 在主内容中保留 [laundry_classic_sections] 输出短代码。
  5. 更新并重新加载前台，以验证已保存的布局。
不要用复制的预览 HTML 替换主短代码。区块控件才是可编辑的源头。