已经确认,古腾堡编辑器确实将成为 WordPress 的默认文章编辑器。 我ai 能够测试后者,我很快意识到许多用户会迷失这个新编辑器,因此本教程的原因。 因此,我们将一起了解古腾堡编辑器的基础知识并涵盖一些高级要点。

在开始之前

如果您没有能力安装WordPress 5.0版(仍在开发中),现在可以 下载古腾堡 并在您的WordPress版本上进行测试(我将再次启动实验环境)。 但是,我承认在给这个新编辑器的评级时有些惊讶,我一半以上的用户给予1/5的评级。

预览gutenberg评级wordpress.jpeg

我不会停下来尝试测试一下。

界面介绍

要使用古腾堡,您必须 一篇文章(显然),就像你过去所做的那样,即“ 文章>添加”。

古腾堡presentation.jpeg

我从一开始就注意到,发布者非常重视分散注意力,并利用了页面的整个宽度。

旧版本wordpress.jpeg

即使我们必须认识到古腾堡(Gutenberg)上的边距太多,我认为白色背景的颜色也会减少干扰。 您会注意到,古腾堡看上去很像Calypso(WordPress.com)上的帖子编辑器。

calypso编辑器wordpress.jpeg

元素的位置

备份部分

布局发生了巨大变化。 现在,项目保存区域位于顶部。 而是,它是对保存按钮的快速访问部分。

备份部分gutenberg.jpeg

带有设置图标的按钮可让您关闭下面的挡板。 现在,允许我们在可视编辑器和文本编辑器之间切换的按钮位于最右侧的同一窗格中。 要预览文章,必须单击“发布...”按钮之前的眼睛。

高级控制gutenberg.jpeg

与往常一样,用于选择类别和文章可见性的特色图像的部分在右侧。 您是否需要确保“ 文件 被选中。

gutenberg部分类别和图像在first.jpeg

块部分

这就是古腾堡带来的创新。 您应该知道,现在关于古腾堡的任何段落都应该被认为是一个段落。 块具有单个调整的可能性,但是它们也可以很容易地在整个文档上移动。

将光标放在段落上后,要访问所选块的功能,必须单击右侧的块选项卡。

块古腾堡wordpress.jpeg

使用这些设置,例如,您可以定义仅应用于块的背景色以及更改块的字体大小。 我觉得很方便。

格式化选项

格式将显示在每个块上方。

选项formatting.jpeg

您还可以通过单击“编辑器选项”,然后单击“在顶部设置工具栏”,在顶部显示布局选项。

在top.jpeg显示格式化选项

如何添加自定义块

您不限于使用段落块。 要添加更多块,必须单击左上方的+图标。

不同的块gutenberg.jpeg

这允许您访问可用的不同块。 也正是在这个位置,您可以访问由 主题 和插件。 您甚至可以选择保存自己的自定义块。 我认为这将使编辑类似文章变得更加容易。

这就是本教程的全部内容,我们将在下一篇中继续实践本教程中观察到的所有内容。