Elementor 可视化页面编辑器
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_3c6cb52e/elementor-website-builder-wordpress-visual-page-editor
技能介绍
解决什么问题
很多 WordPress 站点使用 Elementor 这类可视化页面编辑器搭建页面,内容结构保存在自定义字段和数据库表中,而不是标准的文章/页面正文。如果 Agent 把它当成普通 WordPress 站点处理,很容易出现模板、Section 和 Widget 信息被忽略的问题,导致生成或修改的内容与页面实际渲染结果不一致。
技能如何工作
该技能面向运行在 WordPress 6.6+、PHP 7.4+ 环境下的 Elementor 站点,帮助 Agent 直接理解 Elementor 构建的页面内容,而不是走通用 WordPress 流程。
核心工作方式包括:
- 识别页面结构:区分页面是常规 WordPress 内容,还是由 Elementor 的
template、section、widget等数据结构驱动。 - 处理可视化元素:理解 Elementor 页面中常见的 Templates、Sections 和 Widgets,避免把可视化组件当作普通文本块处理。
- 适配开发与支持场景:面向页面开发、问题排查和内容维护,保留 Elementor 自身的构建方式。
适用边界与注意点
- 环境要求:需要 WordPress 6.6+ 和 PHP 7.4+。
- 部分 Elementor 功能需要从
Elementor.com加载资源;这些资源默认不用于追踪,除非明确说明并经你批准和手动开启。 - 上游说明和隐私策略见 Elementor 官方文档;插件来源为
wordpress.org/plugins/elementor/。 - 该技能不替代 Elementor 官方安装或配置流程,只用于帮助 Agent 正确处理 Elementor 驱动的页面。
使用场景
- 维护 WordPress 站点时,排查页面渲染不一致,判断是否由 Elementor Section 或 Widget 结构导致
- 处理 Elementor 页面内容时,核对数据库中的模板数据,确保 Agent 修改结果与实际页面一致
- 在 WordPress 6.6+ 和 PHP 7.4+ 环境下,处理使用 Elementor 构建的页面,而不是按普通文章编辑流程操作
适合人员
- 负责 Elementor 站点的前端或全栈工程师,需要处理页面结构、渲染和兼容性问题
- WordPress 开发者,要在 PHP 7.4+ 环境中维护 Elementor 驱动的页面和组件
- 技术内容维护者,需要根据 Elementor 页面数据排查内容与实际显示不一致的问题