SuperAPI AI 工具集

generateblocks-layouts

通用与其它

查看项目

更新于 10-16 05:47

技能介绍

用途:使用 GenerateBlocks V2 为 WordPress 构建布局,基于四种核心区块:generateblocks/element(容器)、generateblocks/text(文本)、generateblocks/media(图片)、generateblocks/shape(SVG 图标与装饰)。

主要能力:只有布局结构与自定义样式用 GenerateBlocks,图片说明、画廊、视频、嵌入媒体、音频、文件、表格、列表、引用、代码块、分隔线、按钮组、简单分栏、封面图、动态文章内容与查询循环等改用 WordPress 核心区块。文本链接用 text 块加 tagName a,链接由编辑器内部管理;容器链接用 element 块加 tagName a,需显式 htmlAttributes 提供 href,且必须用绝对 URL。

使用方式:每个区块需 uniqueId、tagName、styles(camelCase,含响应式键)、css(短横线命名、压缩、按字母排序)、htmlAttributes(普通对象,非数组)。样式同时写在 styles 与 css 中;css 只含基础样式,伪元素、媒体查询、动画、父悬停影响子元素写在 css。响应式采用桌面优先,1024px 与 768px 断点;全宽区块外层加 align full 与 alignfull,内层用 --gb-container-width 限宽。输出始终写入 {section-name}.html 文件,多区块可分文件或合并,并在聊天中简述。除 WordPress 区块定界符外不得添加任何 HTML 注释。

限制:不得使用自定义 CSS 类,全部样式写在区块属性;SVG 属性顺序会被编辑器重排;CSS 函数内不得有空格;仅靠文本内容的 element 链接会触发恢复错误。未提供 CSS 时应按上下文推断样式,资料给出 GeneratePress 默认值与 yoursite.com 设计系统的参考色值。复杂布局(50+ 区块)需先规划再自底向上分块构建。