博客列表页(/blog/)就是 Post Archive。用 Bricks 的 Archive 模板 + Query Loop,可以做出整齐的文章卡片流。本文讲做法。
什么是 Post Archive
Archive 是某一类内容的集合页,文章归档(/blog/、分类页)就是 Post 类型的 Archive。它负责把多篇文章以列表/网格形式陈列。
制作步骤
- 后台 Bricks → Templates → 新建,类型选 Archive(或直接针对文章归档)。
- 进编辑器,用 Container 做网格容器。
- 放一个「文章/文章卡片」类元素,或在容器里用 Query Loop 绑定「文章」并循环输出标题、摘要、缩略图、日期。
- 设条件让该模板作用于「文章归档 / 分类 / 标签」等。
卡片内容怎么来
Query Loop 每个循环项对应一篇文章,用动态数据拉它的标题、特色图、摘要、链接。这样一套版式自动套用到所有文章,无需手工拼。
分页与样式
列表长了加分页(Pagination)元素;用悬停态和 Theme Style 统一卡片视觉。
小结
Post Archive 模板让博客列表自动生成:建 Archive 模板 → Query Loop 绑文章 → 动态数据拉卡片 → 条件作用于归档页。加文章就自动进列表。
内容说明(整理稿):本文选题与步骤框架参考自竞对站 trybricks.com / qinbanliang 站的公开教程(源多为截图驱动教程,正文极薄),内容为 BricksWiki 基于 Bricks 官方公开文档与通用实操经验重写整理,非原文逐字翻译,也不构成官方文档。操作入口/路径以你当前 Bricks 版本为准,实操前建议对照官方文档核对。
延伸阅读
ACF Relationship 字段 + Bricks 查询循环:显示关联文章
教程:ACF Relationship 字段 + Bricks 查询循环:显示关联文章——acf 附完整代码可直接复用,适合外贸独立站与 WordPress 开发者。
tutorialBricks 查询循环按 ACF Repeater 子字段值筛选行
教程:Bricks 查询循环按 ACF Repeater 子字段值筛选行——acf 附完整代码可直接复用,适合外贸独立站与 WordPress 开发者。
tutorialBricks 按 ACF Repeater 子字段排序行
教程:Bricks 按 ACF Repeater 子字段排序行——acf 附完整代码可直接复用,适合外贸独立站与 WordPress 开发者。
tutorialBricks 让元素输出 N 次(N = 自定义字段值):Array 查询类型实战
教程:Bricks 让元素输出 N 次(N = 自定义字段值):Array 查询类型实战——query loop 附完整代码可直接复用,适合外贸独立站与 WordPress 开发者。
