如何开始使用古腾堡

已发表: 2019-06-11

如果您对新的 WordPress 编辑器 Gutenberg 感到好奇，那么这篇文章适合您。

Gutenberg 是 WordPress 编辑器的新成员。它是在 GitHub 上使用 WordPress REST API 、 JavaScript 和 React开发的。编辑感觉现代，易于合作且非常谦虚。将 Gutenberg 与 Classic Editor 进行比较就像比较两座房子：一间有很多家具，另一间几乎没有。即使您觉得极简风格有点令人生畏，但一旦您开始使用 Gutenberg，整体体验就会很愉快。

当然，Gutenberg 有其缺点，如果您对 Classic Editor 非常有经验，您可能会觉得使用 Gutenberg 似乎是一种倒退。

在本文中，我将尝试涵盖尽可能多的内容，让您清楚地了解 Gutenberg 的前景。我将讨论优缺点，以及如何改进这些缺点，使过渡更加无缝。

首先，您只需将 WordPress 更新到最新版本即可使用 Gutenberg。 Gutenberg 现在是 WordPress核心的一部分。如果您仍然拥有Classic Editor 插件，则可以先将其删除并准备好使用 Gutenberg。

第一步

Gutenberg 和 Divi 在整合方面取得了长足的进步。在早期阶段，您无法在不丢失所有内容的情况下保存 Divi 使用 Gutenberg 发布的帖子。今天，这些问题都消失了。您可以轻松保存在古腾堡上使用 Divi 发布的帖子，并且您仍然可以使用 Divi 对其进行编辑。这同样适用于 Elementor。

Gutenberg 功能现在是无缝的，您可以让 Divi、Elementor 和 Gutenberg 在同一个站点上完美运行，您甚至可以使用不同的构建器创建不同的内容，而不会出现任何问题。当然，只要您在使用 Divi 时不切换回 Gutenberg 编辑器然后强制保存，在这种情况下它肯定会覆盖您的 Divi 内容，如果您尝试使用其他构建器丢弃和保存内容，也会发生同样的情况。

一般结构和块

Gutenberg 由块的一般结构组成，每个块由 HTML 特征表示和划分，因此，例如，如果您有一个 H2 标题和一个段落，您将看到 2 个单独的块。 Gutenberg 背后的想法是通过 HTML 类来分隔块，虽然乍一看这似乎很奇怪，但它有其优点。

要查看编辑和样式选项，请将鼠标悬停在块上。这将显示各种特定于块的选项，例如为标题提供 H1 到 H6 或为段落文本提供不同的样式，例如粗体、斜体、链接等。

添加新块按钮

与编辑器流畅的构建体验有点相反，“添加新块”按钮有点遥不可及。要添加到布局，您需要将鼠标移至左上角并单击加号图标。

新块按钮的位置有点偏。添加新块后，请记住，第二个“添加块”按钮的位置将直接出现在最后一个块之后。

Gutenberg 的极简编辑器的一个问题是第二个按钮可能会丢失。您需要将鼠标悬停在空白处才能显示按钮。只有在添加不是段落的新模块时才会发生这种情况段落可以通过键盘上的“输入”轻松添加。

区块管理

一旦您开始了解块的概念，您就会发现 Gutenberg 不仅仅是带有几个按钮的空白区域。

Gutenberg 默认安装所有类型的块，插件或主题添加的每个新块都将显示在添加新块结构上。

最后，添加块后，您可以编辑、克隆或删除它。此功能隐藏在右侧的 3 个点下。单击这些以打开块编辑菜单。幸运的是，如您所见，绝大多数选项都有快捷方式，因此您可以轻松记住它们。这为轻松克隆块并四处移动它们开辟了可能性。

添加块后，您可以将它们移动到内容上，使用箭头等向上和向下移动。

边栏

侧边栏是古腾堡所有设置中最简单的。您将在侧边栏上有 2 个块，即布局本身，其信息与经典编辑器和块选项卡中的信息相同。

块选项卡显示特定块的详细选项。在此示例中，我们可以将图片链接到媒体文件并选择我们希望显示的列数。每个模块在侧边栏“块”选项卡下都有自己的一组可配置选项。

向前进

接近 Gutenberg 的最佳方式是尽可能多地打字。使用 Enter 键是激发新区块的最佳方式。例如，如果您决定添加一个新的段落块，您可以选择将该块转换为图像或图片库。

使用回车键创建新块是跳过隐藏的“新块”按钮的最佳方式。尝试在使用鼠标时添加它会严重影响您的编辑技能。通过使用回车键生成新块，您稍后可以通过简单地选择该块右侧的图像图标来添加图像。

但是请记住，古腾堡没有像经典编辑器那样添加新图像的快捷键。这会迫使您使用鼠标，这会完全打断书写流程。如果古腾堡添加了插入图像和画廊的快捷方式，这可能会使旧的经典编辑器很快过时。

通过创建段落、标题和图片库，您可以了解为什么当您有大量需要重新排列的块时，古腾堡更容易使用。准备好文章后，您可以发布它并享受您的第一篇古腾堡文章。请记住，一旦您开始创建古腾堡帖子，您就无法返回。

Gutenberg 会在每个帖子中添加代码，如果您以后决定禁用它，它会变得很糟糕，因此，即使您可以开始试验它，请记住，如果您开始在您的网站上使用它，您将无法恢复后无需手动修改每个帖子。

额外功能

统一工具栏和聚光灯模式是古腾堡的两个不错的补充。统一模式完全按照它说的去做，它统一了顶部的工具栏，对于所有模块，所以每次编辑模块时，所有工具栏内容都会在顶部，这非常方便并且模仿了经典编辑器某种方式。

另一方面，Spotlight 功能会调暗除您正在编辑的部分之外的所有内容的亮度。当您有一篇非常复杂的文章并且需要专注于您正在做的事情时，这很方便。两种模式都可以在古腾堡配置选项下访问——屏幕右上角的 3 个点。

对于编辑

古腾堡对编辑来说是惊人的。处理一般的文案写作要容易得多，因为您可以轻松更改和交换块而不会破坏任何内容。此外，您可以独立编辑块，并且您有一个简单的信息菜单，可以让您计算单词数。

42主题

先睹为快，我们的新项目基于 WordPress 的新可视化编辑器 The 42 Theme。它将很快在 Aspen Grove Studios 网站以及 WordPress 存储库中发布。

综上所述

一旦您了解其中的细微差别，Gutenberg 就是一个易于使用的编辑器。如果您训练自己使用回车键书写并从那时起添加图像和其他块，古腾堡可以积极提升您的网站建设体验。

但是，如果您更喜欢使用鼠标，那么古腾堡的所有美感都将消失，您的工作效率也会受到影响。对于那些非常熟悉 Classic Editor 的人来说，Gutenberg 可能是一个挑战，但如果您遵循我在这里的建议，您可以立即轻松适应 Gutenberg。