Gutenberg编辑器完全指南：古腾堡块编辑器详解

前言

很多人一开始不习惯Gutenberg，觉得不如经典编辑器好用。说实话我也是这样，但用了半年后彻底真香了。Gutenberg的块编辑理念一旦上手，写文章的效率和排版的自由度都远超经典编辑器。今天带你全面掌握这个工具。

什么是Gutenberg

Gutenberg是WordPress 5.0开始内置的默认编辑器，它把页面内容拆分成一个个”块”（Block）。每个块是一个独立的内容单元：段落是一个块，图片是一个块，标题也是一个块。

和经典编辑器的对比：

特性	经典编辑器	Gutenberg
编辑方式	类似Word的富文本编辑	块状模块化编辑
排版自由度	低	高
多媒体支持	基础	丰富
自定义布局	需要HTML	可视化拖拽
学习曲线	低	中等
全站编辑	不支持	支持

基础操作

添加新块

三种方式添加块：

点击编辑器中的”+“按钮
在空行中输入”/“然后输入块名称
使用键盘快捷键

常用快捷键：
/ + 块名     快速插入块
Ctrl+Shift+D  复制当前块
Ctrl+Alt+T    在当前块前插入新块
Ctrl+Alt+Y    在当前块后插入新块

常用块类型

块类型	用途	使用频率
段落	普通文字内容	极高
标题	H2-H6级标题	极高
图片	插入单张图片	高
列表	有序/无序列表	高
引用	引用文字	中
代码	展示代码片段	中
表格	创建数据表格	中
按钮	CTA按钮	中
分栏	多栏布局	中
图库	多图展示	中

块操作

选中任意一个块后，上方的工具栏提供以下操作：

移动：上下箭头可以调整块的位置
变换：将段落块转换为标题块、列表块等
对齐：左对齐、居中、右对齐、宽幅、全宽
更多选项：复制、删除、编辑HTML等

进阶技巧

可复用块

如果有些内容需要在多篇文章中重复使用（比如文末的关注提示），可以创建可复用块：

选中要复用的块
点击更多选项（三个点）
选择”添加到可复用块”
命名并保存

之后在任意文章中搜索这个可复用块名称就能插入。修改可复用块会同步到所有使用它的地方。

块模式（Block Patterns）

块模式是预设的块组合布局。在编辑器中点击”+“，切换到”模式”标签，可以看到各种预设的内容布局：

关于我们介绍
产品特性展示
团队成员卡片
定价表格

选择一个模式后会自动插入对应的块组合，你只需要修改内容即可。

分栏布局

分栏块可以创建多列布局：

操作步骤：
1. 插入"分栏"块
2. 选择列数（2列、3列等）
3. 在每列中添加其他块
4. 调整列宽比例

这对于创建产品对比、特性展示等内容非常实用。

全宽和宽幅对齐

某些块（如图片、封面）支持宽幅和全宽对齐，这需要主题支持。大多数现代主题（如Astra、Kadence）都支持这些对齐方式。

键盘快捷键大全

编辑操作：
Ctrl+B          加粗
Ctrl+I          斜体
Ctrl+K          插入链接
Ctrl+Z          撤销
Ctrl+Shift+Z    重做

块操作：
Enter           创建新块
Backspace       合并到上一个块（空块时）
Ctrl+Shift+D    复制块
Shift+Alt+Z     删除块

导航：
Tab             移到下一个块
Shift+Tab       移到上一个块
Alt+F10         打开块工具栏
Ctrl+Shift+\    切换全屏模式

自定义CSS

在编辑器侧边栏的”高级”面板中，可以为单个块添加自定义CSS类：

/* 在主题的自定义CSS中定义 */
.highlight-box {
  background-color: #f0f8ff;
  padding: 20px;
  border-left: 4px solid #0073aa;
  border-radius: 4px;
}

然后在块的”高级”设置中，CSS类一栏填入 highlight-box 即可应用样式。

与页面构建器的配合

Gutenberg和Elementor等页面构建器并不冲突。我的使用策略是：

写博客文章用Gutenberg
设计着陆页和复杂页面用Elementor
全站样式用主题的全站编辑功能

常见问题

想继续用经典编辑器怎么办

安装Classic Editor插件即可恢复经典编辑器。但我建议花点时间适应Gutenberg，它代表了WordPress的未来方向。

块编辑器太慢怎么办

如果文章块数量很多导致编辑器卡顿：

减少使用复杂块（如表格、分栏嵌套）
关闭不必要的侧边栏面板
升级浏览器到最新版本
确保网站性能足够好

总结

Gutenberg块编辑器是WordPress内容创作的未来。从基础的段落和图片块开始，慢慢尝试分栏、模式和可复用块等高级功能。一旦习惯了这种模块化的编辑方式，你会发现它比经典编辑器强大得多。