文字稿
简介
使用 WordPress 区块编辑器创建文章和页面。今天,我们将深入了解内容创建的核心,使用功能强大的 WordPress 区块编辑器。
学习成果
本课程的学习成果包括:定义区块编辑器;浏览区块编辑器界面;区分内容编辑区域和设置侧边栏;创建页面和文章;最后,使用区块、区块样式和列表视图。
区块编辑器简介
WordPress 区块编辑器让您可以使用区块构建网站,无需编写代码。正如之前所见,登录 WordPress 仪表盘即可创建文章或页面。在仪表盘中,从左侧菜单导航到文章或页面。让’s 创建一个新页面,以便仔细查看区块编辑器界面。添加新页面后,我们还可以为页面提供合适的标题。点击插入器后,您可以添加各种区块来构建页面。
区块可以是段落、图像、列、图库、价格表等。区块样式是另一项非常实用的功能。这些是预先组合的区块组或预先设计的区块,您可以快速添加它们来构建完整的版块,然后根据自己的需求进行修改。
在右侧、区块样式旁边,我们可以添加媒体。首先,可以从媒体库添加,也可以从 Openverse 添加。Openverse 提供了采用开放许可的媒体,可免费使用。
添加区块
添加区块有多种方式。首先,您可以点击左上角的插入器,或点击页面内的插入器。在“搜索”下方显示的六个区块将是您最近使用的区块。或者,您也可以使用正斜杠命令。比如输入正斜杠 image,然后从媒体库中添加图像,我已经提前上传好了。接下来,我会按 Enter 键,然后向段落区块中添加一些文本。之后,再添加另一个段落。
区块编辑器界面:内容创建区域、设置侧边栏和列表视图
界面分为三个主要区域:内容编辑区域;用于选择区块或列表视图的左侧边栏(我们稍后会讨论);以及右侧的设置侧边栏。右侧的设置侧边栏会为所选区块提供额外的设置和选项,让您可以进一步设置区块的样式。当然,每个区块可用的设置都不相同。
选择区块后,您还会看到与特定区块相关的区块工具栏。在本例中,是段落区块。从左侧开始,区块工具栏可以让您将此区块转换为其他类型的区块,将区块拖放到新位置,或使用箭头移动区块;还可以更改文本对齐方式、选择粗体或斜体,或者添加链接。下拉箭头可以用于突出显示、添加脚注以及进行其他样式设置。点击三个竖直的点后,您会看到更多选项。
接下来,重点介绍列表视图也很重要。在这个示例中,您会注意到我使用各种区块构建了一个完整页面。向上滚动后,我们可以打开左上角的列表视图。列表视图可以帮助您在内容层级和嵌套区块之间导航。这是 WordPress 编辑器中不可或缺的功能,让您可以轻松处理网站上的区块。您可以查看页面上每个区块的确切顺序和结构;如果页面包含大量内容,这尤其有用。您可以选择其中嵌套了其他区块的区块。您可以点击并拖动区块,将其移动到页面的其他部分。点击列表视图中任意区块旁边的省略号(三个点)后,还会有各种实用选项。
构建页面
让’s 返回到最初的页面,继续使用区块构建页面,以查看区块编辑器的实际操作。首先,让’s 添加一个图库区块,并从媒体库中选择三张图像。插入后,我会选择图库区块,点击三个竖直的点,然后选择“在后方添加”。接着,我会点击左上角的插入器,添加一个区块样式,即一组预先设计的区块。然后,我会选择一个用于安排访问的特色区块样式。接下来,我会打开列表视图,选择组区块,并更改文本的对齐方式。现在让’s 查看侧边栏设置。选择区块后,我们可以使用侧边栏设置进一步设置区块的样式。在本例中,我们可以为图像添加圆角效果。我会选择第二个段落,并使用区块工具栏将文本改为粗体。然后,我会选择列表视图,确保选中父级图库区块。在侧边栏设置中,我会将列数从三列改为两列。最后,我会选择按钮区块,并将背景颜色改为绿色。
我相信您现在已经了解区块编辑器的各个组成部分如何协同工作:使用区块添加内容,使用设置侧边栏设置和编辑内容,以及使用列表视图浏览内容。
在站点编辑器中创建和编辑页面
请注意,您也可以在站点编辑器中创建和编辑页面。现在让’s 前往“外观”,然后点击“编辑器”。当然,这会带我们进入站点编辑器。接着,我们可以选择“页面”,然后打开“使用区块编辑器”页面,并选择“编辑”。在站点编辑器中,我们将内容添加到内容区块中。之后,操作方式完全相同,我们可以继续使用区块构建页面。在本例中,我会添加一个 YouTube 嵌入区块,添加 URL,然后将视频嵌入页面。
创建和编辑文章
最后,创建文章与创建页面的方式相同。我们使用区块来构建内容结构。请注意,添加分类、标签和特色图像的内容将在另一节课程中介绍。
结论
我相信您现在已经更好地理解了如何浏览区块编辑器,以及如何使用区块、设置侧边栏和列表视图。