Claude CodeでWordPressサイトを作る・運用する方法。テーマ開発、MCPでの連携、本番に反映する前の確認

PR｜この記事にはアフィリエイト広告（A8.net）が含まれます。

自分のWordPressサイトのテーマを、Claude Codeに直してもらいたい。記事やサイトの設定も、管理画面を開かずにAIから操作できれば楽になる。一方で、AIが本番のサイトを直接書き換え、表示が崩れたまま公開される事態は避けたい。WordPressでClaude Codeを使い始める人の多くが、この点で迷うと筆者は考えています。

Claude CodeとWordPressをつなぐ方法は3つあります。テーマやプラグインのファイルを直接編集する方法、WordPress公式のMCP Adapterでサイトの機能を呼び出す方法、レンタルサーバーのAPIやSSHでサーバーを操作する方法です。本番のサイトを守るには、自分のパソコンのローカル環境で作って確かめてから本番に反映する順番に、Claude Codeの権限設定とサーバーのバックアップを組み合わせるのが安全だというのが筆者の提案です。この記事では、3つの方法の違いと、ローカルから本番までの進め方を、Claude Code・WordPress・エックスサーバーの公式ドキュメントに沿って説明します。

情報確認日：2026年10月1日（MCP Adapterは開発が続いているため、設定の書き方は公式の最新ドキュメントで確認してください）

Claude Codeの公式ドキュメント、WordPress公式の開発者向け資料、エックスサーバーとConoHa WINGの公式マニュアルをまとめた解説です。進め方の部分は、公式の説明をもとにした筆者の提案です。

Claude Codeをまだ使ったことがない方は、先に次の記事で、できることと料金、ProやMaxで作ったコードの商用利用の条件を確認しておくと、この先の話が分かりやすくなるはずです。

関連記事

Claude Codeとは？できること・料金と、ProやMaxで作ったコードの商用利用の条件

Claude CodeはAnthropicのコーディング用AIツールで、無料プランでは使えず、ProやMaxかAPIの従量課金が必要です。使える場所と始め方、料金と利用上限、Pro・Maxで作ったコードの商用利用について規約に書かれていることを整理しました。

Claude CodeとWordPressをつなぐ3つの方法

Anthropicの公式ドキュメントでは、Claude Codeを「コードベースを読み、ファイルを編集し、コマンドを実行し、開発ツールとつながる」コーディング用のAIツールと説明しています。WordPressとの関わり方を、どこに手を入れるかで3つに分けたのが次の表です。

テーマを作る・直すだけなら、①の方法で足ります。管理画面の操作をAIに任せたいときは②を、サーバーの準備や公開作業までAIに頼みたいときは③を足していく順番で考えると、整理しやすいでしょう。

本番のサイトを守る進め方：ローカルで作ってから本番へ

公式の説明をもとに、筆者が提案する全体の流れです。Claude Codeが自由に動いてよい場所（ローカル）と、人が確認してから反映する場所（本番）を分けて考えます。

1. 自分のパソコンにローカルのWordPressを用意し、テーマのフォルダをGitで管理する
2. Claude Codeをテーマのフォルダで起動し、テーマを作る・直す。ブラウザで表示を確認する
3. 必要ならMCP Adapterでローカルのサイトとつなぎ、管理画面の操作をAIに試させる
4. 本番のバックアップを確認し、テスト用のコピーサイトで動作を確かめる
5. 変更したテーマのファイルだけを本番に反映し、表示を確認する

ローカル環境を作る道具には、WordPress用に作られたLocalがあります。公式サイトに「Download for Free」とあるとおり、無料でダウンロードできる道具です。ローカルで作ってから公開用のサーバーへ移す順番は、ポートフォリオサイトの作り方（ロードマップ第3回）でも紹介しました。

テーマを作る・直すときの頼み方と注意

Claude Codeは、起動したフォルダ（作業ディレクトリ）の中のファイルを読み書きします。Claude Codeをテーマのフォルダ（wp-content/themes/テーマ名）で起動すれば、触る範囲をそのテーマに絞れます。

新しくブロックテーマを作る場合

WordPressのテーマ開発ハンドブックによると、ブロックテーマ（ブロックで組み立てる現在の標準のテーマ）として認識されるために必要なファイルは、style.cssとtemplates/index.htmlの2つです。全体の設定やスタイルは、theme.jsonで定義します。Claude Codeには、この構成を前提に頼むと話が早く進みます（筆者が考えた依頼文の例です）。

