domingo, 30 Ago 2026

专为网页设计和开发专家提供的独家资源和工具

探索
BiblioWeb

Biblio网站.es

所有关于网页技术

  • 首页
  • 分类
    • 网站开发和插件
    • AI和网站自动化
    • 网络安全和网站安全
    • WordPress 插件
    • 网站错误解决方案
    • 主机和网站性能
  • WordPress
    • Todo sobre WordPress
    • WordPress 插件
    • 网站开发和插件
    • IA y Automatización web
    • WooCommerce
    • Hosting y Rendimiento Web
    • 网络安全和网站安全
    • Solución de errores web
    • Tiendas online y Funnels
  • 关于插件
    • Yoast SEO
    • WooCommerce
    • Rank Math SEO
    • AI引擎
    • WP Rocket
    • WPCode
    • WP Translate Master
    • CartBounty
    • WP SEO Pro
  • 工具
    • 密码生成器
    • 二维码生成器
    • 单词计数器
    • JSON格式化工具
    • Compresor de Vídeo para Web
    • Generador de Firmas de Email
    • 图片转WebP转换器
    • 电子邮件检查器
  • 插件库
  • Español
  • English
  • 🇨🇳 中文(简体) ✓
  • Français
  • Deutsch
  • Italiano
历史
  • WordPress
  • WordPress插件
  • 创建网页
  • WooCommerce
  • WordPress技巧
  • 查看全部
BiblioWebBiblioWeb
Font ResizerAa
  • 新闻历史
搜索
  • 首页
  • 分类
    • 网站开发和插件
    • AI和网站自动化
    • 网络安全和网站安全
    • WordPress 插件
    • WooCommerce
    • 主机和网站性能
    • 网站故障排除和错误
    • 在线商店和销售漏斗
  • WordPress
    • Todo sobre WordPress
    • WordPress 插件
    • 网站开发和插件
    • IA y Automatización web
    • WooCommerce
    • Hosting y Rendimiento Web
    • 网络安全和网站安全
    • Solución de errores web
    • Tiendas online y Funnels
  • 关于插件
    • Rank Math SEO
    • AI引擎
    • WP Rocket
    • WPCode
    • WP Translate Master
    • CartBounty
    • WP SEO Pro
  • 博客
    • Español
    • English
    • 🇨🇳 中文(简体) ✓
    • Français
    • Deutsch
    • Italiano
  • 我的账户
    • 新闻历史
  • 工具
    • 密码生成器
    • 二维码生成器
    • 单词计数器
    • JSON格式化工具
    • 图片转WebP转换器
    • 电子邮件检查器
    • Compresor de Vídeo para Web
    • Generador de Firmas de Email
Have an existing account? Sign In
Follow US
© 2026 BiblioWeb — Todos los derechos reservados.
封面 » 博客 » WordPress区块编辑器指南(古腾堡)
WordPress

WordPress区块编辑器指南(古腾堡)

Adrián Alcalá
Last updated: 08/08/2026 21:10
By Adrián Alcalá
Share
48. 14分钟阅读
古腾堡块编辑器指南
SHARE

这个 古腾堡区块编辑器 自WordPress 5.0以来,是该平台创建内容的原生方式:每个段落、图片、标题或按钮都是一个独立的组件(一个区块),你可以移动、配置和组合它们来排版完整的页面,而无需编写代码或安装外部页面构建器。许多用户当年对从经典编辑器切换感到不适应,但2026年的现实是,古腾堡已经成熟,成为一个严肃的页面排版工具:列、预设模式、可复用区块以及对排版、颜色和间距的精细控制,使得许多插件变得不必要。在本指南中,你将学习如何熟练使用区块编辑器:界面及其快捷方式、核心区块及其配置方法、使用列和组进行排版、提高生产力的同步模式和区块,以及日常发布者使用的技巧,以比任何经典编辑器更快地工作。

目录
古腾堡区块编辑器界面:各项功能在哪里核心区块及其使用技巧使用列、组和行进行布局模式和同步区块:告别重复工作87. 日常生产力技巧68. 古腾堡与可视化构建器对比常见问题结论

古腾堡区块编辑器界面:各项功能在哪里

