WordPress Gutenberg编辑器使用：5.0起默认，区块怎么加怎么排

Gutenberg编辑器最反直觉的一点是：它不用装。很多人到处找Gutenberg插件，其实WordPress 5.0（2018年12月）发布之后，这套区块编辑器就已经被设为默认，进Posts > Add New或Pages > Add New直接就是它。区块是段落、标题、媒体、嵌入这类独立元素，每个区块有单独的编辑和格式控件，拼起来构成页面或文章内容并存进数据库。

对做英文站的人来说，这套东西的价值在改稿成本：一篇文章在编辑器里拆成多个区块，改副标题不会把上面的图顶掉，换一个按钮的颜色不会动别的段落，省下来的时间最后都落在更新频率上。真正要花心思的是把区块整理成能复用的结构，下一篇同类型的文章直接套。

• 这是WordPress 5.0起设为默认的区块编辑器，原名Gutenberg编辑器。
• 加区块靠插入器，官方把区块分成6个分类。
• 位置靠区块工具栏和List View调，拖放不是唯一办法。
• 样板插入后与原始样板没有链接，改动不会影响你的站。

文章走一遍从空白页到发布的流程，重点在样板复用、全局样式和卡住时的回查顺序。WordPress的基础安装和后台认识，见WordPress建站教程。

Gutenberg 到底是什么：WordPress 5.0 起默认的区块编辑器

WordPress官方文档里，这套编辑器叫block editor，也叫WordPress editor或Gutenberg editor，是WordPress发布内容的新方式。2018年12月WordPress 5.0发布后，它被设为默认编辑器，取代了经典编辑器。

官方对区块的定义是「A block is a discrete element such as a Paragraph, Heading, Media, or Embed」，翻成中文就是：段落、标题、媒体、嵌入这类东西各自算一个区块，每个区块有自己的编辑和格式控件，多个区块拼起来，构成一篇页面或文章的内容，存进数据库。这跟老编辑器最大的差别在于，老编辑器整篇文章是一个输入框，新编辑器里每一块都是独立对象。

区块、插入器、画布：三个词先分清

区块编辑器由三个主要元素组成：插入器、内容画布、设置面板。插入器是往画布里放区块的面板，内容画布是你实际打字、放图的地方，设置面板在右侧，管文章设置和选中区块的设置。工作区本身也分三块：顶部工具栏、侧边栏、内容区。

编辑器默认以全屏模式打开，第一次进去看不到后台侧边菜单是正常的。

和经典编辑器是什么关系

WordPress 5.0发布后，区块编辑器被设为默认并取代经典编辑器，这是官方写明的。要用回经典编辑器，得安装classic editor插件，不是装Gutenberg插件，Gutenberg已经在核心里，装不上是因为它本来就在。

第一步：进编辑器、加段落标题图片列表按钮

启动区块编辑器的入口有两个：点Posts > Add New，或者Pages > Add New。文章和页面用的是同一个编辑器，区别只在内容类型和固定链接结构。

进去以后，点顶部工具栏的+图标打开插入器，再按分类找区块。官方把区块分成6类：Text、Media、Design、Widgets、Theme、Embeds。Text放段落、标题、列表这类文字内容；Media放图片、视频、音频；Design放按钮、分栏、分隔线这类结构；Widgets对应小工具类区块，Theme是主题自带的区块，Embeds放外部嵌入内容。

插入器里有一个Most Used类别，默认不显示。要它出现，去Preferences里打开Show most used blocks，打开后它显示在Text blocks类别的正上方。如果你每天写同一类文章，把常用区块放在这里能少翻两屏。

加段落、标题、图片、列表、按钮，动作是一样的：在插入器里按区块名字找，选中就插到光标位置。每个区块怎么调字号、怎么设对齐，做法是先插进去，填内容，再用区块工具栏和右侧设置面板调格式，工具栏管加粗、链接、对齐这些常用项，侧边栏管颜色、字号、间距这类细项。

区块各自独立，这是它跟老编辑器最实在的差别。改一个段落的字号，不会连带改掉上面的标题；删掉一张图，后面的文字不会跟着乱。回查的时候按这个思路走：格式不对，先看选中的是哪个区块，再看区块工具栏和侧边栏里的设置是不是作用在这个区块上。

侧边栏被关掉的时候，格式控件会找不到。这时候不用重装，按Mac的Cmd+k或Windows的Ctrl+k打开Command Palette，输入toggle settings sidebar就能把它调回来。加错位置的区块，用下一节的三条移动法。

排版动作本身不解决页面速度，图片和嵌入加得多，这块要单独看WordPress速度优化。

第二步：把区块挪到对的位置，三条路和各自卡点

