MCP Tools for Elementor 服务器实现

关键词

WordPressElementor自动化页面设计AI 辅助设计JSON-RPC 接口

使用说明内容（Markdown格式）

  • 项目简介
    • 该仓库实现了一个基于 MCP（Model Context Protocol）的服务器端，在 WordPress 环境中暴露 Elementor 的数据、工具、提示模板等能力，供符合 MCP 标准的 AI 客户端读取、执行和渲染页面设计任务。
  • 主要功能点
    • 提供可注册的 MCP 工具集合：查询与发现、页面管理、布局与结构、各类组件/部件、模板/全局设置、以及一些 Pro 级扩展工具等（共多个工具分组、详细工具列表在插件 UI 中）。
    • 通过 WordPress MCP Adapter 注册 MCP 服务器，并对外提供 HTTP 传输端口（wp-json/mcp/elementor-mcp-server）进行 JSON-RPC 风格的请求/响应。
    • 允许客户端读取资源、注册和执行工具、获取并渲染 Prompts（Prompts 目录中的示例）。
    • 提供会话管理、能力声明、以及多传输协议的接入点（插件中以 WordPress 环境实现 HTTP 传输方案，官方文档中也给出使用 Node.js 代理的可选方案）。
    • 提供 Admin 界面，支持禁用/启用工具、查看连接信息、Prompts、Changelog 等。
  • 安装步骤
    • 安装并启用 WordPress。
    • 确保满足依赖：Elementor、WordPress MCP Adapter、WordPress Abilities API（WP 6.9+），以及相关前提插件。
    • 将本仓库作为 WordPress 插件安装并启用；激活后，插件会在插件加载阶段通过 MCP Adapter 自动注册 MCP 服务器。
    • 服务器端入口将暴露在 https://your-site/wp-json/mcp/elementor-mcp-server。
  • 服务器配置（给 MCP 客户端的连接信息，MCP 客户端需要的最低配置信息）
    • 服务器名称（server name）：MCP Tools for Elementor Server
    • 连接类型：HTTP（通过 WordPress 的 REST 接口暴露 MCP 服务）
    • 端点 URL：https://your-site/wp-json/mcp/elementor-mcp-server
    • 认证方式：Basic 认证，请用用户名和应用密码生成的 Base64 字符串作为 Authorization 头的值
    • 说明：本 MCP 服务器运行在 WordPress 内部，无需额外的启动命令；客户端通过上述 URL 直接请求即可。如果你选择使用 Bundled Node.js 代理以获得会话管理等特性，可以在本地配置相应的代理命令和环境变量，代理会对 MCP 请求转发到服务器端。
    • 直观 JSON 配置示例（仅供参考描述，实际在客户端使用时请按需填充）： { "mcpServers": { "elementor-mcp": { "type": "http", "url": "https://your-site/wp-json/mcp/elementor-mcp-server", "headers": { "Authorization": "Basic BASE64_ENCODED_CREDENTIALS" } } } }
    • 代理配置（可选，若使用 bunded Node.js 代理，请据需要配置如下代理环境；此处仅作描述，不作为代码块呈现）
      • Claude Code/Claude Desktop 的代理配置将通过 Node.js 代理转发到你的网站端点，HTTP 模式通过上述 URL 与 Authorization 头进行通信。
  • 基本使用方法
    • 在 MCP 客户端（ Claude、Cursor 等）中将服务器地址配置为上述端点，使用 Basic 认证。
    • 通过 MCP 客户端初始化连接后，即可请求服务器提供的资源、执行工具、获取并使用 Prompts，构建 Elementor 页设计。
    • 如遇协议版本差异，可使用 Node.js 代理来自动处理会话和协议版本的对齐。
  • 其他注意
    • 该实现与 WordPress 和 Elementor 的版本强耦合，实际部署需确保插件版本与 WordPress、Elementor、MCP Adapter 版本兼容。
    • 服务器端能力、Prompts、以及工具列表在插件内有完整的注册和暴露机制，便于扩展和自定义。
  • 参考与扩展
    • 如需额外的代理或本地测试，仓库中提供的 Node.js 代理脚本可用于在本地模拟 MCP 客户端与服务器之间的交互。

服务器信息

访问项目