古腾堡 WordPress 编辑器:您需要知道的 10 件事
已发表: 2020-10-23Gutenberg WordPress 编辑器,也称为 WordPress 块编辑器,现在是 WordPress 核心的一部分。 这种 WordPress 编辑器的新方法对您意味着什么? 如果您已经在使用 WordPress 页面构建器怎么办?
在本指南中,我们将介绍适用于 WordPress 的新古腾堡编辑器的基础知识以及您需要了解的内容。
什么是古腾堡 WordPress 编辑器?
Gutenberg WordPress 编辑器,也称为 WordPress 块编辑器,是 WordPress 5.0+ 中包含的新页面构建器。 Gutenberg 编辑器为每个最新的 WordPress 网站添加了内容块和类似页面构建器的功能。
Gutenberg 取代了之前使用 TinyMCE (WYSIWYG) 作为帖子和页面默认内容编辑器的 WordPress 经典编辑器。 使用 Gutenberg,内容被添加到单独的“块”中,而不是在一个更大的内容区域内。
新的 WordPress 块包括从段落、标题、列表、图像、画廊、嵌入等等的所有内容。

Gutenberg 与 WordPress 5.0 一起发布,这是多年来对 WordPress 的最大更新。 自古腾堡发布以来,关于新 WordPress 编辑器的健康辩论仍在继续,涉及许多使用 WordPress 开发、使用和设计网站的人。
古腾堡的目的
Gutenberg 编辑器的主要目标是帮助用户更灵活地创建帖子和页面。 也可以推测,Gutenberg 旨在帮助 WordPress 更直接地与其他页面构建网站平台竞争。
对于上下文,这里有一些关于新古腾堡 WordPress 编辑器目的的引述。
- “块编辑器的目标是让向 WordPress 添加丰富的内容变得简单而有趣。” – 来自 WordPress.org 上的 Gutenberg 插件描述。
- “古腾堡是 WordPress 向前迈出的重要一步。 Gutenberg 使 WordPress 能够构建内容布局,而不仅仅是写文章。 这是 WordPress 向更简化用户体验的众多转变之一。” – Zack Katz,在 WordCamp Denver 2017 上发言
为什么古腾堡是 WordPress 的进步? WordPress 可视化编辑器多年来一直停滞不前。 虽然这是可以预测的,但这并不是一次美妙的体验。 目标是为新用户提供一个更直观的界面,例如 Wix 和 Squarespace 提供的界面。
1. WordPress 创始人 Matt Mullenweg 完全落后于古腾堡
- 在 The State of the Word 2016 中,Mullenweg 宣布可视化编辑器将成为 2017 年的三个核心焦点之一。
- Matt 在今年早些时候接任 Gutenberg 的项目负责人,并指派 Automattic 员工 Matias Ventura 和 Joen Asmussen 领导开发工作。
- 在这里阅读马特对古腾堡的看法:我们称其为古腾堡是有原因的。
- 另请注意,古腾堡是使用 REACT javascript 编写的。 随着 Facebook 最近在 MIT 许可下重新授权该项目,Matt Mullenweg 宣布将使用不同的库重写 WordPress.com 和 Gutenberg。 这是有关 REACT 和 WordPress 的更多信息。
2. Gutenberg 是第一个仍在积极开发的独立插件
在 Gutenberg 被纳入 WordPress 的核心版本之前,Gutenberg 最初是作为一个单独的插件开发的,允许用户对其进行测试,看看它将如何改变他们在 WordPress 中撰写和编辑内容的方式。
- 今天,Gutenberg 插件仍在积极开发中,每周更新一次。
- Gutenberg 插件通常比核心 WordPress 早几个版本发布,因此您可以在将 WordPress 块编辑器引入 WordPress 核心之前预览它们的新功能。
- 运行 Gutenberg 插件是获取 WordPress 块编辑器最新功能的好方法。 对于开发人员和与客户合作的人员来说,了解块编辑器即将发生的事情也非常有用。
3. Gutenberg 被纳入 WordPress 5.0 作为默认内容编辑器
2018 年 12 月 16 日,WordPress 5.0 发布。 这个主要版本的 WordPress 包括对帖子和页面编辑器的重大改革,引入古腾堡作为默认的 WordPress 编辑器。
作为 WordPress 历史上最受期待和争论最激烈的版本,Gutenberg 编辑器代表了自 WordPress 诞生以来一直存在的先前经典编辑器的戏剧性背离。 一些用户可能对 5.0 版本发布后 WordPress 编辑器的巨大差异感到措手不及。
4. Gutenberg 也常被称为 WordPress 块编辑器
随着时间的推移,人们对如何称呼新的 WordPress 编辑器仍然有些困惑。 项目名称是古腾堡,所以有些人仍然称它为古腾堡编辑器及其“块”古腾堡块。

