这个 古腾堡区块编辑器 自WordPress 5.0以来,是该平台创建内容的原生方式:每个段落、图片、标题或按钮都是一个独立的组件(一个区块),你可以移动、配置和组合它们来排版完整的页面,而无需编写代码或安装外部页面构建器。许多用户当年对从经典编辑器切换感到不适应,但2026年的现实是,古腾堡已经成熟,成为一个严肃的页面排版工具:列、预设模式、可复用区块以及对排版、颜色和间距的精细控制,使得许多插件变得不必要。在本指南中,你将学习如何熟练使用区块编辑器:界面及其快捷方式、核心区块及其配置方法、使用列和组进行排版、提高生产力的同步模式和区块,以及日常发布者使用的技巧,以比任何经典编辑器更快地工作。
古腾堡区块编辑器界面:各项功能在哪里
创建新文章或页面时,你会看到三个主要区域:
- 中央画布,你可以在这里编写并查看内容最终呈现的样子(或非常相似,取决于你的主题)。
- 顶部栏,包含区块插入器(+按钮)、撤销/重做、列表视图(在复杂排版中至关重要),右侧是保存、预览和发布按钮。
- 设置侧边栏,它可以在文档设置(分类、特色图片、摘要、URL)和所选区块设置(颜色、排版、间距)之间切换。通过齿轮图标显示或隐藏。
此外,当你选择任何区块时,其上方会出现一个 浮动工具栏 及其快速操作:更改类型、对齐、上移或下移,以及包含复制、拷贝或转换为模式等选项的三点菜单。
最快的工作方式不是鼠标,而是键盘。输入 / 在空行的开头输入区块名称(/imagen, /tabla, /columnas)即可插入,无需点击插入器。其他值得记住的快捷方式:
Ctrl + Shift + D:复制所选区块。Ctrl + Alt + T:在当前区块之前插入一个区块。Ctrl + Shift + Alt + M:在可视化编辑器和代码编辑器之间切换。##+ 空格:将该行转换为H2标题(###用于H3,依此类推)。
核心区块及其使用技巧
古腾堡带来了数十个区块,但90%的日常工作只需用到少数几个。深入了解它们的选项会带来巨大的不同:
段落与标题
两大支柱。在侧边栏中,你可以调整字体大小、文本和背景颜色以及首字下沉。对于标题,请遵守SEO层级结构:一个H1(文章标题),H2用于章节,H3用于子章节。如果你正在进行搜索引擎优化,一个SEO插件会提醒你这些细节;你可以参考我们的指南来 在WordPress中安装和配置Yoast SEO 如果你还没有这样做。
图片与图库
图片区块允许对齐(如果主题支持,包括全宽和宽幅)、链接、替代文本和 图片转WebP转换器 可将大小减少高达80%,且无明显损失。
列表、引用和表格
列表支持嵌套和编号或有序样式;表格允许页眉、页脚和固定宽度的单元格。对于比较性内容,使用得当的表格可以提高可读性,并在Google的富媒体搜索结果中获得优势。
按钮、分隔符和间隔器
按钮区块无需CSS即可创建具有可配置颜色、边框和圆角的行动号召。间隔器(高度可按像素调节)解决了以前需要技巧才能实现的垂直间隙。
媒体与文本,以及自定义HTML
媒体与文本区块一键将图片和文本置于两个响应式列中。当你需要嵌入一些特殊内容时,自定义HTML区块接受任何代码:它是处理极端情况的“安全阀”。
使用列、组和行进行布局
古腾堡区块编辑器在这里从文本编辑器转变为设计工具:
列
列区块将宽度分为2到6列,支持预设比例(50/50、30/70…)或自定义百分比。在每列中,你可以插入任何区块,包括其他列。在移动设备上,它们会自动垂直堆叠。
组
El bloque Grupo envuelve varios bloques en un contenedor con fondo, borde, padding y margen propios: es la forma de crear “cajas” destacadas (un aviso, una oferta, un resumen) sin plugins. Selecciona varios bloques y usa 分组 从工具栏。
行和堆叠
基于 Flexbox 的组变体,支持水平(行)或垂直(堆叠)布局:非常适合将图标与文本或一系列标志对齐。
值得特别一提的是 宽幅和全宽: si tu tema los soporta, los bloques de imagen, cubierta, grupo y columnas pueden extenderse más allá de la columna de texto e incluso ocupar todo el ancho de la pantalla. Es el recurso que da aspecto “de diseño profesional” a una página: alterna secciones a ancho completo con fondo de color y contenido centrado, y tendrás una landing digna sin tocar una línea de CSS.
工作流程提示:在嵌套组合(组内有列,列内又有组)中,用鼠标选择正确的区块会令人沮丧。打开 列表视图 从顶部栏:你将看到完整的区块树,并可以精确地选择和拖动任何区块。
模式和同步区块:告别重复工作
为频繁发布内容的用户带来最高生产力的两大功能:
模式
模式是预先设计好的区块组合(例如带有行动号召的页眉、服务网格、常见问题部分),你可以插入并进行自定义。WordPress 包含一个官方库,许多主题也添加了自己的模式。你也可以创建自己的模式:选择区块,点击三点菜单, 创建模式。如果一个设计一次性就适合你,把它变成一个模式,就不用再从头开始布局了。
同步区块
创建模式时,你可以将其标记为 同步的100. :那么它的所有副本都是同一个实体,在一个地方编辑它会更新所有出现它的页面。它是用于随时间变化的重复元素的完美工具:作者框、法律声明、活动号召。当您的产品发生变化时,您只需编辑一次,整个网站就会更新。
| 99. 功能 | 98. 是什么 | 97. 何时使用 |
|---|---|---|
| 96. 模式(非同步) | 95. 可复制的区块模板 | 94. 您重复使用但每次使用时都会自定义的设计 |
| 93. 同步模式 | 92. 页面之间共享的唯一区块 | 91. 许多页面中相同的元素,需要同时更新 |
| 90. 带样式的组 | 89. 带有自定义设计的容器 | 88. 不会重复使用的临时盒子 |
87. 日常生产力技巧
- 86. 先写作,后布局。 85. 先用段落和标题撰写所有内容,最后再添加图片、列和盒子。混合撰写和设计会使时间加倍。
- 84. 无需担心从Word或Google Docs粘贴。 83. 古腾堡会自动清理格式,并将标题、列表和粗体字转换为正确的区块。
- 82. 直接拖放图片 81. 从电脑文件夹直接拖到画布上:它们会自动上传并插入。
- 80. 在不同类型的区块之间转换。 79. 一个段落可以从其工具栏转换为引用、标题或列表,无需重写任何内容。
- Usa “Copiar estilos” y “Pegar estilos” 77. (区块的三点菜单)来复制区块之间的颜色、排版和间距。
- 76. 控制内容长度。 75. 对于SEO文章,最好监控总长度;通过 74. 字数和字符数计数器 73. 立即告诉您是否达到目标。
- 72. 锁定关键区块。 71. 从区块菜单中, 70. 锁定 69. 防止意外移动或删除:这在多人编辑的网站中很有用。
68. 古腾堡与可视化构建器对比
67. 一个不可避免的问题:是否仍然需要像Elementor或Divi这样的构建器?这取决于项目。古腾堡在加载速度(生成干净的HTML,没有额外的CSS和JavaScript层)、长期稳定性(它是核心的一部分,而不是可能被放弃的插件)和编辑内容的速度方面更胜一筹。构建器仍然提供更精细的像素级设计控制、高级视觉效果和更华丽的商业模板。
66. 一般标准:对于博客、媒体、文档和内容丰富的企业网站,古腾堡是目前最明智的选择;对于设计精美的着陆页或需要复杂视觉效果的客户,构建器可能更合理。还要注意,古腾堡的视觉效果很大程度上取决于活动主题:一个为区块准备的现代主题会倍增其可能性,在我们的指南中,关于 65. 如何为您的WordPress网站选择完美主题 64. 我们解释了需要注意什么。
常见问题
63. 我可以回到WordPress经典编辑器吗?
62. 是的,官方的经典编辑器插件仍然可用并得到维护。但除了非常具体的情况(遗留工作流、不兼容的插件),现在最好将精力投入到学习区块编辑器上:WordPress当前和未来的所有开发都围绕着它。
61. 古腾堡区块编辑器对SEO不利吗?
60. 恰恰相反。它生成语义化且轻量级的HTML,有利于分层标题,并与所有SEO插件集成。用原生区块布局的页面通常比用可视化构建器制作的页面加载更快,而速度是排名因素。
59. 我的经典编辑器旧文章会怎样?
Se muestran dentro de un “bloque clásico” que conserva su contenido intacto. Puedes dejarlas así indefinidamente o convertirlas a bloques con la opción 57. 转换为区块56. ,它会自动分隔段落、标题和图片。转换后请检查结果,特别是如果使用了短代码或自定义HTML。
55. 我需要额外的区块插件吗?
54. 首先,不需要:原生区块涵盖了大多数需求。如果您缺少特定的区块(手风琴、价格表、推荐),Spectra或Stackable等套件可以添加它们。只安装其中一个套件,不要安装多个:每个套件都会加载自己的资源,重复安装会影响性能。
结论
53. 古腾堡区块编辑器自首次亮相以来已取得了长足进步:它从一个备受争议的编辑器发展成为一个完整、快速且完美集成到WordPress中的布局工具。实际的学习曲线很短:界面、半打基本区块、用于布局的列和组,以及用于避免重复工作的模式。有了这些基础和键盘快捷键,发布设计精良的内容只需几分钟。我们的实用建议是:在您的下一篇文章中,尝试用原生区块解决您以前用短代码或布局插件完成的工作。您很可能会发现WordPress自带的编辑器正是您一直在寻找的工具。