WordPress MCP Extension for VS Code について
WordPress 環境に接続し、環境に応じたコーディング支援を提供する VS Code 拡張機能です。設定やデータベース情報を検出し、WordPress の補完、ドキュメント表示、コードアクションを追加します。
主な機能
- 01wp-config.php とインストールパスの検出
- 02WordPress データベースへの接続
- 03WordPress コード補完
- 04関数とフックのドキュメント表示
- 05WordPress 固有のコードアクション
活用シーン
- 01プロジェクトフォルダーから WordPress 設定を検索
- 02データベース情報の確認と WordPress データの照会
- 03WordPress の関数やフックについて調べる
MCP 対応
この拡張機能は、VS Code で WordPress 連携用の MCP サーバーを実装します。エディターを WordPress 環境とデータベースに接続します。
設定
ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。
このサーバーのパッケージやリモートエンドポイントはまだ取得できていません。プロジェクトの README の手順に従ってください。
ツール
ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。
詳細
VS Code 用 WordPress MCP 拡張機能
この VS Code 拡張機能は、WordPress 連携用の Model Context Protocol(MCP)サーバーを実装します。VS Code が WordPress 環境を理解できるようにし、より簡単で直感的な開発を実現します。
機能
- WordPress 設定の検出:現在のディレクトリから親ディレクトリへと検索し、wp-config.php ファイルを自動的に見つけます
- データベース連携:WordPress データベースの認証情報を取得し、WordPress データベースに接続します
- WordPress インストールパス:WordPress のインストールディレクトリを検出します
- インテリジェントなコード補完:WordPress の関数やフックに対応した、コンテキストを考慮したコード補完を提供します
- ドキュメントのホバー表示:現在の WordPress バージョンを含む、WordPress 関数のドキュメントを表示します
- コードアクション:WordPress に特化したコードアクションとクイックフィックスを提供します
要件
- VS Code 1.74.0 以降
- 拡張機能がアクセスできる WordPress インストール
- Node.js および npm(開発用)
使用方法
- WordPress インストールを含むフォルダー、または WordPress インストールの子ディレクトリであるフォルダーを開きます
- 拡張機能が wp-config.php ファイルを自動的に検索します
- コマンド
WordPress MCP: Connect to WordPressを使用して、WordPress インストールに明示的に接続します - お使いの WordPress 環境に基づくインテリジェントな支援で、WordPress のコーディングをより快適に行えます
拡張機能の設定
この拡張機能に追加の設定は必要ありません。
既知の問題
- PHP のシリアライズデータの解析は簡易的に実装されているため、すべてのシリアライズデータ形式に対応できるとは限りません
- VS Code の終了時にデータベース接続を適切に閉じる必要があります
リリースノート
0.1.0
基本的な WordPress 連携機能を備えた WordPress MCP Extension の初回リリースです。
開発
拡張機能のビルド
npm install
npm run compile
拡張機能のパッケージ化
npm install -g vsce
vsce package
これにより、VS Code にインストールできる .vsix ファイルがプロジェクトディレクトリに作成されます。
拡張機能のテスト
拡張機能をインストールした後、以下のコマンドを使用して機能をテストできます。
-
WordPress 接続のテスト:
> WordPress MCP: Connect to WordPressこのコマンドは、WordPress インストールを検索して接続します。
-
WordPress 設定の表示:
> WordPress MCP: Show WordPress Configurationデータベースの認証情報やその他の WordPress 設定の詳細が表示されます。
-
WordPress データベースへのクエリ:
> WordPress MCP: Query DatabaseWordPress データベースに対して自然言語でクエリを実行できます。
-
チャット経由での MCP 連携のテスト:
@wordpress What is the database name in wp-config.php?VS Code のチャットインターフェースで使用し、MCP 連携をテストします。ほかにも、次のようなクエリが役立ちます。
- @wordpress データベースのユーザー名は何ですか?
- @wordpress 有効なプラグインを表示してください
- @wordpress 有効なテーマは何ですか?
- @wordpress 利用可能なカスタム投稿タイプは何ですか?
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。