配布・購入したテーマを直したい場合

配布されているテーマのファイルを直接書き換えると、テーマを更新したときに変更が消えます。WordPressのハンドブックも、親テーマを更新しても変更を失わないように、子テーマを使う方法を説明しています。Claude Codeには「親テーマのファイルは変更せず、子テーマを作ってそこに変更を書いて」と最初に伝えておくと安全です。

どちらの場合も、変更のたびにローカルのサイトをブラウザで開き、PCとスマートフォンの幅で表示を確かめてから次の依頼に進んでください。どの変更で表示が崩れたのかを追いやすくなります。Gitで管理していれば、うまくいかなかった変更を元に戻すのも簡単です。

Claude Codeが書いたコードの中身を自分でも読めるようになりたい人は、AIにコードを書かせながらプログラミングの基礎を身につける方法も参考にしてください。説明させる、小さく頼む、差分を読むといった練習の順番をまとめています。

MCP Adapterでローカルのサイトとつなぐ

MCP（Model Context Protocol）は、AIツールを外部のデータやツールにつなぐための、公開された標準の仕組みです。Claude CodeにMCPサーバーを追加すると、そのサーバーが用意した操作を呼び出せるようになります。

WordPress側では、WordPress 6.9で「Abilities API」が導入されました。プラグインやWordPress本体が「何ができるか」を、名前・入力と出力の形・権限の確認とセットで登録する仕組みです。WordPress 6.9には、サイト情報・ログイン中のユーザー情報・動作環境の情報を返す3つの標準のアビリティが入っています。WordPress公式のMCP Adapterは、このアビリティをMCPのツールとしてAIから呼べるようにするパッケージです。WordPressの開発者向けブログでは、Claude Desktop、Claude Code、Cursor、VS CodeなどのAIツールからつなげると紹介されています。

つなぐまでの流れ

1. GitHubのMCP AdapterのReleasesページからプラグインを入手し、ローカルのWordPress（6.9以上）にインストールして有効化します。2026年10月1日時点でReleasesに公開されている最新の版は、v0.6.1（2026年8月13日公開）です。開発中の版の説明書（README）には次のv0.7.0向けの移行ガイドが載っていて、単体のプラグインとして入れる形を標準にし、ほかのプラグインに同梱する形は非推奨にする方針が書かれています。入れる前に、Releasesの版と説明書の版が一致しているか確かめてください。有効化すると、「mcp-adapter-default-server」という既定のMCPサーバーと、アビリティを探す・内容を調べる・実行する、の3つのツールが登録されます。
2. AIから使わせたいアビリティを公開用に設定します。アビリティは初期状態では非公開で、登録時の設定に公開用のフラグ（meta.mcp.public など）を付けたものだけが既定のサーバーから使えます。
3. Claude Codeの設定にMCPサーバーを追加します。ローカルのサイトなら、WP-CLI（WordPressをコマンドで操作する公式のツール）を経由するSTDIOという接続方法が案内されていて、自分のパソコンにWP-CLIが入っている必要があります。

次のコードは、WordPressの開発者向けブログに載っている設定を、Claude Codeのプロジェクト用の設定ファイル（プロジェクトのフォルダの.mcp.json）に書く場合の形です。パスとユーザー名は、自分の環境に合わせて置き換えてください。

{
  "mcpServers": {
    "wordpress-mcp-server": {
      "command": "wp",
      "args": [
        "--path=/path/to/your/wordpress/installation",
        "mcp-adapter",
        "serve",
        "--server=mcp-adapter-default-server",
        "--user=admin"
      ]
    }
  }
}

Claude Codeの公式ドキュメントによると、.mcp.jsonに書いたプロジェクト用のMCPサーバーは、使う前に承認を求められます。つないだ後に「WordPressのサイト情報を取得して」と頼むと、AIは使えるアビリティを探してから実行する流れです。

本番のサイトにつなぐ場合の注意

インターネットに公開しているサイトには、HTTPで接続する方法が案内されています。Node.jsで動く中継用のパッケージを使い、WordPressのアプリケーションパスワードで認証する形です。WordPressの開発者向けブログは、この場合の注意として次の点を挙げています。

• MCPでつないだAIは、ログインしたWordPressユーザーとして動く。アプリケーションの一部として扱う
• 本番では、権限を絞った専用のユーザーと権限グループを作ってAIに使わせる
• インターネット越しに公開する接続では、読み取り専用の操作（状態の確認、レポート、コンテンツの取得）を中心にする
• 削除のような取り消せない操作を、誰でも実行できる設定にしない

