mcpField
W
WordPress MCP Extension for VS Code

WordPress MCP Extension for VS Code

ローカル
github.com/sharmashivanand開発ツール278 週間前に更新

WordPress MCP Extension for VS Code について

WordPress 環境に接続し、環境に応じたコーディング支援を提供する VS Code 拡張機能です。設定やデータベース情報を検出し、WordPress の補完、ドキュメント表示、コードアクションを追加します。

主な機能

  1. 01wp-config.php とインストールパスの検出
  2. 02WordPress データベースへの接続
  3. 03WordPress コード補完
  4. 04関数とフックのドキュメント表示
  5. 05WordPress 固有のコードアクション

活用シーン

  1. 01プロジェクトフォルダーから WordPress 設定を検索
  2. 02データベース情報の確認と WordPress データの照会
  3. 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(開発用)

使用方法

  1. WordPress インストールを含むフォルダー、または WordPress インストールの子ディレクトリであるフォルダーを開きます
  2. 拡張機能が wp-config.php ファイルを自動的に検索します
  3. コマンド WordPress MCP: Connect to WordPress を使用して、WordPress インストールに明示的に接続します
  4. お使いの 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 ファイルがプロジェクトディレクトリに作成されます。

拡張機能のテスト

拡張機能をインストールした後、以下のコマンドを使用して機能をテストできます。

  1. WordPress 接続のテスト:

    > WordPress MCP: Connect to WordPress
    

    このコマンドは、WordPress インストールを検索して接続します。

  2. WordPress 設定の表示:

    > WordPress MCP: Show WordPress Configuration
    

    データベースの認証情報やその他の WordPress 設定の詳細が表示されます。

  3. WordPress データベースへのクエリ:

    > WordPress MCP: Query Database
    

    WordPress データベースに対して自然言語でクエリを実行できます。

  4. チャット経由での MCP 連携のテスト:

    @wordpress What is the database name in wp-config.php?
    

    VS Code のチャットインターフェースで使用し、MCP 連携をテストします。ほかにも、次のようなクエリが役立ちます。

    • @wordpress データベースのユーザー名は何ですか?
    • @wordpress 有効なプラグインを表示してください
    • @wordpress 有効なテーマは何ですか?
    • @wordpress 利用可能なカスタム投稿タイプは何ですか?

コメント

MCP は初めてですか?

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。