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

首页 / 中文教程 / 教程

Bricks 制作 Search Result 搜索结果页面模板

教程:站内搜索结果页也需要好版式。用 Bricks 专门的 Search Result 模板,让搜索列表与全站视觉统一。

Ray ChanRay Chan·2026-08-20·约 1 分钟
目录
  1. 1.什么是 Search Result 模板
  2. 2.制作步骤
  3. 3.空结果处理
  4. 4.小结

站内搜索结果页也需要好版式。Bricks 有专门的 Search Result 模板类型,套上后搜索列表和全站视觉统一。本文讲做法。

什么是 Search Result 模板

访客用站内搜索后看到的列表页,就是 Search Result。Bricks 提供对应模板类型,设计一次,所有搜索结果统一呈现。

制作步骤

  1. 后台 Bricks → Templates → 新建,类型选 Search Result
  2. 进编辑器,用 Query Loop 绑定「搜索结果」来源,循环输出命中文章的标题、摘要、链接。
  3. 顶部可显示「找到 N 条关于 X 的结果」之类的提示。
  4. 设条件为搜索页生效,保存。

空结果处理

当搜不到内容,给一句友好提示加返回/推荐入口,别留一片空白。可在模板里用条件显示「无结果」状态。

小结

Search Result 模板让站内搜索不再丑:建对应模板 → 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.

延伸阅读