Claude Codeの公式ドキュメントも、MCPサーバーはつなぐ前に信頼できるか確かめるよう注意しています。外部のコンテンツを取ってくるサーバーには、プロンプトインジェクション（外部の文章に紛れた指示でAIが操られること）の危険があるためです。最初はローカルのサイトで読み取りだけの操作から試し、本番につなぐのは必要な操作がはっきりしてからにするのが筆者の提案です。

本番に反映する前に確かめること

ローカルでできあがった変更を本番に上げる前に、次の5つを確かめてください。Claude Codeに作業させる場合も、人が行う場合も同じです。

1. バックアップがあるか。エックスサーバーの料金ページによると、サーバー上のWeb・メールのデータとMySQLのデータベースは毎日自動でバックアップされ、それぞれ過去14日分が保持されます。戻し方と、戻した場合に上書きされる範囲も先に確認しておきます。
2. テスト用のコピーで動くか。エックスサーバーの「WordPressのサイトコピー」は、動作確認用のテストサイトを作る用途にも使えると公式マニュアルに書かれています。ConoHa WINGにも、同じサーバー内の別のドメインにWordPressをコピーする機能があります。本番と同じデータのコピーで新しいテーマを試すと、ローカルでは気づけない表示の崩れを見つけやすくなります。
3. 上げるのは変更したファイルだけか。テーマの変更なら、上げるのはテーマのフォルダの中身だけです。WordPress全体やデータベースを丸ごと上書きすると、本番の記事やコメントが古い状態に戻るおそれがあります。
4. Claude Codeが確認なしに本番へ触れない設定か。下で説明する権限の設定をしておきます。
5. 反映した後に表示を確かめたか。トップページ、記事、固定ページ、スマートフォンの表示を開き、崩れていればすぐに元のファイルへ戻します。

Claude Codeの権限をどう設定する？

Claude Codeの公式ドキュメントによると、自動モードは「本番へのデプロイや移行」「強制的なpush」「作業前からあったファイルの取り消せない削除」などを既定で止めます。一方で、作業中のリポジトリへのpushは既定で許可される操作です。会話で「pushしないで」「デプロイ前に確認させて」と伝えた制限は止める合図として扱われますが、会話の要約で消えることがあるとも書かれています。確実に止めたい操作は、設定ファイルのpermissionsにルールとして書いてください。

たとえば、本番サーバーに接続するコマンドの前に必ず確認を出したい場合は、次のような「ask」ルールを加えます。書き方は公式ドキュメントの例に合わせた筆者の提案です。* の前の語で一致を判定するため、別の書き方のコマンドには一致しないことがあります。

{
  "permissions": {
    "ask": [
      "Bash(git push *)",
      "Bash(ssh *)",
      "Bash(rsync *)",
      "Bash(scp *)"
    ]
  }
}

本番に触る作業のときだけ、毎回自分で確認するManualモードに切り替える方法もあります。自動モードで止められる操作と、Manualモードへの戻し方を知りたい方は、次の記事を読んでみてください。

関連記事

Claude Codeの自動モードとは？Pro・Maxなどで8月から既定に。止められる操作と、毎回確認するモードに戻す方法

Claude CodeはPro・Max・Teamプランで2026年8月14日から自動モードで始まるように。分類器が何を止めて何を通すのか、Anthropicが示した安全性の数字の読み方、CLI・VS Code・デスクトップでManualに戻す方法とpush前だけ確認する設定を公式資料で解説。

エックスサーバーでClaude Codeと組み合わせられる機能

本番のWordPressをレンタルサーバーに置く場合、AIと組み合わせやすいかどうかは、SSHの使いやすさと、サーバーの操作をAPIやMCPで扱えるかで決まります。次の表は、2026年10月1日にエックスサーバーの公式マニュアルで確認した内容です。

XServer MCP Serverが扱うのは、ドメインやメール、バックアップ、WordPressのインストールといったサーバー側の設定です。記事の中身やテーマのファイルを編集する機能はないため、テーマの変更は①の方法、サイトの中の操作は②のMCP Adapterと組み合わせて使います。エックスサーバーは、AIエージェント向けの「サイト作成・公開スキル」も公開中です。その説明ファイルには、WordPressのインストールやSSHでのファイル転送の手順に加えて、公開先の合意や上書き前の確認をAIに求める決まりが書かれています。