另一方面,新编辑器在 WordPress 用户界面中被称为块编辑器。 WordPress.org 上的文档简称为 WordPress 编辑器。
5. 古腾堡随着每个版本的不断发展和改进
自 2018 年 12 月以来,WordPress 核心的所有主要版本都包含了古腾堡编辑器的新功能、增强功能和错误修复。 编辑体验不断发展,而且发展良好。
例如,WordPress 5.5 的顶级新功能和改进在很大程度上与块编辑器有关。 对用户界面、可访问性、拖放和其他可用性问题的改进继续得到解决。
6. 古腾堡块继续扩大和改进
Gutenberg 的主要目标是创建更好、更丰富的内容编辑体验,这些体验与在 WordPress 中如何撰写和编辑帖子和页面相关。 除此之外,Gutenberg 的愿景从帖子/页面编辑器扩展到小部件和侧边栏,甚至网站的页眉和页脚。
从本质上讲,古腾堡允许您发布帖子或页面,并将内容分解为各种“块”。 例如,WordPress 块包括图像块、段落块、引用块、标题块,甚至是按钮块。 在WordPress Blocks: The Ultimate Guide to Gutenberg Blocks 中阅读更多内容。
以下是古腾堡编辑器中包含的一些默认 WordPress 块。
WordPress 块 | 描述 |
---|---|
声音的 | 嵌入一个简单的音频播放器。 |
纽扣 | 使用漂亮的按钮推动转化。 |
类别 | 显示所有类别的列表。 |
经典的 | 使用经典的 WordPress 编辑器 |
代码 | 显示尊重您的间距和制表符的代码片段。 |
列 | 添加一个在多列中显示内容的块,然后添加您想要的任何内容块。 |
覆盖 | 添加带有文本叠加层的图像或视频 - 非常适合标题。 |
嵌入 | 嵌入来自外部来源的视频、图像、推文、音频和其他内容。 |
文件 | 添加指向可下载文件的链接。 |
画廊 | 在丰富的图库中显示多个图像。 |
标题 | 引入新部分并组织内容以帮助访问者(和搜索引擎)了解您的内容结构。 |
图片 | 插入图像以进行视觉陈述。 |
最新的帖子 | 显示您最近的帖子列表。 |
列表 | 创建项目符号或编号列表。 |
段落 | 所有叙事的基石。 |
拉报价 | 对文本中的引用赋予特殊的视觉兴趣。 |
引用 | 给予引用文本视觉强调。 |
更多的 | 添加“阅读更多”元素 |
分隔器 | 使用水平分隔符在想法或部分之间创建中断。 |
短代码 | 使用 WordPress 短代码插入其他自定义元素。 |
垫片 | 在块之间添加空白并自定义高度。 |
7.您可以禁用古腾堡,但可能不会永远
不喜欢古腾堡编辑器? 有时您可能会发现新的块编辑器与您现有的主题或运行您网站的插件不完全兼容。 好消息是您可以使用一个名为...的插件返回经典编辑器,您猜对了,它是经典编辑器。
经典编辑器是由 WordPress 团队维护的官方插件,用于恢复以前(“经典”)WordPress 编辑器和“编辑帖子”屏幕。 它可以使用扩展该屏幕的插件、添加旧式元框或以其他方式依赖于以前的编辑器。
根据 WordPress 团队的说法,经典编辑器是一个官方的 WordPress 插件,至少会在 2022 年之前得到全面支持和维护。尽管他们最近添加了“或只要有必要”。
以下是有关如何在 WordPress 中使用经典编辑器的更多信息。
8. 古腾堡现在有第三方区块目录
WordPress 块目录是 WordPress 用户可以从 WordPress 块编辑器中发现、安装和测试第三方 WordPress 块的一种新方式。 WordPress 5.5 中引入的 WordPress 块目录使您可以更轻松地找到最适合您需求的 WordPress 块。

