SuperAPI AI 工具集

bricks

前端与建站

查看项目

更新于 10-16 03:39

技能介绍

用途:为 Bricks Builder(WordPress 的可视化构建器)编写布局、模板与整站设计,输出可直接粘贴或导入的 JSON。默认交付物是一个 .json 文件(除非用户另有要求),目录约定优先用项目现有规则,否则为 bricks-json/{type}-{slug}.json;最终回复需说明文件路径、所用 JSON 格式与已做的校验。

主要能力:生成区块/页面内容、页眉页脚、归档、404 等模板;支持动态数据标签、查询循环、筛选与 AJAX 分页、条件显示、交互与动画、弹窗、组件与全局类、主题样式、表单、WooCommerce,以及用 PHP 自定义元素与钩子。提供格式选择(剪贴板/模板/元数据/程序化插入)、元素目录、样式键与响应式语法等分门别类的参考文档。

使用方式:先确认 rem 基准(1rem 等于多少 px,未说明时默认 16px)与参考 URL;选择 JSON 格式;规划语义结构树(section → container → blocks);用 settings 设置样式;接线动态数据;最后按校验清单检查并交付。剪贴板格式包含 content、source、sourceUrl、version、globalClasses、globalElements。元素节点字段为 id、name、parent、children、settings、label,id 为 6 位字母数字且唯一,根元素 parent 为 0,数组为扁平结构,层级由 parent + children 表达。响应式写作 setting:breakpoint:pseudo(冒号分隔),默认断点 tablet_portrait(991)、mobile_landscape(767)、mobile_portrait(478),桌面为裸键。单位须为字符串。

适用场景:任何 Bricks 区块、页面、页眉页脚、查询循环与整站设计任务。

限制:不得编造 settings 键,未知键会被静默忽略;每种 _ 样式键的取值形状必须与参考一致(颜色为对象、排版用 CSS 属性名等);_cssGlobalClasses 引用的 id 必须在 globalClasses 中有完整对象;外部资源用绝对 URL 引用而非附件 id,并注意版权不得热链受保护素材;使用 rem 前必须确认基准。校验需通过 JSON 解析、父子引用可解析、id 唯一、版本字段存在等检查。