elementor-mcp
将 WordPress 页面构建神器 Elementor 变成 AI 代理可操控的 120 个 MCP 工具
加载项目详情…
本应用为开源项目,仅供学习研究,请遵守其开源协议。
将 WordPress 页面构建神器 Elementor 变成 AI 代理可操控的 120 个 MCP 工具
加载项目详情…
本应用为开源项目,仅供学习研究,请遵守其开源协议。
想象一下这样的场景:某天下午,网页设计师小王接到一个紧急需求——"把所有产品页面的Banner换成新的促销图",涉及 47 个页面。如果纯手工操作,他需要逐个打开每个页面、找到 Banner 位置、上传新图、调整尺寸、发布……整整一个下午就这么没了。
更让他崩溃的是,一周后运营团队又改需求了。
MCP Tools for Elementor(简称 EMCP Tools)带来了另一种可能:让 AI 代理直接操作用 WordPress + Elementor 构建的网站页面。小王只需要给 AI 发一条自然语言指令:"把所有产品页的 Banner 图换成 /images/new-promo.jpg",AI 代理就能通过 MCP 协议理解这个请求,调用对应的工具,逐一完成所有页面的更新——这背后没有截图、没有坐标点击,而是直接操作 Elementor 的数据结构 API。
这个插件的本质,是把 WordPress 生态中最流行的页面构建工具 Elementor,通过 MCP(Model Context Protocol)协议暴露为 120 个可被 AI 代理调用的工具函数。它不是一个独立应用,而是一个 WordPress 插件,介于 WordPress 核心和 AI 代理之间。
EMCP Tools 提供的工具数量令人印象深刻,可以分为以下几个能力域:
页面管理工具(5个):创建页面、更新页面设置、清空页面内容、导入模板、导出页面。这5个工具覆盖了 Elementor 页面的增删改查基础操作。
布局工具(7个):添加 flexbox 容器、移动/删除/复制元素、更新容器属性、查找元素、批量更新、子元素重排序等。布局操作是页面设计的核心,这些工具让 AI 能够精确操作 DOM 结构级别的元素。
Widget 工具(30+个):Universal add/update 覆盖了所有 Elementor widget(按钮、图片、文本框、图标等),此外还有 27 个免费便捷工具(快捷操作特定 widget)、30 个 Elementor Pro 专属工具(导航菜单、循环网格、轮播等)、5 个 WooCommerce 专属 widget 工具。
原子组件工具(Elementor 4.0+,13个):Elementor 4.0 引入了 atomic elements(原子级 UI 组件),EMCP Tools 提供了专门的工具来操作 flexbox、div-block、heading、paragraph、button、image、svg、youtube、video、divider 等原子组件,并提供统一的 add-atomic-widget / update-atomic-widget 工具来通用化操作。
高级工具:Brand Kits(一键应用品牌配色方案,10套免费套件)、AI Widget Builder(用 AI 生成自定义 Elementor 小部件,输出沙箱化 PHP Widget 类)、Theme Builder(创建 header/footer/单页/归档模板)、Popup Builder(弹窗构建)、Dynamic Tags(动态数据绑定)、Template Tools(模板保存和应用)、Stock Images(搜索 Openverse 免费图并直接导入媒体库)、Custom Code(自定义 CSS/JS 注入)、Global Settings(全局颜色和排版预设)。
从代码结构来看,这个插件采用了高度模块化的 PHP 架构:
includes/
abilities/ # 20个能力类,每个类对应一个工具域
class-page-abilities.php # 页面 CRUD
class-layout-abilities.php # 布局操作
class-widget-abilities.php # Widget 操作
class-atomic-*-abilities.php # 原子组件
class-global-abilities.php # 全局设置
class-template-abilities.php # 模板工具
class-brand-kit-abilities.php # 品牌套件
class-ai-widget-builder-abilities.php # AI Widget 生成器
...
class-elementor-mcp.php # 主引导类
bin/ # CLI 工具
tests/ # PHPUnit 测试(55个测试文件)
MCP 通信机制:插件通过 WordPress REST API 暴露端点 https://your-site.com/wp-json/mcp/elementor-mcp-server,使用 HTTP + Basic Auth(WordPress Application Password)进行通信,支持 Claude Code、Claude Desktop、Cursor、Windsurf、Antigravity 等主流 AI 客户端的 .mcp.json 配置。
权限控制:每个 ability 都有独立的权限检查(如 current_user_can('publish_pages')),确保 AI 代理只能操作当前登录用户有权限修改的内容。
Pro 特性与免费版本分层:工具数量取决于用户环境中安装的插件版本——仅 Elementor 免费版有 62 个工具;加装 Elementor Pro 后可达 115 个;再配合 WooCommerce 和 Elementor 4.0 atomic 特性最多达 120 个。Pro 版本还提供 AI Widget Builder、品牌套件库、Theme Builder 等高级能力。
安装条件较为严格:需要已有可用的 WordPress 站点(WordPress >= 6.9)、已安装并激活 Elementor(>= 3.20)、已安装并激活 WordPress MCP Adapter 插件、PHP >= 8.0。这不是一个"下载即用"的工具,而是面向已有 WordPress 建站经验的用户。
安装完成后,连接 AI 代理的步骤非常标准化:创建 WordPress Application Password → Base64 编码凭证 → 配置客户端的 .mcp.json → 开始对话。插件自带管理后台(EMCP Tools 菜单),可以一键查看连接配置信息,大大降低了配置门槛。
插件还提供了 Low-tools Mode(低工具模式),一键过滤到约 50 个精选工具,适用于 Claude Code 等有严格工具调用数量限制的 AI 客户端。
平台强依赖:这是最大的局限。如果用户没有 WordPress 环境,这个插件完全无法使用。对于只想体验 AI + 页面构建的开发者,可能需要先搭建一个 WordPress 测试站。
WordPress 版本要求较高:需要 WordPress 6.9+(发布于 2025年初),一些老旧 WordPress 站点无法使用。
安全风险:插件直接暴露 WordPress 后台 API 给 AI 代理,如果 Application Password 泄露或权限配置不当,AI 可能执行超出预期的操作。权限控制依赖 WordPress 自身的 Capability 系统,但恶意 Prompt 注入的风险需要用户自行防范。
工具数量营销:120 个工具的统计包含了不同插件组合的叠加(Elementor Pro + WooCommerce + Elementor 4.0),实际普通用户能用的工具数量可能只有一半左右,存在一定的宣传水分。
从更大的视角看,EMCP Tools 的出现代表了一个重要趋势:AI Agent 不再只是对话式工具,而是开始深度嵌入具体的内容管理系统(CMS)和 SaaS 平台。WordPress 占据了全球约 43% 的网站份额,Elementor 则是 WordPress 最流行的页面构建插件(估计有超过 1700 万活跃网站使用)。将这个庞大的生态通过 MCP 协议"AI 化",意味着 AI Agent 第一次可以真正参与到实际生产环境中的页面管理和内容运营工作。
GitHub 上 Star 增长的节奏也印证了这一点:从 2026 年 2 月底创建到 6 月已达 462 Star,增长速度在 WordPress 插件类别中相当亮眼。Issue 仅有 3 个且保持活跃维护,也说明项目质量稳定。
适合用户:已有 WordPress + Elementor 网站的站长、内容运营团队、需要批量管理 WordPress 页面的开发者、以及探索 AI Agent + CMS 集成的技术研究者。