移动区块有三种方式：移动手柄、拖放、List View。三种方式解决的是同一件事，卡住的地方不一样，知道三条路比只会一条有用。

移动手柄

选中区块后，区块工具栏里会出现上下两个箭头，这就是移动手柄。点一下往上或往下挪一格，适合小范围调整，比如把两段换个先后。它的好处是不受拖放设置影响，任何时候都能用。

拖放

按住区块的拖动手柄，直接拖到目标位置松手。WordPress 6.9起拖放有实时视觉反馈，拖动时能看到区块会落在哪。拖放适合大范围挪动，比如把一段从文章末尾拖到开头。

List View

点顶部工具栏的Document Overview图标打开List View，在列表里找到区块，上下拖动，出现插入指示器时松手。List View还能把区块移进或移出Group、Columns、Cover这类嵌套结构，布局一复杂，在画布上拖容易拖错层，用List View更稳。

拖放不动怎么查

拖放没反应，先看区块工具栏是不是设成了固定在编辑器顶部（就在顶部工具栏下面）。这个设置下拖放不可用，改用移动手柄或List View，位置一样能调，不用改回来也能把活干完。

多选区块按住shift点选，全选按Mac的Cmd+A或Windows的Control+A。选中文字后按反引号，还能把选中的文字变成行内代码，写代码类文章时省一步。

第三步：样板复用和全局样式，别把全站改坏

样板是一组区块，插进文章或页面后用自己的内容替换，能省掉重复排版。这一节先讲怎么用和建样板，再讲怎么用全局样式统一站点的外观。

用样板

点顶部工具栏的+图标打开插入器，切到Patterns标签或Synced Patterns标签。在Patterns标签下用下拉菜单选样板类别，或者点Explore打开大图逐个看。选中一个样板，它会插在光标位置；也可以直接把它拖进内容里。

建自己的样板

自建样板从WordPress 6.3起可用，做出来的样板和样板目录里的预定义样板工作方式一样。动作是：选中要变成样板的区块，点三点菜单打开additional settings，点Create pattern/reusable block，输入名称，需要同步就打开Sync，点Create。

建完以后，在插入器的Patterns -> My Pattern或Synced Patterns（重叠菱形图标）里能找到。管理样板在后台Appearance -> Editor里点Patterns，或者在区块编辑器里选Options -> Manage Patterns，两个入口打开的是同一个面板。样板的三点Actions菜单里可以重命名、复制、导出为JSON、删除。

插入之后，样板和你的站是什么关系

这是最容易想错的地方。样板插进你的站以后，跟原始样板之间没有链接，官方写明了后续的样板改动不会影响你站点上的页面或文章。也就是说，官方目录里的样板以后被改了、被下架了，你文章里已经插进去的那一份不变。

同步样板是另一回事。开了Sync的样板，行为跟可复用区块一样，编辑同步样板会在所有使用它的地方更新。用同步样板要清楚这一点：改一次，全站所有引用处一起变。建完同步样板还可以把它Detach成普通区块，之后编辑这个区块不影响已经保存的同步样板。

全局样式

全局样式在区块主题里叫Styles，需要WordPress 5.9或更高版本。入口是Appearance > Editor，点右上角半阴影圆图标。在Styles > Blocks里可以给全站某一类区块统一设外观，比如给所有Quote区块设背景色、字号和行高；Browse styles能浏览主题自带的样式变体，选中后编辑器里即时能看到效果。

Styles是全局设置，改背景色会改所有文章、页面和模板的背景色，这一点要提前知道。要还原，点三点图标选Reset colors，调色板会重置回主题原始样式变体的选择。

样板里的布局改不动

样板插进来以后，有时候只能改文字、换图片，拖不动布局。这不是权限问题，是处于content-only editing模式，官方设计成这样是为了防止误改布局。要打开完整编辑，点Edit pattern按钮，位置在区块检查器里或者Block Settings侧边栏上。

区块样式错乱，先查主题兼容，具体看WordPress主题不兼容。

数字和限制：做这件事要对的版本门槛

后台找不到某个按钮时，先对着下面这张表看版本，比翻教程快。

WordPress版本决定你后台能点出哪些入口。站点还在5.9以下，Styles面板不会出现；6.3以下没有Create pattern，找自己的样板也找不到。先看版本，再谈操作。

卡住了先查这几个地方：误区和排查顺序

这几条是编辑器里容易卡住的地方，每条先给结论，再给依据，照着顺序查能排掉大部分。

以为要另装Gutenberg编辑器

不用装，WordPress 5.0起区块编辑器就是默认编辑器，已经内置在核心里。要回到经典编辑器，才需要安装classic editor插件。

以为样板改动会同步到自己站

不会。样板插入你的站之后与原始样板没有链接，官方目录里的样板后续被改或被移除，都不影响你页面或文章里已经插进去的内容。

