引言
在本课中，我们将创建并自定义页眉和页脚。区块主题允许我们使用区块构建整个网站，包括页面、文章、模板和模板部分。我们已经探讨了嵌套区块和使用区块模式。在本节中，我将使用主题自带的模式创建并自定义网站的页眉和页脚。页眉和页脚模式为您提供了坚实的基础，大部分布局已经为您完成。
静态首页和文章页
在开始之前，我想强调一下，我使用的是 Twenty Twenty-Four 区块主题。如果我进入“设置”->“阅读”，您会注意到我设置了静态首页和文章页。因为我已经这样做了，如果我们进入“页面”并打开首页，我们会注意到首页已分配到默认页面模板，与导航菜单中的其他页面相同。
页眉和页脚模式
让我们开始吧。我们将进入站点编辑器，在这里我们可以编辑和更新模板。请注意，在此阶段，所有模板共享相同的页眉和页脚。例如，如果我们打开页面模板，会注意到它与 404 模板和单篇文章模板相同。但这意味着什么呢？这意味着如果我们自定义当前的页眉和页脚模板部分，它将自动更新所有使用它的模板。但如果我在某个模板上替换了页眉或页脚，我也需要手动在其他所有将使用它的模板上进行替换。
添加页眉模式
那么，事不宜迟，我将打开页面模板，开始自定义页眉和页脚。让我们从页眉开始，打开列表视图。我想替换页眉，所以点击三个垂直点，然后选择“替换页眉”。现在，我可以从主题自带的一系列模式中进行选择。我将选择“全宽背景图像中的页眉”。选择后，我将开始修改。我会确保选择封面区块，然后用我已上传到媒体库中的图像替换背景图像。接下来，我将选择站点徽标区块，并上传一个我已保存为媒体库中徽标的透明图像。然后，我将再次选择封面区块，打开样式，并将不透明度改为零，因为我选择了一张浅色图像。完成后，我将选择站点标题区块，并选择一种较深的文本颜色。然后点击排版旁边的三个垂直点，选择字体系列并选择一种新字体。我还想放大站点标题，所以我会设置一个自定义大小。
然后，我们可以继续处理导航区块。选择导航区块后，我将打开样式，更改文本颜色，更改字体系列，并通过设置自定义大小来放大导航菜单。最后一步，我想在行区块周围添加一些内边距。所以，我将打开样式和下方的尺寸设置，添加更多内边距以在文本周围创造更多空间。然后，我们的新页眉就完成了。下一步是保存，然后使用我通过模式创建的这个新页眉更新其他模板。例如，让我们打开 404 模板并替换页眉。现在您会在下方看到：现有的模板部分。我们可以保存，然后对所有其他相关模板执行相同操作。
自定义页脚模式
现在，我们可以返回页面模板，继续处理页脚。在这种情况下，我不会替换页脚，而只是更新现有模式，然后它会自动更新所有其他模板。首先，我将放大站点徽标区块，并在站点标题下方的站点标语区块中添加我的站点标语。现在，我们可以处理右侧的三列。我将选择中间区块的标题，并将其改为“快速链接”。然后，我将选择已添加了虚拟内容的导航区块。在侧边栏设置中，在“菜单”旁边，点击三个垂直点，然后选择页眉导航。我还会打开设置选项卡，再次确认方向是垂直的。现在，我们可以继续处理下一列；这次，我将用新的导航菜单替换虚拟内容。所以，我将点击“创建新菜单”，然后选择我已创建的隐私政策页面以及条款和条件页面。在最后一列，我将确保更新指向我社交媒体平台的链接。目前是虚拟内容，因此我将用正确的链接替换井号。现在，我的页脚完成了，当然，我还可以进行进一步修改。保存后，我们可以前往其他模板，例如 404 模板，我们会看到页脚已自动更新。这是当我访问联系页面时前端的视图。
结论
我相信页眉和页脚模式将为您提供助力，并为您的页眉和页脚设计提供坚实的基础。