WordPress 区块编辑器与经典编辑器:区别及选择方法

WordPress 区块编辑器把段落、图片和表格作为独立区块来组合,经典编辑器则让您在一个连续的编辑区域中写作。新博客需要多种布局时,先学习区块编辑器比较实用;如果需要保留已有原稿格式或旧编辑界面的专用功能,可以在确认主题和插件兼容性后选择经典编辑器。

什么是区块编辑器和经典编辑器?

区块编辑器与 Gutenberg

区块是构成文章的小部件。说明文字放进段落区块,照片放进图片区块,小标题使用标题区块,再分别选择、移动和设置这些部件。WordPress 从 2018 年 12 月发布的 5.0 起,将区块编辑器设为默认编辑器。界面和主要操作可参考区块编辑器官方指南。

人们也常把它称为 Gutenberg。不过,Gutenberg 插件是一个独立插件,用于提前提供尚未整合进 WordPress 的新编辑功能。正常使用区块写作,无须另外安装这个插件。

经典编辑器与 Classic Editor 插件

经典编辑器类似文字处理软件:在一个正文区域里持续输入,再通过工具栏设置粗体、添加链接或插入图片。可视化选项卡用于直观编辑,文本选项卡用于处理 HTML。HTML 是 Hypertext Markup Language 的缩写,中文通常称为超文本标记语言,用来描述网页文档的结构。

Classic Editor 是恢复旧版文章编辑界面的官方插件。它与区块编辑器里的“经典区块”不同:经典区块只是正文中的一个部件,Classic Editor 插件则改变文章编辑界面本身。

还需要区分文章编辑器与站点编辑器。前者编辑单篇文章内容,后者在区块主题下处理页眉、页脚和模板等站点结构。经典主题也能使用区块编辑器写文章。反过来,安装 Classic Editor 并不会把区块主题的站点编辑功能变成经典界面。

写同一篇文章时,操作有什么不同?

假设创建一篇名为“室内植物养护”的练习草稿,包含介绍段落、“浇水”小标题、一张照片、用品清单,以及“光照/窗边的间接光”和“水分/检查土壤”两条表格内容。这是为了比较编辑方法的示例,并非植物养护建议。

使用区块编辑器写作

  1. 打开文章 → 添加新文章,在标题栏输入“室内植物养护”,然后在正文区域写介绍。按 Enter 可继续输入下一段。
  2. 通过插入区块的+按钮添加标题区块,输入“浇水”并选择 H2。无须在正文中再用 H1 重复文章标题。
  3. 添加图片区块,上传准备好的照片或从媒体库选择图片。填写描述图片内容的替代文本,检查尺寸和对齐方式。
  4. 用列表区块填写用品清单。创建两列、两行正文的表格区块,再启用表头区域,使总行数成为三行。表头填“项目/备注”,正文两行填入示例内容。
  5. 在列表视图中检查标题、段落、图片、列表和表格的顺序。选中图片,用区块移动控件试着调整位置,然后保存草稿并打开预览。

关键区别在于,您选择的是独立部件,而不是把整篇文章当成一个输入框。表格区块自带行列编辑工具。若要把说明放在照片旁,可以使用分栏区块等工具,但要同时检查窄屏幕上各列纵向排列的顺序。

使用经典编辑器写作

  1. 在标题栏填入相同标题,在可视化选项卡的正文区域输入介绍。
  2. 把“浇水”单独写成一个段落,选中该段,在格式菜单中选择“标题 2”。把文字加粗,并不等于建立了文档结构中的标题。
  3. 将光标放在需要照片的位置,选择添加媒体。检查照片、替代文本、尺寸和对齐后插入。用品清单使用工具栏的列表功能。
  4. 如果默认工具栏没有插入表格的按钮,可在文本选项卡中输入表格 HTML,或使用提供表格工具的兼容插件。已安装的插件可能改变工具栏。
  5. 保存草稿,通过预览检查小标题、照片、列表和表格的显示与顺序。

要练习在文本选项卡中插入表格,可以把下面的完整示例粘贴到正文末尾的独立位置,不要放在图片或列表标签内部。在区块编辑器中,可将相同代码放进自定义 HTML 区块进行比较。

