跳转到内容
无痕工具库 无痕工具库

Hostinger WordPress 网站通过 MCP 连接 AI 工具教程

MCP(Model Context Protocol,模型上下文协议) 是一项开放标准,可让 AI 工具直接与外部应用程序通信——在这里就是你的 WordPress 网站。你可以把它想象成 AI 助手与你的网站之间的一座安全桥梁。

在 Hostinger 使用 Business 和 Cloud 主机方案托管的新 WordPress 网站均预装了 Hostinger AI Plugin。这款插件同样为 Hostinger Agent(WordPress 控制面板中的 AI 助手)提供支持。由于它支持 MCP,像 Claude Code、Claude Desktop 和 Cursor 这样的外部 AI 工具也可以连接到它。

连接成功后,你的 AI 工具就可以使用日常英语来管理你的网站。以下是它可以帮你完成的一些事情:

  • 文章与页面
  • 媒体库
  • 用户
  • 插件
  • 主题
  • 分类与标签
  • 网站设置

你的 WordPress 凭据仅存储在你自己的计算机本地,绝不会与 Anthropic、Hostinger 或任何第三方共享(与你网站的连接除外)。

前置条件

  • 一个托管在 Hostinger Business 或 Cloud 主机方案上的 WordPress 网站
  • Hostinger AI Plugin 已在你的网站上安装并启用
  • 你的计算机上已安装 Node.js
  • @automattic/mcp-wordpress-remote npm 包(首次运行配置时会自动安装,无需手动安装)
  • 已安装 Claude Code、Claude Desktop 或 Cursor
  • 你的 WordPress 管理员用户名和密码

💡没有安装 Node.js? 在 nodejs.org 免费下载 LTS 版本并运行安装程序即可,无需特殊配置。

💡 没有 Hostinger AI Plugin? Hostinger 上所有使用 Business 和 Cloud 主机方案的新 WordPress 网站都预装了该插件。如果你的网站上没有,请在 WordPress 控制面板中前往“插件(Plugins)→ 添加新插件(Add New)”,然后搜索 Hostinger。

步骤 1 — 创建 WordPress 应用密码

应用密码(Application Password) 是一种专用凭据,可让外部工具安全地连接到你的网站。它独立于你的 WordPress 主登录密码,可以随时撤销,并且可以在多个会话中重复使用,无需重新生成。