根据有关如何将块插件与 WordPress.org 插件目录中的其他插件区分开来的讨论,新的块目录被创建为插件目录中仅包含单个块插件的部分。 新的 WordPress 块目录与主插件目录分开,因此您可以浏览常规 WordPress 插件或单块插件。
单块插件旨在是一个相对较小、简单的插件,它提供单个古腾堡块,因此插件就是块。
现在在 WordPress 5.5 中,找到您需要的块比以往任何时候都容易。 新的 WordPress 块目录内置于块编辑器中,因此您无需离开编辑器即可将新的块类型安装到您的站点。
只需使用页面左上角的“+”图标即可使用新块插入器并搜索可用块。 注意块目录在未来真正起飞,因为它看起来仍然很新(仍然没有很多选择;几乎没有任何评论)。

9. 新的块模式为全页面构建铺平了道路
在 WordPress 5.5 中,块编辑器引入了一个称为块模式的新概念。 使用块模式,您现在可以构建和共享预定义的块布局。 块模式真正为块编辑器成为页面构建器铺平了道路。 随着块编辑器继续朝着这个方向发展,请注意块模式的兴起。


您可以使用屏幕左上角的“+”图标找到已注册的块模式。 您现在将看到 Blocks 和Patterns 选项卡(加上可重用,如果有的话),因此您可以在这些选项之间切换。 然后您可以像任何其他块一样将块模式添加到您的帖子/页面。
新的块模式使创建复杂、美观的页面和帖子布局变得简单,使用可以混合和匹配的块组合。 您还将在各种插件和主题中找到块模式,并且一直在添加更多。
WordPress 5.5 发布屏幕
WordPress 5.5 带有许多内置的块模式,但第三方插件和主题也可以注册额外的块模式或删除现有的块模式。 要查看实际块模式,请查看二十二十默认主题。 二十二十始终是安装在开发服务器上的好主题,因为它确实突出了最新版本的 WordPress 的可能性。
10. Gutenberg 改变了对 WordPress 短代码的需求
在 WordPress 块编辑器之前,WordPress 短代码是使用 WordPress 编辑器的最佳工具之一,它可以更轻松地向 WordPress 网站的页面、帖子和其他部分添加插件和主题功能。
随着移动到块编辑器,这对于大多数仍然充满短代码的旧插件和网站意味着什么? WordPress 短代码仍然有效吗? 有没有办法轻松地从使用 WordPress 短代码转移到 WordPress 块?
简而言之,WordPress 块编辑器对短代码有重大影响。 WordPress 块编辑器从根本上改变了大多数插件和主题的短代码的需求和目的。 使用基于块的编辑系统,页面上的每个“元素”都有自己的块,而不是包含在一个可编辑的 WYSIWYG 编辑器中。
关于古腾堡 WordPress 编辑器的注意事项
这是迄今为止我读过的关于古腾堡的最佳文章的集合。
Chris Lema 谈论古腾堡
http://chrislema.com/misunderstanding-goal-gutenberg-writing-experience/
摘抄:
- “如果我们要解决这个插件的问题,不应该是人们在一个界面中编辑并看到他们的工作产品出现在看起来不像他们想象的不同界面时的认知失调吗?将?”
Beaver Builder 对古腾堡的回应
摘抄:
- “简而言之,我们对古腾堡感到非常兴奋和支持! 我们希望该项目继续发展成为 Beaver Builder 可以接受和扩展的东西。 我们一直在与该项目的核心团队合作,我们一直在乐观和谨慎地推测古腾堡对我们的业务和整个 WordPress 空间的潜在影响。 想象一下,如果 Gutenberg “Blocks” 我们可以与 Beaver Builder 模块互换,或者如果您可以将保存的行拖到 Gutenberg 页面中。 或者,可以在 Beaver Builder 中内联使用 Gutenberg 的文本编辑器。 很有乐趣的潜力,对吧!?”
优雅的主题
摘抄:
- “在讨论辩论时,重要的是要记住,每一次变化都会带来一些惯性和阻力。 WordPress 需要向前发展才能在不断变化的环境中竞争。 然而,这并不意味着所表达的担忧是无效的,不需要解决。 值得庆幸的是,开发人员正在尽最大努力做到这一点。 然而,看到有多少人担心并感到被冷落,也许需要进行一些额外的沟通。”
WPMU 相当严厉的评论
这一招毫不费力。
摘抄:
- “虽然开发 Gutenberg 编辑器插件的开发人员显然在创建插件方面投入了大量工作,我赞扬他们迄今为止所做的努力,但事实是,这个插件还远未准备好包含在 WordPress 中,需要很多更多的工作,尤其是用户体验工作。”
Yoast 为古腾堡推荐了一个替代课程
指出了一些重大问题并提出了解决方案。
摘抄:
- “我们对区块的想法非常热情,但对一些技术选择和实施过程的速度有强烈的担忧。 我们还担心项目中没有优先考虑可访问性问题。 但最重要的是,我们非常担心插件无法与新编辑器集成的事实。”
Yoast 谈论将他的插件与 Gutenberg 集成的概念
这是其他插件开发人员可能会遵循的线索。
https://yoast.com/gutenberg-integration/
摘抄:
- “我们首先分解我们的所有功能,看看我们可以在哪里将它们集成到古腾堡中。 我们不认为在编辑器下方保留一个单独的、巨大的框会最好地为我们的客户服务。 我们更愿意在行动发生的地方整合,而古腾堡为我们提供了这个机会。”
Caldera Forms 的 Josh Pollock
他希望通过五种方式证明古腾堡是错误的:
摘抄:
- “这是关于 WordPress 未来的重大决定。 我相信我们作为一个社区会做到这一点,但需要进行大量测试、迭代和讨论才能做到这一点。”
总结:你应该对古腾堡做什么?
- 试一试。 亲自了解古腾堡。 在测试站点或您的实时站点上尝试一下(是的,它足够稳定)。 看你喜欢什么,不喜欢什么。
- 提交反馈。 Gutenberg 插件最近在其侧边栏菜单项下添加了一个反馈链接。 花一些时间就您使用古腾堡的体验提供深思熟虑的观察结果。 “你们是白痴”不是他们想要的。
- 不要惊慌。 许多好人对此进行了很多深思熟虑的讨论。 块编辑器不断改进,虽然需要一些时间来适应,但我们现在一致认为完全采用新编辑器是一个很好的举措。
更多 WordPress 块编辑器(古腾堡编辑器)资源

WordPress 可重用块:终极指南
WordPress 可重用块是 WordPress 块编辑器的一个强大功能。 可重复使用的块允许您快速保存您经常使用的任何 WordPress 块。 阅读更多 …

WordPress 块目录:基本指南
WordPress 5.5 中引入的 WordPress 块目录使您可以更轻松地找到最适合您需求的 WordPress 块。 阅读更多 …

WordPress 块:古腾堡块的终极指南
使用 WordPress 块,也称为古腾堡块,用户可以体验一种更简单的方式,以真正的视觉方式在帖子和页面中创建丰富的内容。 阅读更多 …
自 2011 年以来,Kristen 一直在编写教程来帮助 WordPress 用户。您通常可以找到她为 iThemes 博客撰写新文章或为 #WPprosper 开发资源。 工作之余,克里斯汀喜欢写日记(她写了两本书!)、远足和露营、烹饪以及与家人一起进行日常冒险,希望过上更现代的生活。
