WordPress页面编辑器怎么用？

WordPress页面编辑主要通过后台的“页面”菜单进入，可使用经典编辑器（类似Word文档编辑）或区块编辑器（Gutenberg），后者通过添加/拖拽区块（文本、图片等模块）自由构建布局，两种模式通常可切换使用。

好的,这是一篇针对访客、详细介绍 WordPress 页面编辑器（区块编辑器/Gutenberg）的文章，注重实用性和 E-A-T 原则：

在 WordPress 中创建和编辑页面内容的核心工具就是页面编辑器，它经历了重大变革，现在主要使用的是强大的区块编辑器（也称为 Gutenberg 编辑器），无论你是刚接触 WordPress 还是熟悉旧版编辑器，了解这个现代工具是高效管理网站内容的关键。

认识区块编辑器：构建页面的积木

想象一下,你的页面是由各种不同功能的“积木”（区块）组合而成的，每个区块代表一种特定类型的内容或功能，

段落： 最基础的文本内容块。
用于组织内容结构（H1, H2, H3 等）。
图像： 插入并展示图片。
图库： 展示多张图片的集合。
按钮： 创建可点击的号召性用语按钮。
列：将内容分成并排的多列布局。
分组： 将多个区块组合在一起，方便整体操作或设置样式。
短代码： 插入插件或主题提供的特殊功能代码。
自定义 HTML： 直接编写 HTML 代码。
以及更多： 列表、引语、音频、视频、文件下载、分隔线、间距器等等，许多主题和插件还会添加它们专属的区块。

这种模块化的方式提供了极大的灵活性,让你无需编写代码就能创建复杂的布局。

如何使用区块编辑器编辑页面

进入页面编辑界面：
- 登录你的 WordPress 后台 (yourdomain.com/wp-admin)。
- 导航到 页面 > 所有页面。
- 找到你想编辑的页面,将鼠标悬停在其标题上，点击 编辑，或者点击 添加新页面 创建一个空白页面。
理解编辑界面：
- 顶部工具栏：
  - 最上方输入框，填写页面的主标题（通常是 H1）。
  - 文档设置 (齿轮图标)： 点击后右侧边栏会切换到页面级设置（状态与可见性、永久链接、特色图像、讨论、页面属性如模板、父页面等）。
  - 预览/发布/更新： 预览页面效果，或将更改发布/更新到网站。
  - 工具 (三个点图标)： 包含更多选项，如切换编辑器模式（可视化/代码编辑器）、管理可重用区块、编辑器设置（如顶部工具栏、固定工具栏、聚焦模式等）、复制所有内容、导出为 JSON 等。
- 左侧区块插入器 (+ 图标)：
  - 点击左上角的按钮，会展开一个包含所有可用区块的库，你可以按类别浏览或直接搜索所需区块。
  - 也可以直接在编辑区域按 Enter 键换行，或点击出现的按钮来快速添加常用区块。
- 主编辑区域：
  - 这是你构建页面的画布,初始状态下通常有一个空白的“段落”区块或“标题”区块。
  - 点击任意位置即可开始输入内容或添加新区块。
- 右侧边栏：
  - 这是核心控制区,会根据你当前选中的区块或页面本身动态变化。
  - 区块设置： 当你选中页面上的某个具体区块（如一个段落、一张图片）时，右侧边栏会显示该区块独有的设置选项（文本对齐、字体大小、颜色、链接设置、图片尺寸/对齐/替代文本等）。
  - 文档设置： 当点击顶部工具栏的齿轮图标或未选中任何具体区块时，右侧边栏显示页面本身的设置（如前面所述的状态、链接、属性等）。
核心操作：
- 添加区块：
  - 点击编辑区域左上角或行间的按钮。
  - 按 Enter 键在当前区块下方添加新段落，或按键后输入区块名称快速插入（例如输入 /image 快速插入图像区块）。
  - 从左侧区块插入器拖拽所需区块到编辑区域。
