WordPress对接AI大模型实战教程：让你的网站拥有“最强大脑”

随着 ChatGPT、DeepSeek、文心一言等大语言模型LLM的爆发AI 已经成为提升网站交互体验和生产力的核心工具。作为全球使用最广泛的 CMSWordPress 如何优雅地接入 AI 大模型本文将从零开始带你通过纯代码方式实现 WordPress 与 AI 大模型的深度对接。 前言在日常的 WordPress 开发中接入 AI 可以实现很多神奇的功能自动生成文章摘要、智能客服聊天机器人、SEO 标题优化、内容翻译等。目前 WordPress 对接 AI 主要有两种方案插件方案如 AI Engine、Bertha AI 等。适合非技术人员开箱即用但定制化能力弱且通常需要付费。自定义开发方案通过 WordPress 的 HTTP API 和 Shortcode/Ajax 机制直接对接大模型 API。适合开发者完全免费且可控。本文将以自定义开发为主以兼容 OpenAI 格式的 API目前 DeepSeek、Moonshot 等国内大模型均采用此格式为例手把手教你实现一个简单的 AI 聊天助手。️ 第一步准备工作获取 API Key去大模型服务商如 OpenAI、DeepSeek、阿里云百炼等注册账号并获取 API Key。确认 API 地址本文以 DeepSeek 为例API 地址为https://api.deepseek.com/v1/chat/completions。备份网站修改主题代码前请务必备份你的 WordPress 网站。 第二步编写后端对接代码我们将把核心代码放在主题的functions.php文件中。建议使用子主题来修改以免主题更新时代码被覆盖。1. 安全存放 API Key千万不要直接在functions.php中硬编码 API Key。请将以下代码加入网站根目录的wp-config.php中在/* Thats all, stop editing! */之前define(AI_API_KEY, 你的API Key); define(AI_API_URL, https://api.deepseek.com/v1/chat/completions) ; define(AI_MODEL_NAME, deepseek-chat);2. 编写请求 AI 的核心函数在functions.php中添加以下代码利用 WordPress 内置的wp_remote_post发起网络请求/** * 调用 AI 大模型接口 */ function invoke_ai_model($prompt) { $api_key AI_API_KEY; $api_url AI_API_URL; $model AI_MODEL_NAME; $body array( model $model, messages array( array(role system, content 你是一个聪明的WordPress网站助手请简明扼要地回答问题。), array(role user, content $prompt) ), temperature 0.7 ); $response wp_remote_post($api_url, array( headers array( Content-Type application/json, Authorization Bearer . $api_key, ), body json_encode($body), timeout 60, // AI 生成可能较慢超时时间设长一点 )); // 错误处理 if (is_wp_error($response)) { return AI 请求失败: . $response-get_error_message(); } $response_body wp_remote_retrieve_body($response); $data json_decode($response_body, true); if (isset($data[choices][0][message][content])) { return $data[choices][0][message][content]; } elseif (isset($data[error])) { return API 报错: . $data[error][message]; } else { return 无法解析 AI 的回复。; } } 第三步通过 WP Ajax 实现前端交互为了让前端页面能够无刷新调用 AI我们需要注册一个 WordPress Ajax 接口。继续在functions.php中添加// 注册 Ajax 接口给已登录用户和未登录用户 add_action(wp_ajax_ask_ai, handle_ask_ai_request); add_action(wp_ajax_nopriv_ask_ai, handle_ask_ai_request); function handle_ask_ai_request() { // 安全校验验证 Nonce防止跨站请求伪造 check_ajax_referer(ai_nonce_action, nonce); // 获取前端传来的问题 $prompt isset($_POST[prompt]) ? sanitize_text_field(wp_unslash($_POST[prompt])) : ; if (empty($prompt)) { wp_send_json_error(问题不能为空); } // 调用刚才写好的核心函数 $answer invoke_ai_model($prompt); // 返回 JSON 数据 wp_send_json_success(array(answer $answer)); } 第四步前端页面与 Shortcode 短代码为了方便在任意页面/文章中插入 AI 对话框我们编写一个 Shortcode。继续在functions.php中添加// 注册短代码 [ai_chat_box] add_shortcode(ai_chat_box, render_ai_chat_box); function render_ai_chat_box() { // 生成 Nonce 供前端 JS 使用 $nonce wp_create_nonce(ai_nonce_action); $ajax_url admin_url(admin-ajax.php); $html HTML div classwp-ai-chat-container styleborder:1px solid #ccc; padding:15px; border-radius:8px; max-width:600px; margin:20px auto; div idwp-ai-response stylemin-height:100px; background:#f9f9f9; padding:10px; margin-bottom:10px; border-radius:4px; 等待你的提问... /div textarea idwp-ai-prompt rows3 stylewidth:100%; margin-bottom:10px; placeholder请输入你的问题.../textarea button idwp-ai-submit stylepadding:10px 20px; background:#2271b1; color:#fff; border:none; border-radius:4px; cursor:pointer;向 AI 提问/button /div script document.getElementById(wp-ai-submit).addEventListener(click, function() { const prompt document.getElementById(wp-ai-prompt).value; const responseDiv document.getElementById(wp-ai-response); if(!prompt) return alert(请输入问题); responseDiv.innerText AI 正在思考中...; const formData new FormData(); formData.append(action, ask_ai); formData.append(nonce, {$nonce}); formData.append(prompt, prompt); fetch({$ajax_url}, { method: POST, body: formData }) .then(res res.json()) .then(data { if(data.success) { responseDiv.innerText data.data.answer; } else { responseDiv.innerText 出错了: data.data; } }) .catch(err { responseDiv.innerText 网络请求失败; }); }); /script HTML; return $html; }使用方法现在你只需要在 WordPress 后台新建一个页面在文本编辑器中输入短代码[ai_chat_box]发布页面后访问该页面你就会看到一个可以实时对话的 AI 聊天框了 进阶优化建议流式输出目前的代码是一次性等待 AI 生成完才返回如果文本较长用户需要等待很久。你可以通过开启stream: true参数结合 PHP 的flush()或前端使用fetch的 ReadableStream 来实现像 ChatGPT 一样的打字机效果。上下文记忆目前每次请求都是独立的AI 没有记忆。你可以把之前的问答记录存入前端 JS 的数组中每次请求时带上历史messages即可实现连续对话。防刷限制AI API 是按 Token 计费的建议在handle_ask_ai_request中加入限制逻辑例如基于 IP 的 Redis 缓存限流或者只允许已登录的 WordPress 用户使用。结合 WP-Cron如果你是想做“自动生成文章”功能可以使用 WP-Cron 定时任务每天自动抓取热点词调用 AI 生成文章并通过wp_insert_post发布。通过以上步骤我们不需要依赖任何臃肿的插件仅用几十行 PHP 和 JS 代码就打通了 WordPress 与 AI 大模型的任督二脉。无论是做智能客服、内容辅助生成还是其他创意玩法掌握了这套底层对接逻辑你的 WordPress 网站就能拥有无限可能。有什么问题或更好的想法欢迎在评论区交流觉得有用的话点个赞再走吧~