剩下的标题都来了！我们现在可以完成它们，并完成所有自定义标题。在本屏幕录像中，我们将处理由John Neiner完成的演示部分的自定义标题。
有趣的是，John 是唯一一位以 Illustrator 格式提供插图的插画家。这对我们来说很好，因为我们可以将其按需扩展到任何尺寸，且质量不受影响。回想起来，我们可能应该将其保留为矢量（作为 SVG）格式，并可能使用光栅格式作为后备。但在这个屏幕录像中，我们探讨了不同的光栅保存选项，最终选择了 JPG。
在保存过程中出现了一些混乱，我找不到保存的文件，因为我找错了文件名。真实世界中的“Duh”时刻。
然后，我们进入 WordPress 并重复我们的流程，准备样式模板。我们确保演示页面仅加载一个特殊的 CSS 文件。这意味着要向我们的 header.php 文件添加逻辑（is_page_template()）。我们找到演示区域的正确模板（使用经典测试，我们在模板中进行明显的更改，并在实际网站上查看反映效果）。
我们从该模板中删除所有旧的垃圾，并将其更新为我们的新样式。我们编写了一些必要的标记，以便页面以网格形式显示，并仅为这个新的自定义标题提供一个标题区域，以及所有这些。
我们最终将自定义标题图形作为背景图像应用于一个包装元素，并在顶部添加足够的填充（基于百分比）以适合顶部的图形（大小调整以适应）。我们甚至在图像后面放置了一个渐变，从深绿色渐变到黑色，因此当您向下滚动时，看起来就像您越来越深入海洋。
此页面还有更多工作要做，但我们完成了标题，并将模板调整到了良好的状态！
嘿，Chris，红线是出血线，黑线是实际文档尺寸。