#130:美化文章归档页面

CSS-Tricks 上的文章归档页面非常重要。与大多数博客使用分页博客文章不同,我只需链接到归档页面。我认为这可以省去人们点击-滚动浏览、点击-滚动浏览、点击-滚动浏览的麻烦……相反,他们可以直接转到一个页面,在那里他们可以以更简洁的格式滚动浏览大量文章。

但是,当前的设计并不能很好地促进这种浏览。它只是一个标题列表。这对某些人来说可能有效,但它并不十分吸引人。

由于归档页面应该易于浏览,因此分页将非常重要。我们之前已经处理过分页,但这里有很多分页。这是一个测试事物并在找到好方法后将样式应用到其他地方的机会。

我们直接进入代码。我们找出这些归档页面的标记来自一个小插件,我们可以控制它。我们也已经有一个可以使用的 CSS 文件。有时(阅读:99% 的时间)修改插件本身并不是一个好主意。如果插件将来更新,它将覆盖你的更改。好吧,在这种情况下,此插件是如此定制化,它本质上只是我们自己的自定义功能片段,我甚至不认为它是一个插件,而只是一些已从 functions.php 中移出的代码。

我们完成了需要做的事情,以获得一个体面风格的页面,该页面是所有文章的列表,并进行了分页。最终在屏幕外,对其进行了稍微调整,以包含文章本身的小片段和评论数,因此浏览和评估受欢迎程度会更好一些。