- 编辑区块内容： 直接点击区块内部区域（如段落中的文字、图像区块中的占位符）即可输入或修改内容。
- 操作区块：
  - 选中区块： 点击区块，其周围会出现蓝色边框和操作栏。
  - 区块操作栏： 出现在选中区块上方或内部，包含：
    - 更改区块类型（例如将段落变成标题）。
    - 对齐选项（左、中、右、宽对齐、全宽对齐 – 取决于主题支持）。
    - 粗体、斜体、链接等基础格式（对于文本区块）。
    - 更多选项 (三个点图标)：复制区块、复制样式、在前后插入新区块、设为可重用区块、添加到收藏区块、移动区块（上下箭头）、删除区块等。
  - 拖放移动： 选中区块后，将鼠标悬停在区块操作栏左侧的六个点图标上，出现十字箭头时即可拖拽到页面其他位置。
  - 调整顺序： 使用区块操作栏上的上下箭头按钮。
- 配置区块设置： 选中区块后，在右侧边栏中找到该区块特有的设置选项进行详细调整（样式、尺寸、高级 CSS 类等）。
- 使用列和分组：
  - 列：添加“列”区块，选择列数（如两列、三列），然后在每列中再添加其他内容区块（如图片、段落），这是创建复杂多栏布局的基础。
  - 分组： 选中多个相邻区块（按住 Shift 点击），然后点击出现的“成组”按钮，或直接添加“分组”区块再把其他区块拖进去，分组后可以统一设置背景色、间距等样式，或整体移动。
- 区块列表视图： 点击顶部工具栏左侧的“列表视图”图标（三个横线加方块），可以清晰地看到页面所有区块的层级结构树，方便快速导航、选中和移动深层嵌套的区块，尤其对复杂页面非常有用。
- 保存草稿/预览/发布： 编辑过程中，WordPress 通常会定时自动保存草稿，随时点击顶部工具栏的 预览 按钮在新窗口查看效果，满意后，点击 发布（新页面）或 更新（已有页面）使更改生效。

高级技巧与注意事项

可重用区块： 如果你创建了一个特定样式或内容的区块（比如一个特定样式的号召按钮、一个包含联系信息的组合），可以将其保存为“可重用区块”，之后在任何页面都可以快速插入这个预设好的区块，并且一处修改，所有使用该可重用区块的地方都会更新。
自定义 CSS： 在区块设置或页面设置的“高级”选项卡中，通常可以添加自定义 CSS 类名，然后在主题的自定义附加 CSS 区域或子主题的样式表中编写 CSS 来精确控制样式。
经典区块： 如果你习惯了旧版的 TinyMCE 编辑器（所见即所得），可以添加“经典”区块，它提供了类似旧编辑器的工具栏，适合处理大段富文本，但通常建议逐步适应区块编辑器以获得更好的布局控制。
HTML 编辑： 对于有经验的用户，每个区块都可以切换到“编辑为 HTML”视图（在区块的“更多选项”中），直接修改底层 HTML 代码，也可以在页面中插入“自定义 HTML”区块。
模板管理： 一些主题允许你为页面选择不同的模板（全宽模板、带侧边栏模板、联系页面模板），这通常在右侧边栏的“页面属性” > “模板”中设置。
版本恢复： WordPress 会自动保存修订版本，在编辑器的“工具” > “修订版本”中可以查看历史记录并恢复到之前的某个版本。

为什么区块编辑器是更好的选择？

直观可视化编辑： 所见即所得，布局调整更直观。
布局灵活性： 轻松创建多列、网格、复杂内容组合，无需依赖短代码或自定义 HTML。
模块化管理： 内容以区块为单位，便于移动、复制、重用和样式控制。
现代化与未来： 它是 WordPress 的核心和未来发展方向，持续获得更新和新功能。
标准化与兼容性： 为开发主题和插件提供了更一致的标准。

经典编辑器（可选）

虽然区块编辑器是默认且推荐的选择,但如果你确实需要旧版编辑器（TinyMCE），可以通过安装官方插件 Classic Editor 来恢复它，安装激活后，在编辑页面时就会回到熟悉的旧界面，WordPress 官方已明确表示区块编辑器是未来，新功能将主要围绕其开发。

WordPress 的区块编辑器（Gutenberg）是一个强大而现代的工具，通过“区块”的概念彻底改变了页面构建方式，它提供了前所未有的灵活性和可视化控制能力，让你能够轻松创建从简单到复杂的各种页面布局，花些时间熟悉各种区块及其设置选项，善用列、分组和可重用区块等功能，你将能高效地打造出专业、美观的网站页面，实践是掌握它的最佳途径！

引用说明：