Bricks 博客列表页与归档页怎么做

列表页与归档页分别是什么

• 博客列表页（Blog 页）：手工建的一个页面，展示全部或指定范围的文章。
• 归档页（Archive）：WordPress 自动按分类（category）、标签（tag）、作者等聚合的页面。

好的列表页和归档页能让访客顺藤摸瓜，提升停留时间。

做 Blog 列表页：Posts 小部件 + Query Loop

1. 在 Pages 里新建一个页面作为列表页，用 Bricks 编辑。
2. 按正确的容器层级，依次加 标题小部件 和 Posts 小部件。Posts 小部件自带 Query Loop 功能，Layout 里提供了 4 种现成布局：List / Grid / Masonry / Metro。想完全自定义，就用容器的 Query Loop 自己排。
3. 在 FIELDS 选项下加标题、摘要、阅读更多等内容，这些都从动态数据下拉框选对应字段：

{post_excerp:120}

这个 :120 控制摘要显示字数，可以改成任意数字。

{read more}

这个「阅读更多」字段，画布预览可能显示英文，但它会根据网站语言自动切换，前端看到的就是站点语言。

4. 设文章显示范围：Posts 小部件的 Content 选项卡下有个 Query 图标，不设置默认全部文章，也可限定为部分文章，甚至换成页面、媒体库、CPT 等其他类型。
5. 调好内外边距等样式，保存即可。

摘要字数与「阅读更多」的两个小坑

• 摘要字数预览不一致：画布里看到的摘要字数可能和你设的不一样，这其实是个显示 Bug，保存后到前端看就是正常的。
• 阅读更多显示英文：后台预览是英文，但前端会按站点语言显示，不用担心。

限定文章范围：Query 条件

Post 小部件的 Query 不限于博客文章，还支持页面、媒体库、自定义文章类型等。做「相关文章」「精选合集」时非常有用。

做 Category / Tag 归档页

1. 到 Bricks → Templates 新建列表页模板，类型选 Archive。
2. 列表页的设置和 Blog 列表页一样。
3. 把模板应用到具体的 category、tag 等类型，最常用的是 Categories & Tags。
4. 保存，去对应归档页看是否生效。

小结

Blog 列表页走「普通页面 + Posts 小部件」流程，不用模板；归档页要走 Bricks → Templates → Archive 模板再挂条件。两者做好了，访客的浏览体验能提升一大截。

内容说明（整理稿）：本文选题与步骤框架参考自竞对站 trybricks.com / qinbanliang 站的公开教程（源多为截图驱动教程，正文极薄），内容为 BricksWiki 基于 Bricks 官方公开文档与通用实操经验重写整理，非原文逐字翻译，也不构成官方文档。操作入口/路径以你当前 Bricks 版本为准，实操前建议对照官方文档核对。

站长

Ray Chan

WordPress Developer & Bricks Specialist

WordPress developer with 10+ years of client builds. Switched to Bricks in 2023 — now builds fast WordPress sites and migrates legacy Elementor/Divi projects.

获取报价 →浏览全部教程