SuperAPI AI 工具集

elementor-to-generateblocks

通用与其它

查看项目

更新于 10-16 05:47

技能介绍

该技能用于把 Elementor 页面布局转换为干净的 GenerateBlocks V2 区块结构。核心目标是消除 Elementor 大量嵌套 div 与工具类带来的臃肿,用语义化标签和较少的包装层实现同等内容。

主要能力:将 elementor-section/container、column、widget-wrap 等结构扁平化;把 Elementor 类映射为内联样式(如 elementor-section-boxed 对应 max-width: var(--gb-container-width) 与 margin: auto,列宽类映射为 flex 或 grid);完成控件到区块的映射(标题对应 generateblocks/text 的 h1-h6,按钮、图片、图标、图标框、分隔线等各有对应写法);部分控件改用核心区块,如视频、图库、音频、表格、引用、代码、手风琴对应 core/video、core/gallery、core/audio、core/table、core/quote、core/code、core/details。

使用方式:转换结果必须写入文件,命名为 {section-name}-converted.html,整页转换按分区拆分为多个文件,并在对话中给出简短摘要。区块需同时提供 styles 对象与压缩后的 css 字符串,元素区块要带 className(含 uniqueId),htmlAttributes 必须是纯对象,图标使用 shape 区块,列表用 core/list,间距用外边距或容器 gap 而非 spacer。

限制与注意:除 WordPress 区块定界注释外不得添加任何其他 HTML 注释,否则会破坏区块编辑器解析;css 属性不包含 hover 与过渡;未提供 CSS 时按 GeneratePress 默认设计系统或已知站点设计令牌推断样式。资料未说明该技能的价格、收费、支持版本或安装方式。