WordPress 区块编辑器与经典编辑器:区别及选择方法
WordPress 区块编辑器把段落、图片和表格作为独立区块来组合,经典编辑器则让您在一个连续的编辑区域中写作。新博客需要多种布局时,先学习区块编辑器比较实用;如果需要保留已有原稿格式或旧编辑界面的专用功能,可以在确认主题和插件兼容性后选择经典编辑器。
什么是区块编辑器和经典编辑器?
区块编辑器与 Gutenberg
区块是构成文章的小部件。说明文字放进段落区块,照片放进图片区块,小标题使用标题区块,再分别选择、移动和设置这些部件。WordPress 从 2018 年 12 月发布的 5.0 起,将区块编辑器设为默认编辑器。界面和主要操作可参考区块编辑器官方指南。
人们也常把它称为 Gutenberg。不过,Gutenberg 插件是一个独立插件,用于提前提供尚未整合进 WordPress 的新编辑功能。正常使用区块写作,无须另外安装这个插件。
经典编辑器与 Classic Editor 插件
经典编辑器类似文字处理软件:在一个正文区域里持续输入,再通过工具栏设置粗体、添加链接或插入图片。可视化选项卡用于直观编辑,文本选项卡用于处理 HTML。HTML 是 Hypertext Markup Language 的缩写,中文通常称为超文本标记语言,用来描述网页文档的结构。
Classic Editor 是恢复旧版文章编辑界面的官方插件。它与区块编辑器里的“经典区块”不同:经典区块只是正文中的一个部件,Classic Editor 插件则改变文章编辑界面本身。
还需要区分文章编辑器与站点编辑器。前者编辑单篇文章内容,后者在区块主题下处理页眉、页脚和模板等站点结构。经典主题也能使用区块编辑器写文章。反过来,安装 Classic Editor 并不会把区块主题的站点编辑功能变成经典界面。
写同一篇文章时,操作有什么不同?
假设创建一篇名为“室内植物养护”的练习草稿,包含介绍段落、“浇水”小标题、一张照片、用品清单,以及“光照/窗边的间接光”和“水分/检查土壤”两条表格内容。这是为了比较编辑方法的示例,并非植物养护建议。
使用区块编辑器写作
- 打开文章 → 添加新文章,在标题栏输入“室内植物养护”,然后在正文区域写介绍。按 Enter 可继续输入下一段。
- 通过插入区块的+按钮添加标题区块,输入“浇水”并选择 H2。无须在正文中再用 H1 重复文章标题。
- 添加图片区块,上传准备好的照片或从媒体库选择图片。填写描述图片内容的替代文本,检查尺寸和对齐方式。
- 用列表区块填写用品清单。创建两列、两行正文的表格区块,再启用表头区域,使总行数成为三行。表头填“项目/备注”,正文两行填入示例内容。
- 在列表视图中检查标题、段落、图片、列表和表格的顺序。选中图片,用区块移动控件试着调整位置,然后保存草稿并打开预览。
关键区别在于,您选择的是独立部件,而不是把整篇文章当成一个输入框。表格区块自带行列编辑工具。若要把说明放在照片旁,可以使用分栏区块等工具,但要同时检查窄屏幕上各列纵向排列的顺序。
使用经典编辑器写作
- 在标题栏填入相同标题,在可视化选项卡的正文区域输入介绍。
- 把“浇水”单独写成一个段落,选中该段,在格式菜单中选择“标题 2”。把文字加粗,并不等于建立了文档结构中的标题。
- 将光标放在需要照片的位置,选择添加媒体。检查照片、替代文本、尺寸和对齐后插入。用品清单使用工具栏的列表功能。
- 如果默认工具栏没有插入表格的按钮,可在文本选项卡中输入表格 HTML,或使用提供表格工具的兼容插件。已安装的插件可能改变工具栏。
- 保存草稿,通过预览检查小标题、照片、列表和表格的显示与顺序。
要练习在文本选项卡中插入表格,可以把下面的完整示例粘贴到正文末尾的独立位置,不要放在图片或列表标签内部。在区块编辑器中,可将相同代码放进自定义 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 等托管服务可能根据套餐或管理政策限制插件安装。
- 备份并记录当前配置。备份数据库和文件,记下主题、已启用插件和默认编辑器设置。先在用于测试的站点副本,也就是预发布环境中操作。
- 打开插件 → 安装插件,搜索“Classic Editor”。对照官方分发页面确认插件和作者,再安装并启用。
- 进入设置 → 撰写,选择所有用户的默认编辑器。需要保留旧流程时选经典,希望新文章从区块开始时选区块。
- 决定是否允许用户切换编辑器。若要逐篇比较,允许切换并保存。多人维护的站点应先约定如何处理混合编辑流程。
- 打开文章 → 所有文章,检查可用的编辑链接,再打开练习草稿。根据版本与设置,可通过文章列表或编辑画面里的切换菜单选择。允许切换时,每篇文章会以上次使用的编辑器重新打开。
- 分别检查新文章和旧文章。改变默认值并不会把所有已有正文自动转换成独立区块。先看预览,再用于已经发布的内容。
如果没有相关选项,检查权限、主题类型及其他控制编辑器的插件。多站点网络管理员也可能限制设置。与其安装多个相互竞争的插件强制切换,不如先查清原因。菜单名称和位置会随 WordPress、插件版本及管理环境变化。
转换已有文章与安全恢复的方法
经典区块与“转换为区块”
旧正文在区块编辑器中打开时,可能会显示在一个经典区块内。可以在里面继续编辑,也可以选择“转换为区块”,把内容拆成段落、标题和图片等。启用区块编辑器与转换已经保存的正文是两项不同操作。
复杂表格、自定义 HTML 或旧插件格式不一定能按预期拆分。转换后要检查内容和布局,必要时保留某些经典区块或 HTML。对于显示正常的旧文章,没有必要一次性全部转换。
反过来,把区块文章放进经典编辑器保存,可能改变其结构或属性。区块除了 HTML,还保存划分结构的注释和设置。在文本选项卡中删除这些内容,或重新处理格式,可能导致下次用区块编辑器打开时出现恢复提示。部分动态区块还依赖插件运行,不能只靠复制 HTML 来替代。
转换前后检查与恢复步骤
- 不要直接覆盖线上文章。准备可恢复的备份,记录标题、正文、摘要、特色图片、分类和公开 URL。使用预发布环境或单独的练习草稿。
- 先测试一篇有代表性的文章。除了长文字,还应包含表格、照片、图片说明、列表、短代码和附加区块。保留原页面作为对照。
- 一次只改一项。只切换编辑器,或只转换一个经典区块,然后保存。不要同时更换主题或整理插件。
- 比较预览或公开页面。检查标题层级、链接、替代文本、表格列、短代码输出和手机换行。编辑画面中看得到内容,不代表实际功能一定正常。
- 发现问题时停止继续保存。保存前可以尝试撤销。已经保存时,检查仍然可用的转换前修订版本并恢复,或使用备份。是否保留修订版本取决于站点设置,它们不是所有文件与插件配置的完整备份。
- 分别恢复正文和设置。恢复需要的正文,再将默认编辑器及相关选项调回记录值,并重新检查。停用 Classic Editor 不会撤销已经保存的正文转换。确认恢复后,再决定是否继续处理其他文章。
常见问题
区块编辑器和经典编辑器,哪个用得更多?
无法在这里用一个数字准确代表当前所有 WordPress 用户的比例。WordPress 2023 年官方调查中,60% 的受访者表示使用 Gutenberg。这是 2023 年受访者的结果,并非排除了同时使用两者的情况后得出的 2026 年全球占比。2026 年 10 月查看 Classic Editor 页面时,其显示活跃安装量超过 800 万,但安装量既不是人数,也不是只使用经典编辑器的站点数。
换编辑器会改善 SEO 或速度吗?
不能仅凭编辑器名称保证搜索引擎优化(SEO,Search Engine Optimization)或速度提升。应评估最终页面,包括可读内容、清晰标题和有用链接等,相关原则见Google SEO 入门指南。主题、图片、脚本、广告和附加区块都会影响加载。同一内容应在相同条件下测量,并区分管理编辑界面的响应速度与访客页面的加载速度。
经典主题能使用区块编辑器吗?
可以。“经典主题”指主题的结构方式,不代表文章必须用经典编辑器。宽幅对齐、颜色及编辑界面样式的支持范围因主题而异。站点编辑器则另外需要区块主题。
不同文章可以使用不同编辑器吗?
在受支持的环境下,Classic Editor 的允许切换选项可以让您逐篇选择。但这不表示同一篇文章在两个编辑器中反复保存,总能保留所有结构。已有文章宜继续使用已确认兼容的方式,新方法先在副本上测试。




