用WordPress区块编辑器创建文章和页面

介绍

使用WordPress区块编辑器创建文章和页面。今天,我们将深入内容创作的核心,使用强大的WordPress区块编辑器。

学习成果

本课的学习成果包括:定义区块编辑器、导航区块编辑器界面、区分内容编辑区域和设置侧边栏、创建页面和文章,以及最后使用区块、模板和列表视图。

区块编辑器简介

WordPress区块编辑器允许你使用区块构建网站,无需编写代码。如前所述,登录你的WordPress仪表盘来创建文章或页面。从仪表盘,导航到左侧菜单中的“文章”或“页面”。让我们创建一个新页面来仔细检查区块编辑器界面。添加新页面后,我们还可以为页面提供一个合适的标题。当你点击插入器时,可以添加一系列区块来构建你的页面。

区块可以是段落、图像、列、画廊、定价表等等。区块模板是另一个很棒的功能。这些是预设的区块组或预设计的区块,你可以快速添加来构建整个部分,然后修改以满足你的需求。

在右侧,模板旁边,我们可以添加媒体。首先,从我们的媒体库,或从Openverse。Openverse提供开放许可的媒体,可以免费使用。

添加区块

有多种方式添加区块。首先,你可以点击左上角的插入器或页面内的插入器。搜索下方出现的六个区块将是你最近使用的区块。或者你可以使用斜杠命令。比如,输入斜杠图像并从媒体库添加图像,我已经上传好了。接下来,我将按回车,然后在我的段落区块中添加一些文本。然后,再添加另一个段落。

区块编辑器界面:内容创建区域、设置侧边栏和列表视图

界面分为三个主要部分:内容编辑区域、左侧用于选择区块或列表视图(我们稍后会谈到)的侧边栏,以及右侧的设置侧边栏。右侧的设置侧边栏为选中的区块提供额外的设置和选项,允许你进一步样式化区块。当然,每个区块都有不同的可用设置。

当你选择一个区块时,你还会看到与该特定区块相关的区块工具栏。在这种情况下,是段落区块。从左侧开始,区块工具栏允许你将此区块转换为不同类型的区块,拖放区块到新位置,或使用箭头重新定位区块,更改文本对齐方式,选择粗体、斜体,或允许你添加链接。下拉箭头允许高亮、添加脚注和其他样式选项。当你点击三个垂直点时,会看到更多选项。

接下来,强调列表视图也很重要。在这个例子中,你会注意到我使用各种区块构建了整个页面。向上滚动,我们可以在左上角打开列表视图。列表视图帮助你导航内容层和嵌套区块。它是WordPress编辑器中不可或缺的功能,让你轻松处理网站上的区块。你可以查看页面上每个区块的确切顺序和结构,这对于内容很多的页面特别有帮助。你可以选择包含其他嵌套区块的区块。你可以点击并拖动区块将它们移动到页面的不同部分。当你点击列表视图中任何区块旁边的省略号(三个点)时,会有各种有用的选项。

构建页面

让我们回到原始页面,继续使用区块构建页面,看看区块编辑器的实际运作。首先,添加一个画廊区块,并从媒体库中选择三张图像。插入后,我选择画廊区块,点击三个垂直点,然后选择“在后面添加”。接着,我点击左上角的插入器,添加一个模板(一个预设计的区块组),并选择一个特色模板来安排访问。然后,我打开列表视图,选择组区块,并更改文本对齐方式。接下来,看看侧边栏设置。一旦我们选择一个区块,可以使用侧边栏设置进一步样式化区块。在这种情况下,我们可以为图像添加圆角效果。我选择第二个段落,并使用区块工具栏将文本改为粗体。然后,我选择列表视图以确保选中我的父级画廊区块。在侧边栏设置中,我将列数从三列改为两列。最后,我选择按钮区块,并将背景颜色改为绿色。

相信你现在已经明白了区块编辑器的各个部分是如何协同工作的:使用区块添加内容,通过设置侧边栏来调整样式和编辑内容,以及利用列表视图来导航你的内容。

在站点编辑器中创建和编辑页面

请注意,你也可以在站点编辑器中创建和编辑页面。那么,让我们前往“外观”并点击“编辑器”。当然,这会带我们进入站点编辑器。然后我们可以选择“页面”,我将打开“使用区块编辑器”页面,然后选择“编辑”。在站点编辑器中,我们将内容添加到“内容”区块中。之后的操作方式完全相同,我们可以继续使用区块来构建页面。在这里,我将添加一个“嵌入 YouTube”区块,输入我的网址,然后将视频嵌入到页面中。

创建和编辑文章

最后,创建文章与创建页面是相同的。我们使用区块来构建内容的结构。请注意,我们会在另一节课中讲解如何添加分类、标签和特色图片。

总结

相信你现在对如何操作区块编辑器,以及如何使用区块、设置侧边栏和列表视图有了更好的理解。

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注