关于如何使用新的古腾堡编辑器的说明

从 WordPress 5.0 开始,此 CMS 系统的用户拥有一个新的 Web 内容创作编辑器。 创建站点时,它使用所谓的 块。 可以编辑单个块。 在接下来的教程中,我们将讨论如何使用古腾堡编辑器来创建网站内容。

什么是古腾堡?

Gutenberg是 WordPress 的新默认编辑器。 它的工作原理与目前使用的 TinyMCE 编辑器不同。 它通过使用块创建块来提供全新的网页设计体验。 在单个块中,可以像在文本编辑器中一样使用文本。

块可以根据用户的具体想法在页面上移动和分组。 感谢 Gutenberg,用户有机会更好地自定义页面的外观和布局。

什么是块?

块是页面上的内容片段。 您可以为文本、小部件、图像、视频、引文等创建一个块。 可以继续使用每个块。 创建网站的好处是拖放功能,可以用来轻松移动块。

如何在古腾堡编辑器中创建页面

要创建新页面,请转到页面管理中的页面 › 添加新的。 将打开以下页面:

gutenberg tvorba stranky

在显示的块中写一个标题。您还将找到编辑站点服务的选项。 您可以随时通过单击标题来编辑 slug。 只需单击页面 URL 旁边的编辑按钮。

Upraviť url stránky

创建块

键入标题后,您可以在预设文本输入块中添加更多文本,也可以插入自己的块。为此,请单击加号图标: . 您可以在此处选择要添加的内容类型。

在我的示例中,我选择添加一个段落。在段落块中,您将找到字体选项、对齐方式和用于插入链接的图标。在块编辑工具栏的末尾,您会找到一个用于更多编辑选项的按钮. 例如,您可以使用它来隐藏块设置、复制、编辑为 HTML、添加到可重复使用的块以及删除块。

您可以在屏幕右侧找到更多文本选项。 字体设置可用。 您可以从多个预设选项中选择字体大小或设置自己的字体大小。 您还可以选择背景颜色、文本颜色或设置自己的高级调整。

直接在块上方以及屏幕右侧编辑块的选项因各个块类型而异。

更改块类型

您可以在创建页面时随时更改块类型。您可以通过单击活动块上方的第一个按钮来执行此操作。 活动块类型的字符始终显示在此处。 单击后,将出现一个块列表,您可以从中进行选择。

块类型

创建页面时有几种类型的块可用。 它们排列在一个清晰的列表中,分为几个部分:

最常用– 最常用的块类型,如段落、图像、图库等都显示在此处。

直接元素– 有一个直接图像块。

通用块– 在这里您可以找到图像、视频、文件、列表、引文和页面其他常用部分的块。

格式化– 允许您添加格式化的内容,例如表格、代码、自定义 HTML,但也可以在经典 WordPress 文本编辑器中添加一个块。

布局元素– 在这里您可以找到用于分页符、按钮、列的块或具有预先创建的媒体和文本布局的块。

小部件– 借助可用选项,您可以添加短代码、类别、最近评论列表等。

Embedded – 允许您嵌入外部内容,例如 YouTube、Twitter、Instagram、Facebook 和其他内容。

如何在页面上创建基本布局

让我们从一个简单的页面开始。 如果它有标题、文本、图像、项目符号列表和图像库就足够了。

添加文字

输入标题后,只需在预设块中开始书写。 Gutenberg 为每个段落创建一个单独的块。 您不必每次都将其添加到页面中。 您所要做的就是按 Enter。 新的段落块是自己创建的。

添加图像

要添加图像,请从块列表中选择适当的块。 通过单击屏幕左上角的加号图标图像显示块列表。 您可以从媒体库中选择图像或将其上传到页面。

上传后,它将立即出现在页面布局中。 在屏幕右侧,设置图像大小、填写替代文本或插入链接。

gutenberg pridanie obrazka

添加项目符号列表

从列表中选择适当的块。 编辑文本时,您还可以选择编号列表、插入链接等。

添加图片库

从块列表中为图库选择一个块。 然后上传图片。 在图库块中,您可以调整对齐方式、插入或删除图像。 在屏幕的右侧,您将找到用于设置图库中的列数和裁剪图像的功能。

如何移动方块

单个块可以在页面上移动。 当您将鼠标悬停在要移动的块上时,会出现必要的按钮。 有两个向上和向下箭头可以移动。 这些总是将选定的块向上或向下移动一个位置。在箭头之间,您会发现拖放功能的图标. 当您将鼠标移到它上面时,会出现一只手,您只需握住该块并将其移动到所需位置即可。

