🆕 Bricks 2.4 已发布:查询循环性能提升 40%,迁移教程同步更新 →

首页 / 中文教程 / 教程

Bricks 制作 Post Archive 文章列表模板

教程:博客列表页就是 Post Archive。用 Bricks 的 Archive 模板加 Query Loop,自动生成整齐的文章卡片流。

Ray ChanRay Chan·2026-08-20·约 1 分钟
目录
  1. 1.什么是 Post Archive
  2. 2.制作步骤
  3. 3.卡片内容怎么来
  4. 4.分页与样式
  5. 5.小结

博客列表页(/blog/)就是 Post Archive。用 Bricks 的 Archive 模板 + Query Loop,可以做出整齐的文章卡片流。本文讲做法。

什么是 Post Archive

Archive 是某一类内容的集合页,文章归档(/blog/、分类页)就是 Post 类型的 Archive。它负责把多篇文章以列表/网格形式陈列。

制作步骤

  1. 后台 Bricks → Templates → 新建,类型选 Archive(或直接针对文章归档)。
  2. 进编辑器,用 Container 做网格容器。
  3. 放一个「文章/文章卡片」类元素,或在容器里用 Query Loop 绑定「文章」并循环输出标题、摘要、缩略图、日期。
  4. 设条件让该模板作用于「文章归档 / 分类 / 标签」等。

卡片内容怎么来

Query Loop 每个循环项对应一篇文章,用动态数据拉它的标题、特色图、摘要、链接。这样一套版式自动套用到所有文章,无需手工拼。

分页与样式

列表长了加分页(Pagination)元素;用悬停态和 Theme Style 统一卡片视觉。

小结

Post Archive 模板让博客列表自动生成:建 Archive 模板 → Query Loop 绑文章 → 动态数据拉卡片 → 条件作用于归档页。加文章就自动进列表。


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

Ray Chan

站长

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.

延伸阅读