使用区块模式

简介

我们已经学会了使用和组合区块来构建我们的网站。但你知道吗,有一种更快创建自定义内容布局的快捷方式,那就是使用区块模板。我们并非都是设计师,创建布局也很耗时。区块模板提供了一种解决方案。本课的学习目标是使用和修改现有的预制区块模板,探索区块模板目录,创建你自己的同步和非同步模板,最后利用页眉和页脚模板。

什么是区块模板?

但什么是模板呢?区块模板是预先设计好的区块组布局,可供修改和调整以满足你的需求。它基本上能节省你的时间,同时还能提升创意和设计水平。你无需自己嵌套和组合区块,模板已经为你完成了这些工作。只需点击一下,你就能获得美观且功能丰富的布局,包括行动号召、页眉、列、画廊等等。

添加主题模板

要添加模板,请点击左上角的加号图标(也称为插入器),然后打开右侧“区块”旁边的“模板”选项卡。在顶部,你会看到所有模板。下面是你自己创建的所有同步和非同步模板。同步模板带有紫色图标,非同步模板则没有,但稍后会详细介绍同步和非同步模板。在“我的模板”下方,你会看到你的主题自带的模板。它们按不同类别组织,方便你查找所需内容。点击某个类别后,向下滚动即可预览所有可用的模板。

你也可以选择底部的“探索所有模板”,以概览主题自带的所有模板。你还可以按类别逐一浏览。让我们看一个简单的例子。当你选择一个模板(这里是我“精选”类别中的一个)时,你可以修改该模板以满足你的设计要求。它可以像任何其他区块一样轻松编辑。你可以更改容器区块的对齐方式。你可以编辑标题、更新内容、替换图片,例如,还可以更改模板的背景颜色以及其他样式选项。但所有繁重的工作和布局已经为你完成。你只需选择模板并进行修改,以满足你的需求。

使用模板目录

你的主题自带的模板是有限的。如果你想要更多模板可供选择,可以探索区块模板目录。为此,让我们前往 WordPress.org 网站。点击“扩展”,然后选择“模板”。在这里,你可以搜索并找到适合你网站的新模板。你会注意到有一个选项可以只查看精选模板,或者查看由 WordPress 社区添加的数百个模板。你可以在搜索框中输入内容、按类别搜索,或者浏览所有可用选项,直到找到你想要的。找到你需要的模板后,可以点击“星标”将其添加到收藏夹。当你准备好将模板添加到你的网站时,打开该模板,点击“复制模板”,返回你的网站,然后粘贴。接着,你就可以开始更改和修改你的模板了。这是我根据设计需求调整后的模板样子。

管理模板

当你进入站点编辑器,在侧边视图中会看到一个“模板”选项卡。在这里,你可以管理、编辑和创建所有模板(无论是同步还是非同步),以及你的模板部件。点击“我的模板”后,你会看到所有自定义模板。同步模板带有紫色图标,非同步模板则没有。如果将鼠标悬停在紫色图标上,它会明确显示:“编辑此模板也会更新所有使用它的地方”。在自定义模板下方,我们会看到所有可用的类别以及你的主题提供的模板。还值得注意的是,当你点击主题自带模板的三个垂直点图标时,你也可以复制该模板并将其添加到你的自定义模板区域,当你将其保存为自定义模板后,就可以随意修改它。在底部,你会找到所有页眉、页脚和通用模板部件模板。

自定义模板

让我们从你自己的模式开始。如果你点击“模式”旁边的加号图标,就可以创建自定义的同步或非同步模式。命名后,你可以将其添加到相关类别中,比如这里的“行动号召”类别,然后可以选择是否同步。在这个例子中,我会选择同步模式,底部会显示“在多个位置同步此模式”。现在你可以开始创建同步模式,完成后点击“保存”。要在区块编辑器中创建模式,只需选中设计,点击区块工具栏的三个竖点,然后选择“创建模式”。接着重复之前的步骤,我会再次选择同步模式。所以,如果你喜欢某个设计,可以保存并作为同步或非同步模式重复使用。

模板部分模式

最后,我们来谈谈模板部分。要管理你的页眉和页脚,可以使用模板部分模式。模板用于创建网页设计,通常通过添加页眉和页脚模板部分来实现。我们来看一个例子,打开页面模板。打开页面模板后,我们可以选择当前的页眉,然后点击三个竖点。接着选择“替换页眉”。这时,你可以选择现有的模板部分或主题自带的模式。页脚的操作方式完全相同。在“模式”下方,你可以管理和编辑现有的模板部分。要添加新的模板部分,点击“模式”旁边的加号图标,选择“创建模板部分”。在这里,你可以选择创建通用、页脚或页眉模板部分。要创建新的页眉模板部分,适当命名,选择“页眉”,然后点击“创建”。

结论

然后,你就可以在模板编辑模式下开始构建新的页眉了。我们相信模式也会成为你最喜欢的新工具之一。