使用模板部件

简介

在本课中,我们将更深入地了解如何使用模板部件。通过本教程的学习,你将能够描述模板部件是什么以及它们如何工作,编辑模板部件,并在模板中替换它。如果你访问一个设计良好的网站,你会注意到其优势之一就是一致性。网站的页眉、页脚和侧边栏通常包含相同或相似的内容,以便访问者无论身在网站何处,都能轻松找到所需信息。

为了达到这种效果,网页设计师是否需要在每个网站页面上从头构建页眉、页脚和侧边栏?简短的回答是不需要。使用 WordPress 区块主题时,你将使用一个称为模板部件的功能。

什么是模板部件?

首先,什么是模板部件?模板部件是一组区块,你可以用来创建模板中重复的部分,例如页眉、页脚和侧边栏。让我们在 WordPress 仪表盘中实际操作一下。前往“外观”,然后点击“编辑器”。这将带我们进入站点编辑器,然后我们打开其中一个模板,本例中是博客首页模板。

我们在模板内部创建和修改页眉和页脚模板部件。某些区块主题提供更多或更少的选项,但几乎所有主题都预装了页眉和页脚,就像你在 Twenty Twenty-Four 主题中看到的那样。WordPress 通过提供现成可用的页眉和页脚模式,使操作更加简单。因此,当你点击页眉模板部件的三个垂直点并选择“替换页眉”时,你首先会看到现有的模板部件。这些是我已经创建的模板部件。然后,在下面,我们会找到页眉模板部件模式。你可以选择主题附带的任何这些模式。如前所述,某些主题可能提供更多,某些提供更少。页脚的操作方式完全相同。

编辑模板部件

让我们从编辑页眉模板部件开始。当你在博客工具栏中点击“编辑”时,你可以在编辑模式下处理页眉模板部件,而不会受到其他干扰。首先,让我们打开列表视图。然后,我将继续向页眉模板部件添加我的站点徽标。选择站点徽标区块后,我可以从媒体库或计算机上传图像。

接下来,我将选择站点标题区块,并添加此网站的站点标题。然后,我将保存我的页眉模板部件,并返回到我的博客首页模板。提醒一下:模板部件是同步的,并且在所有使用它们的地方都会更新。你会注意到紫色表示模式已同步。让我们在其他模板中实际看看效果。例如,当我们打开页面模板时,我们会看到页眉完全相同。或者当我们打开 404 模板时,我们会看到更改也已应用到这里,因为模板部件是同步的。

如果你希望首页有不同页眉,但网站其余部分使用标准页眉,该怎么办?在这种情况下,你需要创建一个新的页眉模板部件,或者用模式替换页眉,并将其添加到你的博客首页或首页模板中。我将修改我的博客首页模板,因为我已选择我的文章页面作为首页显示。所以我会确保选中我的页眉,点击三个垂直点,然后选择“替换页眉”。现在,你可以使用模式或现有的模板部件替换你的首页页眉。我将用现有的页眉模板部件替换页眉,该部件我已创建并命名为 Banner Header。现在,我的首页将拥有自己独特的页眉。保存后,我们可以查看其他模板,以确认它们仍然保留标准页眉。

从头创建模板部件

最后,让我们讨论一下从头创建模板部件。前往“模式”,然后向下滚动到“模板部件”。你可以在此处查看所有现有的页眉、页脚和通用模板部件。要创建新的模板部件,请点击模式旁边的加号图标,然后选择“创建模板部件”。在这里,你可以选择不绑定到任何特定区域的通用模板部件、页眉模板部件或页脚模板部件。在本例中,我们将创建一个页脚模板部件。

首先,我们需要给它取一个合适的名称。这里命名为“四列页脚”,然后点击“创建”。这会再次进入专注模式;从这里开始,我们可以从头构建。为了省事,我会从“模式目录”中快速获取一个现成的模式。前往 wordpress.org,点击“扩展”,选择“模式”。在这里,你可以从数千个模式中进行选择。我会选择“社区贡献”,点击“页脚”,然后搜索合适的模式。找到喜欢的模式后,复制它,回到你的网站并粘贴。现在你可以开始修改它以满足需求。更新完成后,返回模式区域,你会注意到新的页脚已成为现有模板部件的一部分。你可以将其添加到任何模板中。当选择“管理所有模板部件”时,你可以重命名和删除自定义模板部件,或清除主题提供的模板部件的自定义设置。我相信你现在已经能够自如地编辑模板,并为你的网站创建页眉和页脚了。

发表回复

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