WordPressにChatGPT API実装｜手順と費用【2026】

「自社のWebサイトにAIを使いたいけれど、何から手を付ければいいかわからない」――WordPressを使うWeb担当者・経営者の方から、こうした相談を月に10件以上いただいています。AIプラグインを導入しても「使える機能が限定的」「データが外部に送られる範囲が不安」という壁に当たることが多く、最終的にはAPI直接実装にたどり着くケースが増えています。本記事では、ChatGPT（GPT-4o）とClaude APIをWordPressにプラグインなしで直接実装する手順を、コード例・モデル比較表・失敗パターンとともに解説します。

1. プラグインでなくAPIを直接実装する3つのメリット

AI機能付きの有料WordPressプラグインは多数ありますが、本格運用に入るとカスタマイズ性とコスト面で限界が見えてきます。API直接実装を選ぶことで、月額固定費を圧縮しながら自社業務に合った仕組みを作れます。

1-1. コストを最大70%圧縮できる

AIプラグインの多くは月額$20〜100の固定費が発生します。API直接利用なら、Claude Haikuで1万文字あたり約2円、GPT-4o miniで1万文字あたり約3円という従量課金になり、利用が少ない月のコストを大幅に抑えられます。コスト計算の詳細はChatGPT APIでWebコンテンツ自動化｜実装ガイド【2026】に試算式と表があります。

1-2. 自社業務に合わせた完全カスタマイズ

プラグインは汎用設計のため、独自のシステムプロンプトや業務ロジックを組み込みにくい構造です。API直接実装なら、自社FAQ・商品データベース・問い合わせフローと密に連携でき、回答精度を業務水準まで引き上げられます。プロンプト設計の実務はプロンプトエンジニアリング入門｜精度を上げる5つのコツ【2026】でも詳しく解説しています。

1-3. データ取り扱いの透明性

プラグイン経由ではデータの中継経路が見えにくいケースがあります。API直接実装なら通信先・送信データを完全に管理でき、社内ポリシーや顧客との契約条件にも準拠しやすくなります。社内データを安全にAIに活用するアーキテクチャはRAGとは？自社データをAIに活用する仕組みと導入手順【2026】で詳しく解説しています。

2. 実装前の準備：APIキー取得・環境チェック

2-1. APIキーを取得する（OpenAI／Anthropic）

OpenAI APIはplatform.openai.com、Anthropic Claude APIはconsole.anthropic.comでアカウント作成後、APIキーを発行できます。発行直後のキーは1度しか表示されないため、必ずパスワードマネージャに保存しておきましょう。各APIともクレジットカード登録・利用上限設定を済ませてから本実装に進みます。

2-2. WordPress環境のバージョン要件

WordPress 5.6以降（REST APIネイティブ対応）・PHP 7.4以上が推奨です。レンタルサーバーでもSSL対応とアウトバウンド通信制限がないかを事前に確認してください。社内ナレッジの活用パターンや構成はChatGPT・Claude活用｜部門別の生成AI実践ガイド【2026】のアーキテクチャ図も参考になります。

2-3. APIキーの安全な保管方法

APIキーはwp-config.phpで定数として定義し、.htaccessでwp-config.phpへの直接アクセスを禁止します。コード例：

// wp-config.php
define('OPENAI_API_KEY', 'sk-xxx...');
define('ANTHROPIC_API_KEY', 'sk-ant-xxx...');

WordPressサイトのアクセス傾向を把握しておきたい場合は、サイトのアクセス解析記事もあわせてご覧ください。

3. WordPress REST API × Claude APIの実装手順（全3ステップ）

Step 1：カスタムREST APIエンドポイントを登録する

WordPressのfunctions.php（または専用プラグイン）に独自エンドポイントを登録します。フロント側（JavaScript）から直接外部AIを呼ぶとCORSとAPIキー露出の問題が発生するため、必ずPHP経由で中継します。

// functions.php
add_action('rest_api_init', function() {
  register_rest_route('myai/v1', '/ask', array(
    'methods'  => 'POST',
    'callback' => 'myai_ask',
    'permission_callback' => '__return_true',
  ));
});

Step 2：Claude API呼び出しを実装する

サーバー側でClaude APIにリクエストを送ります。Claude Haikuはレスポンスが速くコストも安いため、FAQ補助やチャットボット用途に向いています。

function myai_ask($request) {
  $prompt = sanitize_text_field($request->get_param('prompt'));
  $body = json_encode(array(
    'model' => 'claude-haiku-4-5-20251001',
    'max_tokens' => 1024,
    'messages' => array(array('role' => 'user', 'content' => $prompt))
  ));
  $res = wp_remote_post('https://api.anthropic.com/v1/messages', array(
    'headers' => array(
      'x-api-key' => ANTHROPIC_API_KEY,
      'anthropic-version' => '2023-06-01',
      'content-type' => 'application/json',
    ),
    'body' => $body,
    'timeout' => 30,
  ));
  if (is_wp_error($res)) {
    return new WP_Error('api_error', $res->get_error_message(), array('status' => 500));
  }
  return json_decode(wp_remote_retrieve_body($res), true);
}

