AI 如何辅助 Elementor 快速开发网页

在 AI 出现之前想要开发一个网页,最简单的方式就是使用 Elementor 等网页构建器人工搭建。AI 的出现拉低了建站门槛,任何人只要想开发一个网站,只需要接入 AI Agent,通过自然语言的沟通,就能让 AI 干活进行建站开发网页。本文将基于 Elementor 介绍如何接入 AI 实现网页的快速开发。

在此之前先普及一下:

  1. Elementor 是目前 WordPress 平台上最热门的可视化页面构建器插件(Page Builder)。简单来说,它让你能够通过拖拽的方式来设计网页,而不需要学习编写 HTML、CSS 或 JavaScript 代码。
  2. Elementor MCP 是 Elementor 推出的一项基于 MCP(Model Context Protocol,模型上下文协议) 的集成功能。它能够将 Claude、Cursor、Codex 等 AI 工具与 WordPress 站点及 Elementor 编辑器直接连接起来。

实现的方法很简单:首先要有 Elementor Pro 订阅,其次将 Elementor 更新到最新版本,目前最新版本已经支持 MCP,切换到 MCP 里面,选择你使用 Agent,目前所有 AI Agent 基本都支持例如:Claude、Codex、Cursor,其他 Workbuddy 、Deepseek 应该也是支持的,不过我没试。

在 MCP 页面点击生成提示词之后,复制发给你的 AI 就可以开始接入站点了,这个过程还是非简单的,连接之后就可以通过 Agent 控制 WordPress 和 Elementor 开发网页了。

注意一点,要让 AI 通过 Elementor 构建网站,还需要开通 Atomic Editor ,这是 Elementor 新的原子编辑器,在使用上与原来的 V3 编辑器还是有一些差异的,想要在 AI 部署之后再进行细节调整的需要用到。

留下评论

您的邮箱地址不会被公开。 必填项已用 * 标注