<table>
  <thead>
    <tr><th scope="col">项目</th><th scope="col">备注</th></tr>
  </thead>
  <tbody>
    <tr><td>光照</td><td>窗边的间接光</td></tr>
    <tr><td>水分</td><td>检查土壤</td></tr>
  </tbody>
</table>

预期结果是两列、一个表头行和两个数据行的表格。边框、颜色和宽度取决于主题,这段代码不会自动变成表格区块。要撤销练习,只需从练习草稿中删除表格代码或 HTML 区块。

两种编辑器都能使用 HTML 和短代码

区块编辑器也支持在自定义 HTML 区块中输入标记。需要向读者展示代码本身时用代码区块,需要生成实际页面元素时用自定义 HTML。用户权限和安全设置可能在保存时移除部分标签,因此要检查保存后的结果。

短代码是一段用于调用插件等组件功能的简短指令。区块编辑器提供短代码区块,经典编辑器则可直接在正文中输入短代码。切换编辑器后,仍然需要提供该功能的插件或主题。

功能、优点与限制对比

表中的 CSS 是 Cascading Style Sheets,即层叠样式表,用来控制颜色、间距等外观。元框是编辑界面上的额外输入面板,例如插件设置区域。

比较项目 区块编辑器 经典编辑器
编辑单位 分别选择段落、图片和表格 在一个连续的正文区域编辑
基础表格 内置表格区块 可能需要 HTML 或附加工具
按钮和分栏 通过相应区块组合 通过 HTML、CSS 或其他功能实现
重复布局 使用区块样板等功能 复制原稿模板或使用附加功能
编写 HTML 自定义 HTML 区块等工具 文本选项卡
现有功能兼容性 检查使用的区块和元框 可能适合依赖旧界面的功能
最终设计 两者都会受到主题、插件和内容结构的影响

区块编辑器的优点与学习重点

区块便于单独调整元素的位置,使用基础区块就能创建表格、按钮和分栏。经常使用的标题、说明和按钮组合,可以作为区块样板使用。但同步样板可能在多个位置共用,修改一处前要理解它对其他使用位置的影响。

初学者可能混淆文章设置与区块设置,也可能难以选中嵌套分栏里的某个元素。列表视图有助于看清结构。安装较多区块插件后,还需要承担这些插件的维护和兼容性检查。

经典编辑器的优点与局限

对习惯连续写长文、使用熟悉工具栏的人来说,简单的编辑环境可能更顺手。基于现有 HTML 格式或旧界面元框建立的工作流程,也可能更容易保留。

不过,复杂布局可能需要 HTML、CSS 或其他工具。不能因为博客以文字为主,就认定经典编辑器一定写得更快。熟悉程度、文章结构和已安装的功能都会影响所需时间。

哪种编辑器适合您的博客?

  • 刚开始建博客:先学习默认编辑器里的段落、标题、图片、列表和表格即可,无须一开始就做复杂布局。如果计划使用区块主题,也应了解文章编辑与站点编辑的关系。
  • 主要写文字和放照片:两者都能胜任。用同一个草稿比较修改段落、移动照片、调整表格等经常进行的操作。
  • 介绍页面或重复布局较多:可以优先考虑区块与样板。不要只看编辑画面,还要检查当前主题及手机上的最终效果。
  • 必须保留 HTML 原稿和专用功能:继续使用经典编辑器也可能合理。先确认相关功能是否支持区块,以及主题是否满足 Classic Editor 的使用条件。

选择依据应是重复工作和维护成本,而不只是新旧或流行程度。比较时使用站点副本,保持主题和插件不变,只切换编辑器。如果同时换主题,就难以判断变化来自哪里。

安装 Classic Editor 并选择编辑器

以下步骤以自行托管的 WordPress、具备插件安装权限及使用经典主题为前提。Classic Editor 官方说明表示,不支持区块主题和全站编辑。如果在区块主题下看不到设置,或界面未切换,先确认这一限制,不要直接认定发生故障。WordPress.com 等托管服务可能根据套餐或管理政策限制插件安装。

  1. 备份并记录当前配置。备份数据库和文件,记下主题、已启用插件和默认编辑器设置。先在用于测试的站点副本,也就是预发布环境中操作。
  2. 打开插件 → 安装插件,搜索“Classic Editor”。对照官方分发页面确认插件和作者,再安装并启用。
  3. 进入设置 → 撰写,选择所有用户的默认编辑器。需要保留旧流程时选经典,希望新文章从区块开始时选区块。
  4. 决定是否允许用户切换编辑器。若要逐篇比较,允许切换并保存。多人维护的站点应先约定如何处理混合编辑流程。
  5. 打开文章 → 所有文章,检查可用的编辑链接,再打开练习草稿。根据版本与设置,可通过文章列表或编辑画面里的切换菜单选择。允许切换时,每篇文章会以上次使用的编辑器重新打开。
  6. 分别检查新文章和旧文章。改变默认值并不会把所有已有正文自动转换成独立区块。先看预览,再用于已经发布的内容。

