指南:如何使用新的WordPress编辑器 Gutenberg;自 WordPress 5.0 版本以来,该 CMS 系统的用户拥有了一个新的编辑器来创建可用的 Web 内容 – Gutenberg。它使用所谓的块来创建网站。可以编辑各个块。在下面的教程中,我们将讨论如何在创建网站内容时使用此编辑器。
古腾堡是什么?
Gutenberg 是 WordPress 的新默认编辑器。它的工作原理与迄今为止使用的 TinyMCE 编辑器不同。通过使用块创建页面,它提供了创建站点的全新体验。在各个块中,可以像在文本编辑器中一样处理文本。
可以根据用户的具体想法按页面移动和分组块。使用古腾堡,用户可以更好地自定义页面的外观和布局。
什么是块?
块是页面上内容的一部分。您可以为文本、小部件、图像、视频、引文等创建块。每个块都可以进一步加工。创建网络的好处是拖放功能,它允许您轻松移动块。
如何在古腾堡编辑器中创建网站
要创建新页面,请转至页面管理中的页面 › 添加新页面。将打开以下页面:
古腾堡网站创建
在显示的块中键入标题。您还可以找到编辑 slug 页面的选项。您可以随时通过单击标题来编辑 Slug。只需单击页面 URL 旁边的编辑按钮即可。
编辑页面网址
创建块
输入标题后,您可以向预定义的书写块添加更多文本,也可以嵌入您自己的块。为此,请单击加号图标图标加号。您可以在此处选择要添加的内容类型。
在我的示例中,我选择添加一个段落。在段落块中,您将找到字体选项、对齐方式和链接插入图标。在块编辑工具栏的末尾,您会发现一个额外的编辑选项按钮图标-更多选项。例如,您可以隐藏块设置、复制、编辑为 HTML、添加到可重用块以及删除块。
您可以在屏幕右侧找到更多文本选项。字体设置可在此处进行。您可以从多个预设选项中选择字体大小或设置您自己的大小。您还可以选择背景颜色、文本颜色或自定义您自己的定制。
块上方以及屏幕右侧的用于编辑块的选项因块类型而异。
古腾堡管理块
更改块类型
您可以在创建页面时随时更改块类型。为此,请单击活动块上方的第一个按钮。此处始终显示活动块类型的字符。单击可显示可供选择的块列表。
块类型
创建页面时,您可以使用多种类型的块。它们排列在一个清晰的列表中,该列表分为几个部分:
古腾堡块列表
最常用– 这里显示最常用的块类型,例如段落、图片、图库等。
直接元素- 直接图像块可在此处找到。
常见块- 在这里,您可以找到图像、视频、文件、列表、引用和其他常用页面部分的块。
格式化– 允许您添加格式化内容,例如表格、代码、自定义 HTML,还可以添加经典 WordPress 文本编辑器中的块。
布局元素- 在这里,您可以找到分页符块、按钮、列或带有预先创建的媒体和文本布局的块。
小部件- 通过可用的选项,您可以添加短代码、类别、最近评论列表等。
嵌入元素 – 允许您嵌入外部内容,例如 YouTube、Twitter、Instagram、Facebook 和其他内容。网站速度对于访问者和 SEO 都很重要。感谢我强烈推荐的WP Rocket插件,我获得了最好的结果。
如何创建基本页面布局
首先,我们将创建一个简单的页面。您所需要的只是标题、文本、图像、项目符号列表和图像库。
添加文本
输入标题后,只需开始在预设块中输入即可。古腾堡为每个段落创建一个单独的块。您不必每次都将其添加到页面中。只需按 Enter 键即可。一个新的段落块会自行创建。
添加图像
要添加图像,请从块列表中选择该块。单击屏幕左上角的加号图标图像即可显示块列表。您可以从媒体库中选择图像或将其上传到页面。
上传后,它将立即出现在页面布局中。在屏幕右侧,您可以设置图像大小、填充替代文本或插入链接。
添加项目符号列表
从列表中选择适当的块。编辑文本时,您还可以选择编号列表、插入链接等。
添加图片库
从块列表中选择一个图库块。然后上传您的图像。您可以编辑对齐方式、插入或删除图库块中的图像。在屏幕右侧,您将找到用于设置图库中的列数和裁剪图像的功能。
如何移动方块
您可以移动页面上的各个块。当您将光标移动到要移动的块上时,会出现必要的按钮。有两个箭头用于上下移动。这些将选定的块向上或向下移动一个位置。在箭头之间,您将找到拖放图标。 ikonka 拖放。当您将光标移到其上时,会出现一个指针,只需捕捉该块并将其移动到所需位置即可。
如何重用创建的块
如果您创建了一个以后想要重复使用的块,请单击“更多选项”图标。您可以在块顶部的功能菜单中找到它。在此处选择添加到可重用块。
古腾堡可重用块
这样,当您创建新帖子时,您将始终可以访问已创建的块。保存的块出现在可重用下的块类型列表中。它们也可以被管理。您可以将它们转换回正常块或从菜单中删除它们。
另一个特点
创建页面或帖子时可以使用一些实用功能。首先,让我们看一下页面顶部的按钮。
页面顶部的图标我提到了第一个图标。这用于向页面添加块。
无需引入来回箭头——它们将带您前进或后退一步。
最后一个按钮——块导航——提供了一个有趣的功能。除了显示各个块的顺序外,它还用于快速跳转到所选块。
在页面右侧,您会发现更多功能。您可能已经在之前使用 WordPress 的过程中了解了其中一些内容。其他都是新的。
文档– 提供对文档设置的访问,例如编辑页面的 URL、添加说明性图像以及允许评论。类别和标签分配也可在帖子创建页面上找到。您还可以添加摘要文本。
块– 我已经在上面的“创建块”部分中提到过该按钮的一些功能。它们根据所选的块类型而变化。
预览- 预览按钮显示页面或帖子的实时预览。
发布– 使用此按钮发布页面。如果您正在编辑现有页面,则会显示“更新”按钮,而不是“发布”按钮。
永久链接– 在此编辑 URL 的文本部分。
页面属性– 用于设置页面模板并分配父页面。
显示更多工具和选项– 页面右上角的最后一个按钮是显示更多工具和选项图标-更多选项。在这里,您会发现一些功能,例如聚光灯模式,可以帮助您在构建页面时专注于特定块的内容。
您还可以找到可视化编辑器和代码编辑器之间的切换以及全屏模式。此外,您还可以找到键盘快捷键、管理可重用块的功能以及其他页面设置选项。
给进阶者的提示
让我列举一些更高级的编辑器功能:
快速创建区块
为了避免总是在列表中搜索特定块,您可以使您的工作变得更轻松。您所要做的就是在预设块中输入斜杠和块名称的第一个字母:
/区块名称
一旦开始输入,您就会看到匹配选项的列表。
编辑源代码
在创建页面内容的每个步骤中,您都可以编辑其源代码。为此,请单击图标图标-更多选项。在这里寻找代码编辑器。
启用全屏模式
在古腾堡编辑器中,您可以通过菜单页面菜单进行工作,而不会受到不必要的干扰。导航至页面右上角并单击图标-更多选项。您将在这里找到全屏模式。您还可以选择聚光灯模式,以便更好地关注特定块。
使用键盘快捷键
除了常用快捷键之外,古腾堡还允许您使用许多特殊快捷键。例如:
显示或隐藏侧边栏设置 Ctrl + Shift +
撤销您最近的更改 Ctrl + Z
重新执行撤销的更改 Ctrl + Shift + Z
使用 Ctrl + Shift + H 打开快捷方式列表。
使用插件扩展您的选择
要扩展您的设计能力,请安装古腾堡插件之一。例如,Stackable 插件 提供了一系列预构建块。它将创建有趣的主页。另一个很棒的插件是Otter Blocks。它允许创建价格、谷歌地图等块。
几个常见问题的解答
如果我不想使用古腾堡怎么办?
有些用户询问 WordPress 是否允许使用之前的 TinyMCE 编辑器。对的,这是可能的。在这种情况下可以停用古腾堡。在这种情况下,您所要做的就是安装 WordPress 插件 – Classic Editor。
旧的内容会改变吗?
页面上已有的任何内容将保持不变。古腾堡将特定页面或文章放在一个块中。为此,古腾堡有一个所谓的经典块。这使您可以像在经典 TinyMCE 编辑器中一样使用原始内容。
您可以简单地编辑经典块中的原始内容或将其转换为块。您将在更多选项图标下找到所需的功能图标-更多选项。此外,您可以像在块编辑器中创建内容一样使用内容。