SuperAPI AI 工具集

build-elementor-page

设计与创作

查看项目

更新于 10-16 07:58

技能介绍

用途:把 brief、截图或设计稿手工建为原生 Elementor 页面,所有样式都落在 Elementor 控件里;若已有成品 HTML,则改用 html-to-page 技能。

依赖与准备:需 Respira for WordPress 插件 9.1+、MCP 连接,站点运行 Elementor。先调用 respira_get_site_context 与 respira_get_builder_info 读取站点上下文、Elementor 版本及是否启用容器。

主要能力与用法:通过 respira_build_page 传入模板参数,elementor_canvas 只保留页面本身,elementor_header_footer 保留主题页眉页脚且无页面标题,省略则用主题默认模板。设计值要以浏览器计算样式为准;字体等排版键仅在 typography_typography 为 custom 时生效,每个标题、文本编辑器、按钮都要设置字号、行高、字重与颜色,否则会落到 kit 默认值。按钮用 text_padding、border_radius、background_color、button_text_color 等;并排按钮需 _element_width: auto。间距用控件的 _margin,需扣除 kit 默认的 20px 控件间距。卡片等嵌套结构用内层 section,表格可放在文本编辑器并包裹滚动容器。图片先用 respira_upload_media 上传,库存图用 respira_sideload_image。移动端要为字号、内边距、边距设置 _tablet/_mobile 变体,堆叠列设 _inline_size_mobile: 100。长页面可分次构建,追加用 respira_inject_builder_content 与 mode: "append"(否则会替换页面,已有内容需 confirm_replace: true)。最后用 respira_create_share_link 生成分享链接,按桌面宽度和 390px 对照设计检查,修正用 respira_update_element;无浏览器时可将链接传给 respira_check_design 并设 rendered: true。

限制:不要用单个 HTML 控件承载整页设计;不要遗漏文本控件的排版与颜色;不能只看写入结果就判定完成;页面在用户确认前保持草稿。旧版插件可能忽略模板选项,需在编辑器页面设置中手动选择模板。价格、平台等其它信息暂未提供。