Agent Skills
返回列表
💻

Elementor 可视化页面编辑器

开发编程 更新于 2026.08.29

将以下提示词粘贴到你的 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 页面数据排查内容与实际显示不一致的问题