为每个工具创建一个单独的密码。如果你想同时连接 Claude Desktop 和 Cursor,请为每个工具分别创建一个应用密码,以便日后可以独立撤销。

  1. 登录你的 WordPress 控制面板(https://your-wordpress-site.com/wp-admin)。
  2. 在左侧边栏菜单中,前往“工具 → Hostinger Tools”。
  3. 找到标记为 Disable application passwords 的参数,并确认它已关闭,以允许连接。
  4. 点击你的用户头像,或点击右上角菜单中的编辑个人资料(Edit Profile)。
  5. 向下滚动到个人资料选项的底部,找到**应用密码(Application Passwords)**部分。
  6. 在 New Application Password Name 文本框中,输入一个清晰易识别的标签,对应你所使用的工具(例如 Claude Code、Claude Desktop 或 Cursor)。
  7. 点击 Add New Application Password。
  8. 复制屏幕上显示的随机字符串,并将其保存到密码管理器中。

应用密码的字符串中包含空格(例如 AbCd EfGh IjKl…)。在将其传入配置时,请务必完整保留这些空格。

步骤 2 — 查找你的 MCP 端点 URL

Hostinger AI Plugin 会建立一个标准化的通信网关,用于与外部工具交互。你网站的原生 MCP 端点字符串严格遵循以下路径:

https://your-wordpress-site.com/wp-json/mcp/mcp-adapter-default-server

请将 your-wordpress-site.com 替换为你实际使用的域名。

步骤 3a – 连接 Claude Code

Claude Code 是由 Anthropic 打造的一款顶尖的命令行工具,它会通过用户提示自动管理服务器连接。

  1. 打开你操作系统的终端窗口。

  2. 进入你的目标项目文件夹路径,并输入以下初始化脚本来唤醒助手:
    claude

  3. 将以下配置指令粘贴到你的提示终端中:

    Connect my WordPress site at https://your-wordpress-site.com to this project via MCP using the Hostinger AI Plugin. My WordPress username is your-username and my application password is your-application-password
  4. 将占位符内容替换为你的实际 URL、用户名和应用密码。

  5. 当终端询问是否允许写入时,输入 yes 以授权写入本地项目目录配置。

  6. 测试连接,让 Claude Code 列出你网站上的所有页面,以确认一切正常:

    List all the pages on my WordPress site
  7. 将结果与 WordPress 控制面板中的页面部分进行对比,验证两者是否一致。

MCP 连接会保存在你项目的 .mcp.json 文件中。下次在同一项目文件夹中打开 Claude Code 时,无需重新连接。

步骤 3b – 连接 Claude Desktop

Claude Desktop 将其集成协议存储在本地文件系统中的一个中央 JSON 文件中。

  1. 根据你计算机的操作系统找到配置文件夹:

    • macOS:前往 ~/Library/Application Support/Claude/claude_desktop_config.json
    • Windows:访问 %APPDATA%\Claude\claude_desktop_config.json
  2. 使用简单的文本编辑器(如记事本或 TextEdit)打开该文件。如果文件为空或不存在,请从头创建。

  3. 粘贴以下配置结构,修改相关字段,然后保存:

    {
    "mcpServers": {
    "wordpress": {
    "command": "npx",
    "args": ["-y", "@automattic/mcp-wordpress-remote"],
    "env": {
    "WP_API_URL": "https://your-wordpress-site.com/wp-json/mcp/mcp-adapter-default-server",
    "WP_API_USERNAME": "your-username",
    "WP_API_PASSWORD": "your-application-password",
    "OAUTH_ENABLED": "false"
    }
    }
    }
    }
  4. 完全退出 Claude Desktop。在任务栏(Windows)或 Dock(macOS)中右键点击应用图标,并明确点击退出,然后重新启动应用以加载配置。

  5. 在 Claude Desktop 中开启一个新对话来验证连接。你应该会看到一个小的工具或插头图标,表示 MCP 服务器已激活。向它提问:

    List all pages on my WordPress site

步骤 3c – 连接 Cursor

Cursor 代码编辑器允许你直接在其图形化设置面板中原生管理活动的 MCP 通道。

  1. 打开 Cursor,从顶部菜单选择 Cursor → Settings → Cursor Settings,打开全局设置窗口。

  2. 在侧边栏中前往 Tools & MCPs,点击 New MCP Server。

  3. 打开文件查看配置结构,并粘贴与上面 Claude Desktop 完全相同的 JSON 配置块。

    {
    "mcpServers": {
    "wordpress": {
    "command": "npx",
    "args": ["-y", "@automattic/mcp-wordpress-remote"],
    "env": {
    "WP_API_URL": "https://your-wordpress-site.com/wp-json/mcp/mcp-adapter-default-server",
    "WP_API_USERNAME": "your-username",
    "WP_API_PASSWORD": "your-application-password",
    "OAUTH_ENABLED": "false"
    }
    }
    }
    }
  4. 将占位符替换为你的实际域名、凭据和应用密码,然后保存更改。

  5. 在 Cursor 中以 Agent 模式打开一个新聊天,让它列出你 WordPress 网站上的所有页面,以确认连接正常:

    List all the pages on my WordPress site

如果你要将此配置存储在项目级别的 .cursor/mcp.json 文件中,请将其添加到 .gitignore,以免在将项目推送到 GitHub 时不小心泄露你的凭据。

步骤 4 – 实时命令验证

集成连接成功后,在你正在使用的 AI 工具中打开一个实时聊天窗口,尝试发出一些结构性查询,查看网站上的实时变化:

  • 检查类:“List all the pages on my WordPress site”(列出我 WordPress 网站上的所有页面) 或 “Which plugins are currently active?”(当前哪些插件处于启用状态?)
  • 开发类:“Create a new draft page titled ‘About Us’ with a short introduction paragraph”(创建一个标题为“About Us”的新草稿页面,并附带一段简短的介绍文字)
  • 维护类:“List all users and their roles”(列出所有用户及其角色)、“Check for any inactive themes and remove them”(检查是否有未使用的主题并将其删除) 或 “Show me all images in the media library uploaded this month”(显示媒体库中本月上传的所有图片)

了解如何通过 MCP 将 Claude 和 Cursor 等 AI 工具连接到你的 WordPress 网站:

观看视频

观看视频

常见问题排查

AI 提示无法连接到我的网站

请检查以下几项:

  • 确认 MCP 端点 URL 正确,并且包含你的完整域名(带 https://)。
  • 确认 Hostinger AI Plugin 已在**插件(Plugins)→ 已安装的插件(Installed Plugins)**中安装并启用。
  • 确认在**工具(Tools)**下的 Hostinger Tools 插件设置中,Disable application passwords 已关闭。

我收到“Unauthorized”或 401 错误

这通常意味着凭据有误。请仔细检查:

  • 你的 WordPress 用户名是否正确(区分大小写)。
  • 应用密码是否已完整复制,包括其中的空格。

在 Claude Desktop 或 Cursor 中看不到 WordPress MCP 选项

请确保在编辑配置文件后完全退出并重新打开了应用程序。在 macOS 上,点击红色关闭按钮并不会完全退出应用——你需要右键点击 Dock 图标并选择“退出”。

我想撤销访问权限

在 WordPress 控制面板中前往用户(Users)→ 个人资料(Profile),滚动到应用密码(Application Passwords)部分,点击你创建的密码旁边的撤销(Revoke)。AI 工具将立即失去对你网站的访问权限。

通过模型上下文协议开放你的 Hostinger WordPress 应用参数,你的开发工作区就可以轻松摆脱繁琐的菜单点击。这一集成让你能够完全通过自然语言来修改网站标语、管理文件、审计当前启用的插件以及生成代码布局。