lsp について
LightSync Pro は WordPress サイトを MCP クライアントに接続し、AI ツールから連携済みのクリエイティブ素材やコマース素材を扱えるようにします。説明ではエンドポイント、トークン認証、複数サイトの接続方法を紹介しています。
主な機能
- 01Streamable HTTP の MCP エンドポイント
- 02トークンによるサイト接続
- 03複数の WordPress サイトに接続
- 04旧式クライアント向け SSE エンドポイント
- 05接続状態の確認
活用シーン
- 01MCP クライアントで LightSync Pro を設定
- 02本番サイトとステージングサイトを接続
- 03SSE が必要なクライアントでの利用
MCP 対応
WordPress サイト上に Streamable HTTP の MCP エンドポイントを提供し、必要なクライアント向けに SSE エンドポイントも用意します。Claude.ai、Claude Desktop、Cursor、Windsurf の設定方法が記載されています。
設定
リモートサーバーはインストール不要です。クライアントを選んで設定をコピーするか、ワンクリックで導入できます。
https://lightsyncpro.com/connectclaude mcp add --transport http kyletaggart-lsp https://lightsyncpro.com/connect{"mcpServers":{"kyletaggart-lsp":{"type":"http","url":"https://lightsyncpro.com/connect"}}}Cursor で開く{"servers":{"kyletaggart-lsp":{"type":"http","url":"https://lightsyncpro.com/connect"}}}VS Code で開く{"mcpServers":{"kyletaggart-lsp":{"type":"http","url":"https://lightsyncpro.com/connect"}}}{"mcpServers":{"kyletaggart-lsp":{"serverUrl":"https://lightsyncpro.com/connect"}}}コマンドはターミナルで実行し、JSON は各クライアントの MCP 設定に貼り付けて再起動します。認可が必要なサーバーは初回接続時にログインを求めます。
ツール
詳細
設定例
LightSync Pro MCP を AI クライアントに接続するための、すぐに使える設定スニペットです。
YOUR_TOKEN を、LightSync Pro プラグインの設定にある AI & Tools → MCP Settings のトークンに置き換えてください。
Claude.ai(コネクター URL)
Claude.ai の設定 → Integrations → Add MCP Server で、次のように設定します。
https://yoursite.com/wp-json/lsp-client/v1/mcp?token=YOUR_TOKEN
これは Streamable HTTP トランスポートを使用するため、追加の設定は必要ありません。
Claude Desktop
~/Library/Application Support/Claude/claude_desktop_config.json(macOS)または %APPDATA%\Claude\claude_desktop_config.json(Windows)に追加します。
{
"mcpServers": {
"lightsync-pro": {
"type": "url",
"url": "https://yoursite.com/wp-json/lsp-client/v1/mcp?token=YOUR_TOKEN"
}
}
}
Cursor
プロジェクトのルートにある .cursor/mcp.json、またはグローバル設定の ~/.cursor/mcp.json に追加します。
{
"mcpServers": {
"lightsync-pro": {
"type": "url",
"url": "https://yoursite.com/wp-json/lsp-client/v1/mcp?token=YOUR_TOKEN"
}
}
}
Windsurf
~/.codeium/windsurf/mcp_config.json に追加します。
{
"mcpServers": {
"lightsync-pro": {
"type": "url",
"url": "https://yoursite.com/wp-json/lsp-client/v1/mcp?token=YOUR_TOKEN"
}
}
}
複数のサイト
複数の WordPress サイトを同時に接続できます。サイトごとに専用のトークンが必要です。
{
"mcpServers": {
"lightsync-main": {
"type": "url",
"url": "https://yoursite.com/wp-json/lsp-client/v1/mcp?token=TOKEN_1"
},
"lightsync-staging": {
"type": "url",
"url": "https://staging.yoursite.com/wp-json/lsp-client/v1/mcp?token=TOKEN_2"
}
}
}
注記: Claude.ai は現在、ツール名が同一のサーバーを重複排除します。Claude.ai で複数のサイトを接続する場合、これは既知の制限事項です。回避策として、コネクター URL を使い、一度に 1 つのサイトを接続してください。
接続の確認
設定後、AI クライアントに次のように尋ねてください。
「LightSync Pro の接続ステータスを確認してください」
接続に成功すると、次のような応答が返ります。
{
"site_url": "https://yoursite.com",
"plan": "pro",
"connected": ["lightroom", "dropbox", "figma"]
}
404 エラーが発生した場合は、WordPress サイトでプラグインが有効になっていること、およびトークンがプラグインの設定にあるものと一致していることを確認してください。
SSE レガシートランスポート(上級者向け)
Streamable HTTP ではなく SSE トランスポートを必要とするクライアント向けの設定です。
https://yoursite.com/wp-json/lsp-client/v1/mcp/sse?token=YOUR_TOKEN
SSE エンドポイントは GET(ストリーム)と POST(メッセージ)の両方をサポートしています。ほとんどの最新クライアントでは、上記の標準的な /mcp エンドポイントを使用してください。
コメント
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。