做模板时,页面是「空壳」,看不到真实内容长啥样。Bricks 的预览数据(Preview Data)功能让你在编辑器里套用某条真实内容来预览。本文讲用法。
为什么需要预览数据
Single/Archive 模板里大量用动态数据({标题}{正文}),编辑器默认没有具体文章内容,你看到的是占位,难以判断真实排版效果。
怎么设预览数据
- 在模板编辑器里找到「预览 / Preview」相关设置。
- 选一条具体的文章内容(或某个产品/分类)作为预览数据源。
- 保存后,编辑器就用这条真实数据渲染动态字段,你能直接看到成品样子。
好处
- 不用反复切到前台猜效果。
- 能发现长标题、空字段、图片缺失等边界情况,提前修版式。
- 做 Archive 时可指定某分类,看列表真实密度。
小结
预览数据让模板编辑「所见即所得」:选一条真实内容当样本 → 动态字段立刻有值 → 边看边调。做详情/列表模板时必开,省大量来回。
内容说明(整理稿):本文选题与步骤框架参考自竞对站 trybricks.com / qinbanliang 站的公开教程(源多为截图驱动教程,正文极薄),内容为 BricksWiki 基于 Bricks 官方公开文档与通用实操经验重写整理,非原文逐字翻译,也不构成官方文档。操作入口/路径以你当前 Bricks 版本为准,实操前建议对照官方文档核对。
延伸阅读
Bricks 模板编辑看不到内容?用 Populate Content 喂预览数据
教程:做 Archive / Single 模板时画布空白,是因为没设预览数据。用 Template Settings 的 Populate Content 让画布显示真实内容再调样式。
tutorialBricks 制作 Single Post 文章详情模板
教程:每篇博客打开后的样子由 Single 模板决定。用动态数据把标题、正文、作者、相关文章自动排好,一套版式服务所有文章。
tutorialBricks 博客文章页制作教程:单篇文章怎么排才 SEO 友好
Bricks 博客文章页制作教程:单篇文章怎么排才 SEO 友好——博客模板 附完整代码可直接复用,适合外贸独立站与 WordPress 开发者。
tutorialBricks 元素条件设置详解——不满足条件的元素直接不渲染
教程:Bricks 元素想按登录状态、用户角色、日期或动态数据来显隐?用元素条件(Conditions)设置,不满足就直接从 HTML 里消失。