Step 3：フロント側からエンドポイントを叩く

JavaScriptから/wp-json/myai/v1/askにPOSTすればOKです。ローディング表示・タイムアウト処理・エラーハンドリングを忘れずに実装しましょう。議事録・メール・提案書のような業務テンプレートに応用したい場合は議事録・メール・提案書のAI自動化｜手順とツール【2026】のテンプレート設計を流用できます。

→ AI実装の無料相談（営業電話一切なし）

4. 主要AIモデル比較表：ChatGPT・Claude・Gemini どれを選ぶ？

WordPress組み込み用途では、コスト・速度・日本語精度の3軸でモデルを選定します。下表は2026年6月時点の主要モデルです。

4-1. コスト・速度・日本語精度の比較

• Claude Haiku 4.5：最安・高速、FAQ・問い合わせ補助に最適
• Claude Sonnet 4.6：精度重視、長文生成・社内ナレッジRAGに最適
• GPT-4o：マルチモーダル対応、画像・音声を扱う用途に強い
• GPT-4o mini：低コスト＋高速、軽量チャットボット向け
• Gemini 1.5 Pro：長文コンテキスト処理、議事録要約に強い

業務シーン別のモデル選定方針はChatGPT・Claude活用法｜BtoB業務を効率化する実践ガイドでも詳しく整理しています。SEO記事自動生成への応用はAIでSEO記事制作｜工数60%減のプロンプト設計術【2026】を参照してください。

4-2. Microsoft Copilotとの使い分け

社内のOffice 365環境を中心にAIを使う場合は、Microsoft Copilotが有力な選択肢になります。WordPressとの組み合わせ判断はMicrosoft Copilot導入｜費用と部門別活用法【2026】を参考にしてください。

5. 実装時のよくある失敗4パターンと対策

AI API実装プロジェクトで繰り返し発生するつまずきを事前に把握しておくと、開発工数を大幅に削減できます。

失敗①：CORSエラーでAPIが呼び出せない

JavaScriptから外部AIのAPIを直接呼び出すとブラウザのCORSポリシーに引っかかります。必ずWordPress（PHP）側を中継（プロキシ）させるのが正解です。本記事のStep 1がその解決策にあたります。

失敗②：APIキーがソースコードに露出する

JavaScriptにAPIキーを直書きすると、ブラウザの開発者ツールから誰でも確認できてしまいます。wp-config.phpの定数定義と、.htaccessでのファイル直アクセス禁止を必ず設定しましょう。

失敗③：レスポンス遅延でUXが悪化する

AIのレスポンスは1〜5秒かかることがあります。ローディングアニメーション表示とタイムアウト設定（推奨30秒）を実装することで、ユーザーの離脱を防げます。SEO観点ではSEOコンテンツ作成をAIで効率化する方法のページ速度配慮も併用すると効果的です。

失敗④：汎用プロンプトで精度が低い

「何でも答えてください」では自社サービスに特化した回答が返りません。システムプロンプトに役割・対象ドメイン・回答スタイルを明示することで、精度が大幅に向上します。部門別の活用シーンはChatGPT業務活用法｜部門別の事例と導入手順【2026】が参考になります。

6. まとめ：段階的なAI実装で自社サイトの価値を最大化する

WordPressへのAI実装は、もはや大企業だけの選択肢ではありません。キャンバスラボが支援した中小企業のWebサイトでは、FAQ補助AIの導入後に問い合わせ対応工数が月間約40%削減された事例があります。Claude Haikuなら1万文字あたり数円以下のコストで、自社サイトに高品質なAI機能を追加できます。まずはFAQチャットボットや問い合わせ補助AIから試験導入し、データを蓄積しながら段階的に拡張していくアプローチがリスクを最小化します。

WordPress業務との他システム連携を視野に入れる場合はZapier・Make・n8nでAI業務自動化｜中小企業の導入手順もあわせて検討してください。

「自社サイトにどのAIを、どう組み込むべきか」というご相談をお待ちしています。営業電話は一切なく、ご相談内容は厳密に秘密厳守で対応いたします。初回相談から具体的なご提案まで、貴社の課題に合わせたサポートを提供しています。

→ 無料相談フォームへ（所要3分・営業電話なし）

関連記事

• ChatGPT APIでWebコンテンツ自動化｜実装ガイド【2026】
• ChatGPT・Claude活用｜部門別の生成AI実践ガイド【2026】
• プロンプトエンジニアリング入門｜精度を上げる5つのコツ【2026】
• RAGとは？自社データをAIに活用する仕組みと導入手順【2026】
• AIでSEO記事制作｜工数60%減のプロンプト設計術【2026】
• Microsoft Copilot導入｜費用と部門別活用法【2026】

最終更新：2026年6月9日／株式会社キャンバス（キャンバスラボ）／AI活用支援 中小企業30社以上の実績／無料相談はこちら