简介
本节课我们将创建并自定义页眉和页脚。区块主题允许我们使用区块构建整个网站，包括页面、文章、模板和模板部件。此前我们已经探索过嵌套区块和使用区块模式，现在我将利用主题自带的模式来定制站点的页眉页脚。这些模式已为您完成了大部分布局工作，是绝佳的创作基础。
静态首页与文章页设置
开始前需要说明：我使用的是Twenty Twenty-Four区块主题，在”设置→阅读”中已配置静态首页和文章页。因此在页面编辑器中可以看到，首页与其他导航菜单页面都被分配给了默认页面模板。
页眉页脚模式应用
进入站点编辑器后请注意：当前所有模板共享相同的页眉页脚。这意味着如果修改当前模板部件，所有相关模板都会自动更新；但若在某个模板中替换页眉/页脚，则需手动同步到其他模板。
添加页眉模式
在页面模板中打开列表视图，点击页眉区块的三点菜单选择”替换页眉”。从主题提供的模式中选择”全宽背景图页眉”开始定制：
- 替换封面区块的背景图为媒体库中已上传的图片
- 上传透明LOGO至站点标志区块
- 将封面区块不透明度调为零（因选用浅色背景图）
- 修改站点标题的字体、颜色并放大字号
- 调整导航菜单的字体、颜色和尺寸
- 为行区块添加内边距增强留白效果
完成设计后需保存，并手动将该页眉更新至404模板等其他相关模板。
自定义页脚模式
选择保留现有页脚模式进行修改（所有模板会自动同步更新）：
- 放大站点标志并添加副标题
- 将中间栏标题改为”快速链接”，替换虚拟导航菜单为实际创建的页眉导航
- 最右侧栏更新社交媒体链接（替换原占位符）
- 新增隐私政策和条款页面至第三栏导航
保存后，访问404模板等页面可立即看到同步更新的页脚效果。下图展示联系页面的前端呈现效果。
结语
页眉页脚模式能为您提供强大的设计基础，大幅提升创作效率。期待这些工具能助您打造理想的网站框架。