需通过自定义代码在wordpress侧边栏集成minimax ai：一、配置php代理接口转发请求并防跨域；二、注册小工具输出容器挂载点；三、注入js实现流式对话ui；四、在代理中硬编码模型与系统提示词；五、调整csp策略允许内联脚本执行。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
如果您希望在 WordPress 博客中集成 Minimax 提供的 AI 能力，并以侧边栏形式呈现智能交互功能，则需绕过传统插件市场限制，通过自定义代码方式实现前端嵌入与后端通信。以下是完成该集成的具体步骤：
一、获取 Minimax API 凭据并配置服务端代理
Minimax 官方不支持浏览器直连 API，必须通过自有服务器代理请求以避免跨域及密钥泄露风险。需在您的 WordPress 主机上部署轻量代理接口，用于转发前端请求至 Minimax 服务。
1、登录 Minimax 开发者平台，进入「API 密钥管理」页面，创建新密钥并记录 api_key 与 group_id。
2、在 WordPress 网站根目录下新建 /wp-content/mmx-proxy.php 文件，写入 PHP 代理逻辑，包含 cURL 请求封装、Header 验证及 JSON 响应透传。
3、在该 PHP 文件顶部添加 header('Access-Control-Allow-Origin: *'); 并限制 POST 方法，确保仅接受来自本站域名的调用。
二、创建 WordPress 小工具侧边栏容器
需注册一个自定义小工具类，使其可拖拽至任意主题侧边栏区域，并输出固定结构的 HTML 容器，为后续 JS 渲染 AI 对话界面提供挂载点。
1、在当前主题的 functions.php 文件末尾添加 class MMX_AI_Sidebar_Widget extends WP_Widget 定义。
2、在构造函数中设置小工具名称为 Minimax AI 助手，描述为 基于 Minimax 模型的实时对话侧边栏。
3、在 widget() 方法中输出带有唯一 ID 的 div 元素，例如 id="mmx-ai-sidebar-container"，不包含任何初始内容。
三、注入前端交互脚本与样式
需将独立 JS 文件加载至侧边栏区域，该脚本负责初始化 UI、监听用户输入、调用代理接口、流式渲染响应，并处理错误状态。
1、在主题目录下新建 /js/mmx-sidebar.js，使用 fetch 调用上一步配置的 /wp-content/mmx-proxy.php 接口。
为 OpenClaw 配置 MiniMax 作为模型源。MiniMax 提供两种接入方式：API Key 直连（openai-completions 协议）和 OAuth 门户（anthropic-messages 协议）。包含 provider 注册、模型定义、别名配置、fallback 链接入和验证的完整流程。当管理员说想"加 MiniMax"、"配 minimax"、"接入 MiniMax 模型"、"加海螺模型"、&qu
2、在 functions.php 中使用 wp_enqueue_script() 注册并仅在存在该小工具实例的页面加载该 JS 文件。
3、JS 中定义最小化 UI：含标题栏、消息历史区（div#mmx-messages）、输入框与发送按钮，所有文本节点默认使用 font-size: 14px; line-height: 1.5;。
四、配置模型参数与提示词模板
AI 行为由后端代理层控制，需在 mmx-proxy.php 中硬编码或读取 WordPress 选项表中的配置项，决定调用哪个 Minimax 模型及初始系统指令。
1、在代理脚本中设置 model = "abab6.5-chat" 或 "abab5.5s-chat"，依据实际开通权限选择。
2、构造 request body 时，在 messages 数组首位插入 system 角色消息，内容为 "你是一个专注技术博客问答的助手，回答需简洁、准确，不编造信息。"
3、从 $_POST['query'] 获取用户输入，拼入 user 角色消息；响应解析时提取 choices[0].message.content 字段作为输出。
五、启用 CSP 与安全头策略
WordPress 后台或子页面若启用了严格的内容安全策略（CSP），会阻止内联脚本或动态创建的 script 标签执行，导致 AI 功能无法加载。
1、检查 HTTP 响应头中是否包含 Content-Security-Policy，若有且含 script-src 'self'，需扩展为 script-src 'self' 'unsafe-inline' 'unsafe-eval'。
2、在 .htaccess（Apache）或 Nginx 配置中添加对应 Header 指令，或通过 WordPress 插件如「WP Content Security Policy」进行图形化配置。
3、验证修改生效：打开浏览器开发者工具 → Network → 刷新页面 → 查看响应头中 CSP 是否已更新，且无 Refused to load script 控制台报错。
