简介
在本课中,我们将更深入地了解如何使用模板部分。通过本教程的学习,你将能够描述模板部分是什么以及它们如何工作,编辑模板部分,并在模板中替换它。如果你访问一个设计良好的网站,你会注意到其优势之一就是一致性。网站的页眉、页脚和侧边栏通常包含相同或相似的内容,以便访问者无论身处网站的哪个位置,都能轻松找到所需信息。
为了达到这种效果,网页设计师是否需要在每个网站页面上从头构建页眉、页脚和侧边栏?简短的回答是:不需要。使用 WordPress 区块主题,你将使用一个称为模板部分的功能。
什么是模板部分?
首先,什么是模板部分?模板部分是一组区块,你可以用它们来创建模板中重复的部分,比如页眉、页脚和侧边栏。让我们在 WordPress 仪表盘中实际操作一下。前往“外观”,然后点击“编辑器”。这将带我们进入站点编辑器,然后我们打开其中一个模板,本例中是博客首页模板。
我们在模板中创建和修改页眉和页脚模板部分。一些区块主题提供更多或更少的选项,但几乎所有主题都预装了页眉和页脚,就像你在 Twenty Twenty-Four 主题中看到的那样。WordPress 通过提供现成可用的页眉和页脚模式,使操作更加简单。因此,当你点击页眉模板部分的三个垂直点并选择“替换页眉”时,你首先会看到现有的模板部分。这些是我已经创建的模板部分。然后,在下面,我们会找到页眉模板部分模式。你可以选择主题附带的任何模式。如前所述,某些主题可能提供更多,某些则更少。页脚的操作方式完全相同。
编辑模板部分
让我们从编辑页眉模板部分开始。当你在博客工具栏中点击“编辑”时,你可以在编辑模式下专注于页眉模板部分,而不会受到其他干扰。首先,让我们打开“列表视图”。然后,我将继续向页眉模板部分添加我的站点徽标。选择“站点徽标”区块后,我可以从媒体库或计算机上传图像。
接下来,我将选择“站点标题”区块,并添加此网站的站点标题。然后,我将保存我的页眉模板部分,并返回博客首页模板。提醒一下:模板部分是同步的,并且会在所有使用它们的地方更新。你会注意到紫色表示模式已同步。让我们在其他模板中实际验证一下。例如,当我们打开页面模板时,会看到页眉完全相同。或者当我们打开 404 模板时,会看到更改也已应用到这里,因为模板部分是同步的。
如果你希望首页有不同页眉,而网站其余部分使用标准页眉,该怎么办?在这种情况下,你需要创建一个新的页眉模板部分,或者用模式替换页眉,并将其添加到博客首页或首页模板。我将修改我的博客首页模板,因为我已将文章页面选为首页显示。所以我会确保选中页眉,点击三个垂直点,然后选择“替换页眉”。现在,你可以使用模式或现有模板部分替换首页页眉。我将用一个现有的页眉模板部分替换页眉,这个部分我已经创建好了,叫做“横幅页眉”。现在,我的首页将拥有自己独特的页眉。保存后,我们可以查看其他模板,确认它们仍然使用标准页眉。
从头创建模板部分
最后,我们来谈谈从头创建模板部分。前往“模式”,然后向下滚动到“模板部分”。你可以在这里查看所有现有的页眉、页脚和通用模板部分。要创建新的模板部分,请点击“模式”旁边的加号图标,然后选择“创建模板部分”。在这里,你可以选择不绑定到特定区域的通用模板部分、页眉模板部分或页脚模板部分。在本例中,我们将创建一个页脚模板部分。
首先,我们需要给它取一个合适的名称。这里就叫“四列页脚”,然后点击“创建”。这会再次进入专注模式;从这里开始,我们可以从零开始构建。为了省事,我会从“模式目录”中快速获取一个现成的模式。前往 wordpress.org,点击“扩展”,选择“模式”。在这里,你可以从数千个模式中进行选择。我会选择“社区贡献”,点击“页脚”,然后搜索合适的模式。一旦找到喜欢的模式,你可以复制它,返回你的网站并粘贴。现在你可以开始修改它以满足你的需求。更新完成后,我们可以返回模式区域,你会注意到新的页脚已成为现有模板部件的一部分。你可以将其添加到任何模板中。当选择“管理所有模板部件”时,你可以重命名和删除自定义模板部件,或者清除主题提供的模板部件的自定义设置。我相信你现在已经能够自如地编辑模板,并为你的网站创建页眉和页脚了。