创建新文章或页面时,你会看到三个主要区域:

  • 中央画布,你可以在这里编写并查看内容最终呈现的样子(或非常相似,取决于你的主题)。
  • 顶部栏,包含区块插入器(+按钮)、撤销/重做、列表视图(在复杂排版中至关重要),右侧是保存、预览和发布按钮。
  • 设置侧边栏,它可以在文档设置(分类、特色图片、摘要、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 如果你还没有这样做。

你可能也喜欢

网站自动化:n8n还是Zapier?您的WordPress机构的战略选择。
¿Quieres saber cómo instalar WordPress como un PRO? 🚀 Guía definitiva para elegir el hosting perfecto (¡y que tu web vuele!)
Notion vs. Airtable:优化网络机构的生产力工具
Cómo actualizar PHP en WordPress de forma segura

图片与图库

图片区块允许对齐(如果主题支持,包括全宽和宽幅)、链接、替代文本和 图片转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. 日常生产力技巧

  1. 86. 先写作,后布局。 85. 先用段落和标题撰写所有内容,最后再添加图片、列和盒子。混合撰写和设计会使时间加倍。
  2. 84. 无需担心从Word或Google Docs粘贴。 83. 古腾堡会自动清理格式,并将标题、列表和粗体字转换为正确的区块。
  3. 82. 直接拖放图片 81. 从电脑文件夹直接拖到画布上:它们会自动上传并插入。
  4. 80. 在不同类型的区块之间转换。 79. 一个段落可以从其工具栏转换为引用、标题或列表,无需重写任何内容。
  5. Usa “Copiar estilos” y “Pegar estilos” 77. (区块的三点菜单)来复制区块之间的颜色、排版和间距。
  6. 76. 控制内容长度。 75. 对于SEO文章,最好监控总长度;通过 74. 字数和字符数计数器 73. 立即告诉您是否达到目标。
  7. 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自带的编辑器正是您一直在寻找的工具。

分享此文章
电子邮件 复制链接 打印
ByAdrián Alcalá
Follow:
Adrián Alcalá es desarrollador WordPress y consultor SEO, autor del plugin WP Translate y creador de BiblioWeb. Desde aquí comparte guías, tutoriales y herramientas gratuitas para quienes crean, optimizan y posicionan páginas web. Lleva años ayudando a negocios de toda España a sacar el máximo partido a WordPress, y todo lo que publica está probado en proyectos reales.
上一篇文章 WordPress 中的 500 错误:原因和解决方案 4. WordPress 500 错误:它是什么以及如何解决
下一篇文章 WordPress 子主题是什么以及如何创建它 什么是 WordPress 子主题以及如何创建它
como instalar wordpress - ¡Tu primera web en marcha! 🎉 Cómo instalar WordPress sin estrés y con la confianza de un experto (
¡Tu primera web en marcha! 🎉 Cómo instalar WordPress sin estrés y con la confianza de un experto (¡Te lo ponemos fácil!).
WordPress
学习WordPress的最佳资源
Los mejores recursos para aprender WordPress en español
WordPress
como instalar wordpress - ¡Adiós al miedo! Cómo instalar WordPress en tu propio servidor local (¡Perfecto para experimentar s
¡Adiós al miedo! Cómo instalar WordPress en tu propio servidor local (¡Perfecto para experimentar sin riesgos y crear tu #CrearPaginaWeb!)
WordPress
为什么WordPress是免费的
¿Por qué WordPress es gratis? Así se financia el proyecto
WordPress
- 广告 -

您可能也喜欢

WordPress 备份:完整指南
WordPress

如何进行WordPress备份

08/08/2026
WordPress 是什么以及它的用途:积木式建站
WordPress

什么是 WordPress 及其用途:完整指南

08/08/2026
安全地更新WordPress
WordPress

Cómo actualizar WordPress de forma segura (núcleo, tema y sin sustos)

24/08/2026
使用 WordPress 循序渐进创建博客
WordPress

如何一步步创建WordPress博客

08/08/2026
显示更多
  • 更多新闻:
  • WordPress
  • 安装
  • 指南
  • 创建网页
  • 如何安装WordPress
  • 创建
  • 安装
  • 未来
  • 发现
  • Yoast
  • 插件
  • 技巧
  • WordPress安装
  • 再见
  • 支付网关
  • 页面
  • 创建网站
  • truco
  • Error
  • Construcción
BiblioWeb

Biblio网站.es

网页技术动态

您可以信赖的信息: guías y soluciones prácticas de tecnología web — WordPress, plugins, ciberseguridad, hosting, rendimiento y solución de errores.

RSS

Enlaces de interés

  • Sobre nosotros
  • 联系我们
  • Herramientas gratuitas
  • 插件库

立即订阅,以获取最新新闻的实时更新!

法律

  • 法律声明
  • 条款与条件
  • Cookie政策
  • 隐私政策

最新消息

como instalar wordpress - ¡Tu primera web en marcha! 🎉 Cómo instalar WordPress sin estrés y con la confianza de un experto (

¡Tu primera web en marcha! 🎉 Cómo instalar WordPress sin estrés y con la confianza de un experto (¡Te lo ponemos fácil!).

25/08/2026
继续阅读
como instalar wordpress - ¿Quieres saber cómo instalar WordPress como un PRO? 🚀 Guía definitiva para elegir el hosting perfe

¿Quieres saber cómo instalar WordPress como un PRO? 🚀 Guía definitiva para elegir el hosting perfecto (¡y que tu web vuele!)

24/08/2026
继续阅读

© 2026 BiblioWeb — Todos los derechos reservados.

Gestionar consentimiento
Utilizamos tecnologías como las cookies para almacenar y/o acceder a la información del dispositivo. Lo hacemos para mejorar la experiencia de navegación y para mostrar anuncios (no) personalizados. El consentimiento a estas tecnologías nos permitirá procesar datos como el comportamiento de navegación o los ID's únicos en este sitio. No consentir o retirar el consentimiento, puede afectar negativamente a ciertas características y funciones.
Funcional Always active
El almacenamiento o acceso técnico es estrictamente necesario para el propósito legítimo de permitir el uso de un servicio específico explícitamente solicitado por el abonado o usuario, o con el único propósito de llevar a cabo la transmisión de una comunicación a través de una red de comunicaciones electrónicas.
偏好设置
El almacenamiento o acceso técnico es necesario para la finalidad legítima de almacenar preferencias no solicitadas por el abonado o usuario.
Estadísticas
El almacenamiento o acceso técnico que es utilizado exclusivamente con fines estadísticos. El almacenamiento o acceso técnico que se utiliza exclusivamente con fines estadísticos anónimos. Sin un requerimiento, el cumplimiento voluntario por parte de tu proveedor de servicios de Internet, o los registros adicionales de un tercero, la información almacenada o recuperada sólo para este propósito no se puede utilizar para identificarte.
营销
El almacenamiento o acceso técnico es necesario para crear perfiles de usuario para enviar publicidad, o para rastrear al usuario en una web o en varias web con fines de marketing similares.
  • Manage options
  • Manage services
  • Manage {vendor_count} vendors
  • Read more about these purposes
Ver preferencias
  • {title}
  • {title}
  • {title}
Welcome to Foxiz
Username or Email Address
Password

Lost your password?