简介
今天我们将探索封面区块。这是创建页眉、横幅式展示、行动号召等内容的绝佳工具。封面区块允许您在图片或视频上方显示文字和其他内容。本次课程中，我们将创建两种不同设计。但首先，让我们快速了解一些关键功能和设置。
关键功能与设置
需要理解的重点是：封面区块是一个容器区块，可以嵌套其他区块。当您在页面添加封面区块时，可以从电脑或媒体库上传图片/视频，或选择”使用特色图片”选项将其设为页面/文章的封面图。点击彩色圆圈可为封面区块添加叠加颜色（后续可在侧边栏设置中修改）。
从媒体库添加图片时，WordPress会自动添加与图片协调的叠加色。插入后，在列表视图中选择封面区块，使用区块工具栏将对齐方式改为”全宽”。您还可以调整内容位置（如左上/中左等），切换全高显示，或添加双色调滤镜。在侧边栏设置中：
- 选择”固定背景”可创建视差效果
- 当图片尺寸不足时，”重复背景”选项非常实用
- 焦点选择器可指定图片核心视觉点（尤其针对移动端）
- 别忘了添加替代文本以提升SEO和无障碍访问
在”样式”选项下，您可以编辑颜色叠加层并调整透明度，或通过内边距为内容创造更多空间。
横幅案例
现在让我们通过案例演示。首先展示如何创建示例中的横幅：添加封面区块并选择媒体库图片，将对齐方式设为全宽，内容位置调整为顶部居中。接着添加文字”探索群山”，将字号自定义为4rem，字重设为中等。
要调整文本对齐，需先将段落区块嵌套在群组区块中，取消勾选”内部区块使用内容宽度”，再将群组区块设为全宽对齐。最后在封面区块样式中保留50%叠加透明度，并添加适当内边距。完成设计后，别忘了检查移动端显示效果。
若不想图片被裁剪（如当前效果），可返回页面打开”样式→纵横比”，选择经典3×2比例。这样在移动端查看时，图片会按比例缩放保持完整。
视差效果案例
第二个案例将展示如何创建融合两张图片的视差效果：添加封面区块并选择图片，设为全宽+全高对齐，在侧边栏启用”固定背景”创建视差。通过区块工具栏的三点菜单复制该区块，更换新图片后，将两个封面区块嵌套在群组区块中。
打开群组区块样式，将”区块间距”调为零以消除图片间隙（注意：部分主题可能不显示此选项）。完成设计后同样需要检查移动端适配。
更多可能性
最后分享其他创意应用：用封面区块制作作品集网站的行动号召按钮，或在”模式目录”中查找预制模板。最后一个案例中，使用页眉模板为”猫头鹰庇护所”网站创建了左上角放置logo+标题、右上角导航菜单的响应式页眉。
结语
尽情使用封面区块吧！请始终注意检查设计在移动端的显示效果。
实践练习
使用WordPress Playground测试技能：
- 添加封面区块到文章/页面
- 上传并插入雪山图片：https://unsplash.com/photos/snowy-mountain-g30P1zcOzXo
- 在图片上方添加文字”探索群山”
- 参照视频示例设计横幅
- 预览移动端效果并确保正常显示
- 可选：根据需要调整图片纵横比