Set up WordPress MCP in VS Code
Manage WordPress sites, create and edit posts, pages, and media. Handle themes, plugins, and site settings from your AI editor.
1
Locate the config file
VS Code reads MCP server configuration from the following file:
.vscode/settings.json → mcp sectionCreate this file if it does not already exist. For VS Code, this is inside your workspace .vscode/settings.json file under the mcp section.
2
Add the configuration
Add the following to your VS Code config file:
json
{
"servers": {
"wordpress-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"wordpress-mcp"
],
"env": {
"WORDPRESS_URL": "YOUR_WORDPRESS_URL",
"WORDPRESS_USERNAME": "YOUR_WORDPRESS_USERNAME",
"WORDPRESS_APP_PASSWORD": "YOUR_WORDPRESS_APP_PASSWORD"
}
}
}
}3
Set up environment variables
WordPress MCP requires the following environment variables:
WORDPRESS_URLRequiredWordPress site URL
WORDPRESS_USERNAMERequiredWordPress admin username
WORDPRESS_APP_PASSWORDRequiredWordPress application password
4
Verify it works
Restart VS Code. WordPress MCP should appear in your MCP server list with 10 tools available.
This server adds approximately 5,150 tokens to your context window for tool definitions.