ConoHa WINGもSSHに対応していて、接続には鍵による認証が必須です。公式ガイドでは、共用サーバーのためSSH接続時に使える機能に一部制限があると案内されています。WP-CLIについての記載は、今回確認した範囲のConoHa WINGの公式ガイドには見当たりませんでした。

エックスサーバーでWordPressをまだ用意していない方は、次の記事で申込みからWordPressの設置、最初の設定までの手順を確認できます。ConoHa WINGと比べてから決めたい場合は、エックスサーバーとConoHa WINGの比較で料金とAIから公開する機能の違いをまとめています。

関連記事

エックスサーバーでWordPressブログを始める手順。クイックスタートとお試しの違い、申込みからAIで記事の下書きを作るまで

エックスサーバーでWordPressブログを始める2通りの方法（クイックスタート／10日間のお試し）の違いと、公式マニュアルに沿った申込み・独自ドメイン・WordPress設置の手順、独自ドメインを無料にする条件、AIで下書きを作るときの確認点をまとめました。

WordPressの本番環境をAIと一緒に運用したい人へ（PR）

エックスサーバーは、SSH（公開鍵認証）、Claude Codeから使える公式のXServer MCP Server、毎日の自動バックアップ、テスト用のWordPressサイトコピーを1つの契約で使えるレンタルサーバーです。ローカルで作ったWordPressを本番に置き、AIと一緒に運用したい人の候補になります。

• スタンダードプランは月あたり693〜1,320円（税込、契約期間で変わる。12か月以上は2026年11月4日17:00までのキャンペーン価格）で、契約期間分を一括前払いします。初期費用は0円です。
• 2026年11月4日17:00までの新規申込みは、初回の利用料金が12か月契約で10%、24か月契約で20%、36か月契約で30%オフです。2026年10月5日17:00まで行われていた半額キャッシュバックは終了しました。
• 全プランに10日間の無料お試しがあります。WP-CLIが最初から使えるかは公式マニュアルで確認できなかったため、WP-CLIを前提にしている場合は申込み前にサポートへ確認してください。

エックスサーバーの料金・申込みページを見る

料金・条件は2026年10月7日に公式サイトで確認した内容です。2026年11月4日17:00のキャンペーン終了後は、公式の料金ページで最新の表示を確認してください。

運用を始めた後に読みたい記事

本番のWordPressを運用し始めたら、WordPress本体の更新も自分で確認していく必要があります。次の記事では、セキュリティ更新が出たときの手順と、自動更新で更新される範囲を説明しています。

関連記事

WordPress 7.1.1が公開。自分のブログは今すぐ更新すべき？セキュリティ修正11件の中身と自動更新の対象範囲

WordPress 7.1.1は2026年9月18日に日本語で告知されたメンテナンスとセキュリティのリリースです。セキュリティ修正11件の内訳、対象かどうかの確認方法、ダッシュボードからの更新手順、自動更新が初期設定でどこまでを対象にするかを公式資料から整理しました。

テーマの改修を並行して進めたい方には、クラウドで複数の作業を進める仕組みと、自分のパソコンのコードの扱いをまとめたClaude Codeの新しいプロジェクトの記事が参考になるはずです。WordPressを使わずHTMLだけのサイトを公開したい場合は、Claude Code・Codexで作ったHTMLサイトを公開する方法で無料の置き場所とレンタルサーバーの違いを確認できます。作品集を載せたポートフォリオサイトとして公開するなら、ポートフォリオサイトを公開する方法で、GitHub Pagesとレンタルサーバーの手順と費用を比べられます。

参考にした公式資料

• Claude Code Docs：Overview
• Claude Code Docs：Connect Claude Code to tools via MCP
• Claude Code Docs：Choose a permission mode、Configure permissions
• WordPress Developer Blog：From Abilities to AI Agents: Introducing the WordPress MCP Adapter
• GitHub：WordPress/mcp-adapter、Releases
• WordPress Theme Handbook：Theme Structure、Child Themes
• WP-CLI Handbook：Installing
• Local
• エックスサーバー：SSH設定、プログラム言語・コマンドパス
• エックスサーバー：XServer MCP Server、XServer API、サイト作成・公開スキル
• エックスサーバー：WordPressのサイトコピー、WordPressリカバリー
• エックスサーバー：料金プラン、最大30%オフキャンペーン（2026年10月5日〜11月4日）
• ConoHa WING：SSHアカウントを作成する、WordPressサイトコピーを利用する