#122：构建视频存档，第一部分

视频存档页面是网站的一部分，人们可以浏览所有可供观看的免费视频。它用于浏览，就像代码片段主页或演示主页一样。

这些页面有自己的模板，我们可以像以前多次那样快速轻松地将它们整理好。我们在周围添加了自己的包装器，并使用我们的网格结构为其提供 2/3 1/3 的布局。

对我来说，这里最激动人心的是，我们有机会剔除一些旧的、糟糕的标记，并用更智能、自动生成的标记替换它。在过去，我将每个条目手动写入视频存档，作为定义列表。首先，对于视频列表来说，这可能不是正确的语义标记，尤其是当每个条目都开始一个新的列表时。

相反，我们剔除所有旧的标记，并运行精心设计的查询，从 WordPress 中获取我们需要的所有数据。我们遍历该查询并输出更简洁的新标记（只有带有类的 div）。这将在将来节省我们的时间，不需要手动维护这些存档页面。

在编写这个新的标记时，我们在其中添加了 WordPress 函数，这些函数填充了我们需要动态化的位。标题是the_title()。链接是the_permalink()。缩略图是自定义字段。简单易用。

div 使用我们网格系统中的类名，这样所有浮动、大小调整等操作都能自动完成。我们是不是很有效率？不过，有些 CSS 需要自定义，我们在需要的时候编写它们。例如，调整此部分中模块的填充（填充太多，我们减少了它）。由于我们明智地使用了body_class()，早在我们在处理头部时，我们就可以通过可用的类名轻松地做到这一点。