elementor-mcp

概述

这个 MCP 服务器通过模型上下文协议 (MCP) 将 Elementor 页面构建器与 AI 系统集成。它提供全面的工具，用于查询、创建和操作 WordPress 页面和 Elementor 设计。该插件提供广泛的功能，包括小部件管理、模板处理、主题定制和动态内容集成。它专门针对希望通过 AI 代理自动化 WordPress 网站创建和维护工作流程的设计师和开发人员。

试试问 AI

装完之后，这里有 4 个你可以让 AI 做的事：

• list-widgets

  List all registered widget types with names, titles, icons, categories, and keywords

  试试:Show me all available Elementor widgets试试:List widgets in the marketing category
• get-page-structure

  Get the complete element tree for a page showing containers, widgets, and nesting

  试试:Display the structure of my homepage试试:Show me how the elements are nested on the about page
• create-page

  Create a new WordPress page or post with Elementor enabled

  试试:Create a new page called 'Services'试试:Add a blog post titled 'Top 5 Design Trends'
• add-widget

  Add any widget type to a container on a page

  试试:Add a button widget to the header试试:Insert a testimonial widget in the main content area
• update-element

  Update settings on any element (widget or container) by its ID

  试试:Change the heading color of element 123试试:Update the background of the main container
• add-heading

  Add a heading widget to a container

  试试:Add an H1 heading saying 'Welcome to Our Site'试试:Insert a subheading about our services
• add-text-editor

  Add a rich text editor widget to a container

  试试:Add a paragraph introducing our company试试:Insert a text block with product features
• save-as-template

  Save a page or element as a reusable template

  试试:Save the footer section as a template试试:Create a template from the hero section
• apply-template

  Apply a saved template to a page

  试试:Apply the footer template to all pages试试:Use the header template on the homepage
• update-global-colors

  Update site-wide color palettes

  试试:Set the primary color to blue试试:Update the accent color for the theme
• import-template

  Import a JSON template structure into a page

  试试:Import the homepage template from this file试试:Load the template from URL
• export-page

  Export a page's full Elementor data as JSON

  试试:Export my homepage design试试:Create a backup of the about page

可对比工具

安装

{
    "mcpServers": {
        "elementor-mcp": {
            "type": "http",
            "url": "https://your-site.com/wp-json/mcp/elementor-mcp-server",
            "headers": {
                "Authorization": "Basic BASE64_ENCODED_CREDENTIALS"
            }
        }
    }
}

elementor-mcp 对比