在本集视频中，我们将着手打造 CSS-Tricks 的“演示”区域。尽管我投入的时间并不多，但它在网站中占据着相当重要的地位。该区域旨在集中展示大量可下载和可查看的演示，方便用户浏览和查找与自身项目相关的资源。
从结构上看，它与视频区域非常相似。每个演示都包含标题、简短描述和几个按钮，与视频的结构类似。因此，我们将采用与视频区域相同的布局设计。然而，与视频区域不同的是，我们无法移除手写的 HTML 并将其替换为 WordPress 循环。这是因为每个演示都独立于 WordPress，它们是独立存在的。不过没关系，我们不怕处理一些标记。我们会重新编写部分代码，使其尽可能完善。
现在我们已经拥有了所有必要的组件。我们可以控制标记。我们还可以控制此特定区域的 CSS。只需进行一些调整，该区域的主要内容区域就完成了。
最后，我们将查看各个演示页面，看看 CSS-Tricks 的品牌是如何应用到这些页面的。