elementor-mcp
msrbuilds/elementor-mcp加载项目详情…
本应用为开源项目，仅供学习研究，请遵守其开源协议。
微信扫码咨询客服
POMOAI — 让开源 AI 即刻运行
加载项目详情…
本应用为开源项目，仅供学习研究，请遵守其开源协议。
想象一下这样的场景：某天下午，网页设计师小王接到一个紧急需求——"把所有产品页面的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 集成的技术研究者。