什么是WordPress区块编辑器？
WordPress区块编辑器，通常称为Gutenberg，是WordPress中的默认内容编辑器。它在WordPress 5.0中引入，取代了经典编辑器，采用了模块化的区块系统，每一段内容——段落、图像、标题或嵌入——都是一个独立的区块，您可以独立地排列、定制和重新排列。
到2026年，Gutenberg已经远远超出了简单的内容编辑器。通过全站编辑（FSE），它现在控制整个站点的布局，包括页眉、页脚、模板和模板部分。本指南将引导您了解所需的所有知识，从基本的区块编辑到高级的站点构建技术。
核心区块概述
WordPress附带了90多个核心区块，按类别组织。以下是您最常使用的区块：
| 类别 | 关键区块 | 使用案例 |
|---|---|---|
| 文本 | 段落、标题、列表、引用、详细信息 | 标准内容创建 |
| 媒体 | 图像、画廊、视频、音频、封面 | 视觉和多媒体内容 |
| 设计 | 列、组、行、堆叠、间距 | 页面布局和结构 |
| 小部件 | 搜索、导航、社交图标、标签云 | 互动和动态元素 |
| 主题 | 站点标题、徽标、导航、查询循环 | 全站编辑组件 |
| 嵌入 | YouTube、Twitter、Spotify、Vimeo | 第三方内容嵌入 |
使用区块创建内容
添加区块
有几种方法可以将区块添加到您的内容中：
- 加号按钮 (+)： 单击工具栏中的加号图标或区块之间的加号以打开区块插入器
- 斜杠命令： 输入
/后跟区块名称（例如，/image，/heading）以快速插入 - 命令面板： 按
Ctrl+K（Windows）或Cmd+K（Mac）搜索任何区块或操作 - 拖放： 从插入面板直接将区块拖到画布上
配置区块
每个区块都有两个配置区域：
- 工具栏： 出现在所选区块上方，提供常见操作（对齐、粗体、斜体、链接）
- 侧边栏面板： 提供详细设置，包括颜色、排版、间距和高级选项
组织区块
通过使用区块工具栏中的箭头将区块上下移动，或将它们拖到新位置来排列您的内容。您还可以使用列表视图面板（Shift+Alt+O）查看整个文档结构，并在树中拖动区块。
可重用区块（同步模式）
可重用区块——在2026年更名为同步模式——允许您创建一个区块或一组区块一次，并在多个帖子和页面中插入它们。当您更新同步模式时，每个实例会自动更新。
同步模式的常见用途：
- 出现在多个页面上的号召性用语部分
- 在博客文章中使用的作者简介框
- 标准化的免责声明或附属披露通知
- 新闻通讯注册表单
- 联系信息区块
要创建同步模式：选择区块，单击三点菜单，选择“创建模式”，命名并打开“同步”选项。要稍后插入它，请在区块插入器的模式选项卡中找到它。
区块模式
区块模式是预设计的区块排列，您可以插入并自定义。与同步模式不同，它们没有链接——编辑模式实例不会影响其他用法。
内置模式
WordPress包括用于常见布局的模式：英雄部分、功能网格、推荐布局、定价表等。您的活动主题可能会注册额外的模式，以优化其设计系统。
WordPress.org模式目录
WordPress.org模式目录提供成千上万的社区贡献模式。您可以直接从插入器或模式目录网站浏览、预览和复制模式。
创建自定义模式
通过排列区块、选择所有区块并从区块菜单创建模式来构建您自己的模式。自定义模式会出现在插入器的“我的模式”部分，使其可在您的站点上重复使用。
全站编辑基础
全站编辑（FSE）将区块编辑扩展到整个站点结构，而不仅仅是帖子和页面内容。使用区块主题，您可以编辑：
- 模板： 控制特定页面类型的布局（单个帖子、归档、404、搜索结果）
- 模板部分： 编辑可重用的部分，如页眉和页脚
- 全局样式： 设置全站的颜色、排版
- 导航： 以可视化方式构建和管理菜单
访问站点编辑器
在您的 WordPress 仪表板中导航到 外观 → 编辑器。这将打开站点编辑器，您可以浏览模板、编辑模板部分并调整全局样式。请注意，FSE 需要一个区块主题 — 经典主题则使用传统的自定义工具。
模板与模板部分
概念 控制内容 示例 模板 某种内容类型的完整页面布局 单篇文章、页面、归档、404 模板部分 模板中的可重用部分 页眉、页脚、侧边栏 使用 theme.json 自定义区块
theme.json文件是区块主题的配置中心。它控制：- 编辑器中可用的颜色调色板和渐变
- 排版预设（字体系列、大小、行高）
- 间距比例和布局宽度
- 启用或禁用的区块功能
- 特定区块的默认样式
主题开发者使用
theme.json创建一致的设计系统。作为站点所有者，您可以通过站点编辑器中的全局样式界面修改这些设置，而无需直接编辑文件。键盘快捷键
学习键盘快捷键可以显著加快您的编辑工作流程：
操作 Windows / Linux Mac 添加新区块 / (斜杠) / (斜杠) 命令面板 Ctrl + K Cmd + K 复制区块 Ctrl + Shift + D Cmd + Shift + D 删除区块 Shift + Alt + Z Ctrl + Option + Z 打开列表视图 Shift + Alt + O Ctrl + Option + O 切换区块插入器 Ctrl + Shift + , Cmd + Shift + , 保存草稿 / 更新 Ctrl + S Cmd + S 撤销 Ctrl + Z Cmd + Z 插入链接 Ctrl + K Cmd + K 古腾堡与经典编辑器
一些 WordPress 用户仍然更喜欢经典编辑器插件。以下是两者的比较：
方面 古腾堡 经典编辑器 编辑方式 基于区块，模块化 单一文本区域（TinyMCE） 布局能力 列、网格、全宽部分 仅线性内容 媒体处理 内联画廊、封面图像、媒体+文本 基本媒体插入 未来兼容性 积极开发，支持 FSE 仅维护模式 插件/主题支持 不断增长的区块生态系统 新开发的下降 经典编辑器插件仍在维护，但WordPress开发已完全致力于区块编辑器。新功能、主题和插件越来越多地优先考虑Gutenberg。
扩展Gutenberg的区块插件
虽然核心区块覆盖了大多数需求，但这些插件增加了专业功能：
- Flavor插件：添加高级区块，如标签、手风琴、定价表和文章轮播
- Flavor插件：提供以内容为中心的区块，以改善写作体验 — 进度条、点击推文、警报
- Flavor插件：提供设计导向的区块，具有动画和高级样式选项
- Flavor插件：通过专为FSE主题设计的区块扩展Gutenberg
- Flavor插件：添加查询和过滤区块，以动态显示内容
在选择区块插件时，选择遵循WordPress编码标准并生成干净标记的插件。避免加载重型JavaScript框架的插件，因为它们会抵消Gutenberg的性能优势。
高效区块编辑的实用技巧
使用列表视图
对于复杂页面，列表视图（
Shift+Alt+O）是必不可少的。它以树状结构显示整个文档结构，使选择嵌套区块、重新排序部分和理解页面层次变得简单。将区块分组以进行批量操作
选择多个区块（先点击第一个，Shift+点击最后一个）并将其分组。分组的区块可以一起样式化、作为一个单元移动，并转换为模式。这对于创建一致的部分特别有用。
锁定区块以防止意外更改
锁定重要区块以防止意外移动或删除。右键单击一个区块并选择“锁定”以限制修改。这对于模板或由多个编辑者管理的内容很有帮助。
积极使用键盘快捷键
高效与缓慢的区块编辑之间的差异往往取决于键盘快捷键。首先学习五个最常用的快捷键（斜杠命令、复制、删除、保存、撤销），然后随着熟练度的提高扩展你的快捷键库。
有关与Elementor和其他页面构建器的比较，请参阅我们的 Elementor与Gutenberg比较 和我们的更广泛的 页面构建器比较指南。如果您正在选择与Gutenberg兼容的主题，请阅读我们的 主题选择指南。
常见问题
我还可以使用经典编辑器吗？
可以。经典编辑器插件仍然可用，并由WordPress团队维护。然而，它仅接收维护更新 — 不会有新功能。WordPress建议迁移到区块编辑器，以访问现代功能和持续开发。
Gutenberg与所有WordPress主题兼容吗？
Gutenberg与经典主题和区块主题均兼容。经典主题支持在文章和页面内容中进行区块编辑。区块主题还支持全站编辑，适用于页眉、页脚、模板和全局样式。要获得完整的FSE体验，您需要一个区块主题。
如何将经典编辑器内容转换为区块？
当您在Gutenberg中打开经典编辑器文章时，WordPress会将内容包装在一个经典区块中。您可以点击“转换为区块”将内容转换为单独的区块。转换后请检查，因为复杂的布局可能需要手动调整。
Gutenberg页面比经典编辑器页面慢吗？
不。Gutenberg生成的HTML干净，与经典编辑器输出相当或更精简。区块编辑器不会增加显著的前端开销。编辑器界面本身（在管理端）使用的资源比经典编辑器多，但这不会影响访客的体验。
我可以在不编码的情况下创建自定义区块吗？
可以，在一定程度上。您可以通过排列现有区块来创建自定义区块模式。要创建具有独特功能的真正自定义区块，您需要JavaScript（React）开发。一些插件提供无代码区块构建器，但与编码解决方案相比，它们有局限性。
什么是同步模式，它们与常规模式有什么不同？
同步模式（以前称为可重用区块）在所有实例之间是链接的。编辑一个会更新所有。常规模式是模板 — 插入一个会创建一个独立的副本，您可以修改而不影响其他使用。对于需要在各处保持一致的内容（CTA、免责声明），使用同步模式。对于您希望作为起点的布局，使用常规模式。
如何排查区块编辑器问题？
常见解决方案包括：清除浏览器缓存、逐个停用插件以识别冲突、临时切换到默认主题，以及检查浏览器的开发者控制台以查找JavaScript错误。大多数区块编辑器问题源于插件冲突，而不是核心问题。
全站编辑准备好用于生产使用了吗？
截至2026年，全站编辑已稳定并准备好用于生产。每次WordPress发布时，功能集都有显著成熟。然而，区块主题和模式的生态系统仍在增长。如果您需要大量预构建的模板，您可能会发现选择比经典主题选项更有限。