如何重用创建的块

如果您创建了以后想再次使用的块,请单击更多选项图标。 您可以在模块顶部的功能菜单中找到它。 在此处选择添加到可重用块

gutenberg znovupouzitelny blok

这样,您每次创建新帖子时都可以访问创建的块。保存的块出现在Reusable下的块类型列表中。 它们也可以被管理。 您可以将它们转换回普通块或从菜单中删除它们。

附加功能

还有一些更方便的功能可用于创建页面或文章。 首先,让我们看一下页面顶部的按钮。

ikonky navrchu stranky

我已经提到了第一个图标。 用于向页面添加块。

后退和前进箭头不需要表示 – 它们会带您前进或后退一步。

i – 在这里你可以看到内容的结构。

最后一个按钮块导航提供了一个有趣的功能。 除了显示单个块的顺序外,它还用于快速跳转到选定的块。

您会在页面右侧找到更多功能。 您可能已经从以前使用 WordPress 的工作中了解了一些内容。 其他都是新的。

文档– 允许您访问文档设置,例如编辑页面 URL、添加插图图像和启用评论。 分类和标签的分配也可以在发布页面上找到。 您还可以为摘要添加文本。

– 我已经在创建块部分中提到了此按钮的一些功能。 它们因所选块类型而异。

预览– 预览按钮显示页面或帖子的实时预览。

发布– 使用此按钮发布页面。 如果您正在编辑现有页面,则会出现刷新按钮而不是发布按钮。

永久链接– 在此处编辑 URL 的文本部分。

页面属性– 用于设置页面模板并分配父页面。

显示更多工具和选项– 页面右上角的最后一个按钮是显示更多工具和选项ikonkaviac moznosti. 这里有一些功能,如聚光灯模式,可帮助您在创建页面时专注于特定块的内容。

您还将找到可视化编辑器和代码编辑器之间的切换,以及全屏模式。 此外,您还会发现键盘快捷键、管理可重用块的能力以及其他页面设置选项。

进阶技巧

我还会提到一些更高级的编辑器功能:

快速创建块

您可以使您的工作更轻松,这样您就不必总是在列表中搜索特定的块。 您所要做的就是在预设块中输入斜杠和块名称的首字母

/názov bloku

开始输入后,您将看到匹配选项列表。

编辑源代码

您可以在创建页面的每个步骤中编辑页面的源代码。 您可以通过单击图标来执行此操作ikonkaviac moznosti. 在此处查找代码编辑器选项。

激活全屏模式

在 Gutenberg 编辑器中,您可以通过提供页面菜单而不受不必要的干扰。 滚动到页面的右上角,然后单击ikonkaviac moznosti. 在这里,您将找到全屏模式功能。 您还可以选择聚光灯模式以更好地关注特定块。

使用键盘快捷键

除了常用的快捷键外,Gutenberg 还允许您使用许多特殊的键盘快捷键。 例如:

  • 显示或隐藏边栏设置 Ctrl + Shift +
  • 撤消您最近的更改 Ctrl + Z
  • 再次进行撤销的更改 Ctrl + Shift + Z

使用 Ctrl + Shift + H 打开快捷方式列表。

使用插件扩展选项

如果您想扩展您的设计可能性,请安装 Gutenberg 插件之一。 例如,可堆叠插件提供了一组预先准备好的块。 您将创建有趣的主页。 Otter Blocks也是一个很棒的插件。 创建价格、谷歌地图等块。

以下是一些常见问题的解答

如果我不想使用古腾堡怎么办?

一些用户询问 WordPress 是否允许您使用以前的 TinyMCE 编辑器。对的,这是可能的。在这种情况下,可以停用古腾堡。您所要做的就是安装 WordPress插件 Classic Editor

旧的内容会改变吗?

您在网站上已有的所有内容将保持不变。 古腾堡将特定页面或文章放在一个块中。 古腾堡可用于此目的 所谓的 经典街区. 这使您可以像在经典的 TinyMCE 编辑器中一样使用原始内容。

您可以简单地编辑经典块中的原始内容或将其转换为块。 您将在更多选项图标下找到所需的功能ikonkaviac moznosti. 您还可以像在块编辑器中创建内容一样处理内容。

Was this article helpful for you? Support me by sharing, please. 👍
WordPress Návod v PDF

LEAVE A REPLY

Please enter your comment!
Please enter your name here