以为样板里的图已经在自己的媒体库

不在。样板里的默认图片引用自外部来源，没有进你的媒体库，有被更改或移除的可能。官方建议换成自己的图，或者用Upload external image按钮把图传进自己的媒体库。

找不到Styles面板

先确认两件事：站点装的是不是区块主题，WordPress版本是不是5.9或更高。两个条件缺一个，Styles入口就不会出现。

找不到模板编辑器

模板编辑器只在两种情况下可用：站点用区块主题，或者用的是启用了后端模板编辑器的经典主题。用的是普通经典主题，就找不到这个入口。

按Cmd+k或Ctrl+k没反应

官方写明这个快捷键目前在部分环境中不可用。换一条路：WordPress 7.1起Command Palette出现在管理栏，Mac点Search和Cmd+K两个图标，Windows和Linux点Search和Ctrl+K两个图标。

改完模板，全站页面都变了

这是模板的工作方式。改动模板时，编辑器会更新所有使用该模板的页面和文章，而且这些改动优先于主题自带的模板文件。想只改单篇，不要动模板，在文章里直接改区块。

编辑器卡或者报错，先按插件方向排：后台变卡看插件导致后台变卡，启用插件后报500看启用插件后500错误。

AI 能帮哪几步、哪几步必须自己动手

AI在这件事上能省的是整理和归类的时间，不能替你进后台点按钮。这四步可以让AI先做，做完你对着编辑器核一遍。

1. 把一篇英文草稿按段落、标题、列表、图片、按钮拆成区块清单，每个区块标出该用哪个核心区块。
2. 按官方6类给每个区块归类，方便在插入器里按类别找。
3. 给自建样板起名字、分分类，方便在Patterns -> My Pattern里管理。
4. 把拖放不动、找不到Styles、快捷键没反应这类现象，对照官方事实给出排查顺序。

第4步这类活，AI也能接：把现象和官方文档放在一起对照，出一张排查顺序单。它给的是顺序，最后点哪个按钮还是你点。

AI给出的区块名和分类，要对着插入器核一遍。有些名字AI会写成中文意译，插入器里搜不到。样板命名要能说明用途，比如Full Width这种描述性的名字，过两个月自己还看得懂。排障顺序只认官方写明的那几条，AI多给的方案不用照做。

三条可以直接抄的提示词

下面三条是本文给的示例，不是官方模板，按自己的内容替换括号里的部分。

「下面是一篇英文博客草稿。请按顺序列出它需要的区块清单，每个区块标注：区块名、所属官方分类（Text / Media / Design / Widgets / Theme / Embeds）、放在哪个位置。不要新增草稿里没有的内容。」

「我在WordPress区块编辑器里拖放区块没反应。请只根据以下三条官方事实给出排查顺序：工具栏固定在顶部时拖放不可用；List View可移动区块；移动手柄可上下移动。不要给其他方案。」

「帮我把这组区块起5个样板名称，要求能说明用途，例如Full Width这种描述性命名。只给名称，不要解释。」

必须你自己动手的三件事

有三件事AI替不了。进后台点Posts > Add New或Pages > Add New，把每个区块亲手加进去、填上内容，区块在页面里的实际间距只有你能判断。在Post/Page Settings侧边栏点模板名，决定是Edit template还是Change template，这一步决定改动的作用范围。发布前看发布前检查的提示，决定要不要把外部图片上传到媒体库，这个决定影响图片以后会不会失效。

AI和WordPress交叉的插件用法，见WordPress AI插件。

常见问题

样板里的默认图片能用自己的站点上吗？

可以，样板里的图片免费使用。要注意这些图引用自外部来源，不在你的媒体库，有被更改或移除的可能，建议换成自己的图，或者用Upload external image传进媒体库。

我用的样板以后被官方改了，会影响我的页面吗？

不影响。样板插进你的站之后与原始样板没有链接，官方目录里的样板后续被改或被移除，你页面上已经插好的内容不变。

怎么找更多样板？

浏览Block Pattern Directory，找到合适的点Copy存到剪贴板，回到文章或页面用Paste粘贴。

哪些区块自带样板？

Social Icons和Query Loop这类区块的设置里内置了样板，不用去插入器里找。

拖放区块没反应怎么办？

先看区块工具栏是不是设成了固定在编辑器顶部，这个设置下拖放不可用。改用移动手柄或者List View，位置一样能调。

编辑器这个东西，版本对上、入口找对，剩下的就是手感。真卡住的时候，先看版本和主题这两个前提，再看区块工具栏的设置，大部分问题在这三层里就能排掉；拿不准的排查顺序，可以让AI按官方事实列一遍，再自己对着后台点。