如果没有相关选项,检查权限、主题类型及其他控制编辑器的插件。多站点网络管理员也可能限制设置。与其安装多个相互竞争的插件强制切换,不如先查清原因。菜单名称和位置会随 WordPress、插件版本及管理环境变化。

转换已有文章与安全恢复的方法

经典区块与“转换为区块”

旧正文在区块编辑器中打开时,可能会显示在一个经典区块内。可以在里面继续编辑,也可以选择“转换为区块”,把内容拆成段落、标题和图片等。启用区块编辑器与转换已经保存的正文是两项不同操作。

复杂表格、自定义 HTML 或旧插件格式不一定能按预期拆分。转换后要检查内容和布局,必要时保留某些经典区块或 HTML。对于显示正常的旧文章,没有必要一次性全部转换。

反过来,把区块文章放进经典编辑器保存,可能改变其结构或属性。区块除了 HTML,还保存划分结构的注释和设置。在文本选项卡中删除这些内容,或重新处理格式,可能导致下次用区块编辑器打开时出现恢复提示。部分动态区块还依赖插件运行,不能只靠复制 HTML 来替代。

转换前后检查与恢复步骤

  1. 不要直接覆盖线上文章。准备可恢复的备份,记录标题、正文、摘要、特色图片、分类和公开 URL。使用预发布环境或单独的练习草稿。
  2. 先测试一篇有代表性的文章。除了长文字,还应包含表格、照片、图片说明、列表、短代码和附加区块。保留原页面作为对照。
  3. 一次只改一项。只切换编辑器,或只转换一个经典区块,然后保存。不要同时更换主题或整理插件。
  4. 比较预览或公开页面。检查标题层级、链接、替代文本、表格列、短代码输出和手机换行。编辑画面中看得到内容,不代表实际功能一定正常。
  5. 发现问题时停止继续保存。保存前可以尝试撤销。已经保存时,检查仍然可用的转换前修订版本并恢复,或使用备份。是否保留修订版本取决于站点设置,它们不是所有文件与插件配置的完整备份。
  6. 分别恢复正文和设置。恢复需要的正文,再将默认编辑器及相关选项调回记录值,并重新检查。停用 Classic Editor 不会撤销已经保存的正文转换。确认恢复后,再决定是否继续处理其他文章。

常见问题

区块编辑器和经典编辑器,哪个用得更多?

无法在这里用一个数字准确代表当前所有 WordPress 用户的比例。WordPress 2023 年官方调查中,60% 的受访者表示使用 Gutenberg。这是 2023 年受访者的结果,并非排除了同时使用两者的情况后得出的 2026 年全球占比。2026 年 10 月查看 Classic Editor 页面时,其显示活跃安装量超过 800 万,但安装量既不是人数,也不是只使用经典编辑器的站点数。

换编辑器会改善 SEO 或速度吗?

不能仅凭编辑器名称保证搜索引擎优化(SEO,Search Engine Optimization)或速度提升。应评估最终页面,包括可读内容、清晰标题和有用链接等,相关原则见Google SEO 入门指南。主题、图片、脚本、广告和附加区块都会影响加载。同一内容应在相同条件下测量,并区分管理编辑界面的响应速度与访客页面的加载速度。

经典主题能使用区块编辑器吗?

可以。“经典主题”指主题的结构方式,不代表文章必须用经典编辑器。宽幅对齐、颜色及编辑界面样式的支持范围因主题而异。站点编辑器则另外需要区块主题。

不同文章可以使用不同编辑器吗?

在受支持的环境下,Classic Editor 的允许切换选项可以让您逐篇选择。但这不表示同一篇文章在两个编辑器中反复保存,总能保留所有结构。已有文章宜继续使用已确认兼容的方式,新方法先在副本上测试。