现象:模板画布一片空白
你在做产品分类列表页模板、或者文章详情页模板,进 Bricks 编辑器一看——画布里空荡荡,该显示的产品图、标题、价格全都不见,调样式根本无从下手。
尤其是 Archive(列表/归档) 和 Single(详情) 这类“动态”模板,最容易踩这个坑,因为模板本身不带具体数据。
根因:缺了预览数据(Populate Content)
Bricks 的模板是“壳”,它需要你告诉它用哪条真实内容来预览。不喂数据,画布就不知道渲染什么,于是空白。
这个喂数据的功能在 Bricks 里叫 Populate Content(填充内容),藏在模板的设置里。
步骤:给 Archive 模板喂预览数据
以“产品分类列表模板”为例:
-
进模板编辑画布,点左上角的设置(齿轮)按钮
-
在设置菜单里选 Template Settings(模板设置)
-
切到 Populate Content 这一项
-
Content Type 选
Archive (term)——术语归档,可以精确到某个分类 -
进一步选择具体的分类,比如产品分类 Bosch
-
点 Apply(应用),画布立刻显示出该分类下的真实产品列表
博客分类页模板同理,选对应的文章分类即可。
步骤:给 Single 模板喂单个内容
以“产品详情页模板”为例:
-
进产品详情页模板的编辑画布
-
同样是 Template Settings → Populate Content
-
Content Type 选
Single Post / Page -
选一个具体的产品(或文章、页面)作为预览
-
点 Apply,画布就会显示这条产品的真实数据(标题、图、描述)
博客详情页模板也照这个来,选一篇具体文章即可。
各内容类型怎么选
Populate Content 的 Content Type 选项不少,速查:
-
Archive (Recent Post):近期文章归档 -
Archive (author):某个作者的全部文章,可进一步选作者 -
Archive (date):某个日期的文章归档 -
Archive (posts):内容类型归档,可选博客/页面/媒体/产品等 -
Archive (term):术语归档,即分类/标签——做某个分类列表页时选它 -
Search results:搜索结果,可设具体搜索词 -
Single Post / Page:单条内容,做详情页时选它
哪些模板最容易踩这个坑
Archive 和 Single 模板最常吃亏:Archive 模板画布一片空白,是因为没给「分类/标签/作者」归档喂预览内容;Single 模板空白则是没指定一条具体文章。常见误区是以为模板坏了去重装,其实只是缺预览数据。自定义文章类型(CPT)的模板,也要在预览里选对应 CPT 内容才看得到。记住:模板画布空白先看 Populate Content,别急着怀疑插件。
小结
做动态模板时,先 Populate Content 再调样式,效率直接翻倍——你对着真实数据调,比对着空白画布瞎猜强太多。
模板预览数据老是对不上你要的类别?联系 Ray Chan,我帮你把 Archive/Single 的条件一次配明白。
-
相关阅读:Bricks Setup Guide 延伸阅读
-
想要现成外贸独立站模板与建站实战?看 铲子铺 chanzipu 的外贸建站教程(同用 Bricks,从零搭出能收询盘的站)
常见问题(FAQ)
预览数据(Populate Content)影响线上访客吗? 不会,它只在编辑器画布填示例内容方便排版,不影响前台真实数据。
Archive 模板选哪种预览? 选你要设计的归档类型(分类/标签/作者/日期),系统会塞一条对应示例列表进去。
Single 模板选哪种预览? 选某一篇具体文章,画布按这篇文章真实字段渲染。
CPT 模板空白怎么办? 在预览里选该 CPT 下的具体内容类型;没内容就选一条已有的 CPT 文章。
延伸阅读
Bricks 主题的模版功能介绍
教程:建立 Bricks 模板整体认知——分类型设计页眉页脚/详情/列表,用条件控制显示范围,实现全站一次性复用。
tutorialBricks 模板设置预览数据(Preview Data)
教程:做模板时页面是空壳看不到真实效果?用预览数据套用某条真实内容来预览,边看边调版式。
tutorialBricks 产品列表模板怎么建?(自定义内容类型 CPT)
教程:用 Bricks Template 给自定义内容类型(如 Products)建列表模板,Query Loop 继承主查询,分类、分页一次搞定。
tutorialBricks 模板功能详解——页眉、页脚、文章详情一次做好全站复用
教程:每个页面重复做页眉页脚太蠢。用 Bricks 模板功能做一次、全站套用,配合条件设置精确控制显示位置。
