
WordPress Studio en 2026 : panorama complet et guide d’installation Claude Code
WordPress Studio est devenu en deux ans la référence du développement WordPress en local. Lancé par Automattic en avril 2024, l’outil propulse aujourd’hui des milliers d’agences et de freelances grâce à sa stack WebAssembly + SQLite qui démarre un site en moins d’une seconde. Le 27 avril 2026, Automattic a publié Studio Code en beta, un agent CLI dédié à WordPress construit sur la technologie de Claude Code. Le couplage WordPress Studio + Claude Code (ou Studio Code) ouvre une nouvelle ère : créer un plugin, un thème block ou un site complet par simple instruction en langage naturel. Cet article propose un panorama des fonctions, un guide d’installation pas à pas et 8 cas d’usage concrets.
Temps de lecture : 14 min
À retenir
- WordPress Studio est gratuit, open source GPLv2, disponible sur Mac et Windows. Linux en cours de développement.
- Démarrage d’un site en moins d’une seconde grâce à WebAssembly et SQLite, sans Docker ni MySQL.
- Studio Code (27 avril 2026, beta) est un agent CLI WordPress construit sur Claude Code.
- Sync push/pull avec WordPress.com et Pressable, partage de liens de prévisualisation client.
- Le serveur MCP de Studio se connecte à Claude Code, Cursor, VS Code, Codex en une commande.
Pourquoi WordPress Studio devient-il incontournable en 2026 ?
WordPress Studio occupe désormais la place que MAMP et XAMPP tenaient il y a dix ans. La rupture n’est pas qu’esthétique : c’est une refonte technique complète qui change la vitesse de travail des développeurs et l’accessibilité du CMS pour les non-techniques.
Une rupture technique avec WebAssembly et SQLite
WordPress Studio est bâti sur WordPress Playground, qui exécute PHP directement dans l’application via WebAssembly. Pas de serveur Apache ou Nginx. Pas de MySQL : la base de données utilise SQLite, un moteur fichier ultra-léger. Le démarrage d’un site tombe sous la seconde, contre 30 à 60 secondes pour un Docker classique. Aucun processus en arrière-plan ne tourne quand vous n’utilisez pas l’outil. Aucune dépendance système à gérer.
Ce choix d’architecture supprime trois douleurs historiques du dev WordPress local. Première douleur : la configuration manuelle de PHP, MySQL, vhosts. Deuxième : le syndrome « ça marche sur ma machine » quand l’environnement local diffère de la prod. Troisième : la lourdeur des conteneurs Docker qui occupent plusieurs gigaoctets et ralentissent la machine. WordPress Studio règle les trois en une seule installation gratuite.
Le positionnement face à LocalWP, MAMP et DevKinsta
Avant 2024, le marché du dev WordPress local se partageait entre LocalWP (par WP Engine), MAMP, XAMPP et DevKinsta. Tous reposaient sur des stacks LAMP/MAMP traditionnels avec leurs lenteurs. WordPress Studio renverse l’équation : 10 fois plus rapide au démarrage, zéro configuration, intégration native avec WordPress.com et Pressable. Sa version 1.7.5 (avril 2026) est disponible pour Mac Intel, Mac Apple Silicon, Windows x64 et Windows ARM64. La version Linux est en cours de développement public sur GitHub.
Une adoption portée par WordPress.com et Automattic
L’outil est entièrement open source sous licence GPLv2, hébergé sur GitHub à Automattic/studio. Cette transparence rassure les agences qui veulent éviter le verrouillage propriétaire. WordPress propulse 43,5 % des sites mondiaux, et son éditeur officiel pousse désormais Studio comme l’environnement de référence pour les développeurs. Cette stratégie d’intégration progressive prépare l’écosystème à l’arrivée des agents IA.
Quelles sont les fonctions clés de WordPress Studio ?
Au-delà de la performance, WordPress Studio embarque un ensemble de fonctions qui en font un environnement de production complet, et plus seulement un bac à sable.
Création et import de sites en quelques secondes
La création d’un nouveau site se fait en deux clics : nom du site, valider. Studio génère une instance WordPress complète avec le dernier core stable, prête à recevoir thèmes et plugins. L’import est tout aussi simple : tout site WordPress existant peut être tiré en local depuis WordPress.com, Pressable, ou via une archive. Pour une agence qui gère 20 sites clients, importer chaque site sur la même machine devient trivial. La fonction sync inverse, la production push, fonctionne aussi en deux clics pour pousser les modifications locales vers le site live.
Sync push et pull avec WordPress.com et Pressable
La fonction Studio Sync est le différenciateur le plus important pour les workflows pros. Elle permet de pousser ou tirer du contenu, des thèmes, des plugins entre votre environnement local et un site WordPress.com (plan Business minimum) ou Pressable. Le sync préserve la structure de la base de données, gère les conflits de fichiers et journalise chaque opération. Cette intégration explique le choix de Studio par les freelances qui hébergent leurs clients sur WordPress.com.
Preview Sites pour la validation client
Studio génère une URL temporaire publique qui expose votre site local sur internet. Cette fonction Preview Sites évite de pousser un travail en cours sur un staging Hostinger ou OVH juste pour montrer une maquette à un client. Le lien est partageable, sécurisé, et expire automatiquement. Pour une agence qui valide 5 prototypes par semaine avec différents clients, le gain de temps cumulé dépasse 10 heures par mois. Cette logique de prévisualisation rapide s’intègre bien dans nos pipelines de création de site web automatisés.
Studio CLI et AI Assistant intégré
Le 25 avril 2026, Automattic a publié Studio CLI sur npm. La commande studio devient accessible depuis n’importe quel terminal sans ouvrir l’application desktop. Vous créez un site avec studio create monsite, lancez WP-CLI directement avec studio wp
phpMyAdmin et accès direct aux fichiers
Studio expose phpMyAdmin pour ceux qui préfèrent l’interface SQL classique. Vous accédez aussi à wp-content directement depuis l’OS, ce qui permet d’utiliser n’importe quel éditeur (VS Code, Cursor, Sublime). Cette ouverture distingue Studio des outils SaaS verrouillés et le rend compatible avec n’importe quel workflow de développement existant.
En pratique
Pour basculer de LocalWP vers WordPress Studio sans perdre vos sites : exportez chaque site LocalWP en archive .zip, ouvrez Studio, choisissez « Import site », glissez l’archive. Studio recompose la base SQLite et les fichiers en moins d’une minute par site. Comptez 15 minutes pour migrer une dizaine de projets, contre plusieurs heures avec un outil traditionnel.
Pourquoi associer Claude Code à WordPress Studio ?
Claude Code est l’agent en ligne de commande d’Anthropic. WordPress Studio fournit l’environnement local. Le couplage des deux donne un développeur WordPress senior disponible en commande terminal, qui lit le code, modifie les fichiers, exécute les commandes WP-CLI et teste le résultat sans intervention humaine.
Le serveur MCP officiel de Studio
WordPress Studio expose un serveur MCP (Model Context Protocol) intégré qui permet à un agent IA d’accéder aux fonctions Studio : créer un site, exécuter du WP-CLI, prendre une capture d’écran. La configuration se trouve dans Settings → MCP de l’application. Pour Claude Code et Codex, la commande terminale est directe :
claude mcp add wordpress-studio --command studio --args mcp
Cette intégration officielle, documentée par WordPress.com Developer Resources, supprime la friction des installations manuelles et des application passwords. L’agent voit immédiatement le contexte du site et peut agir.
Studio Code : l’agent WordPress dédié, lancé en beta le 27 avril 2026
Le 27 avril 2026, Automattic a publié Studio Code en beta sur le blog WordPress.com. Studio Code est un agent CLI conçu pour WordPress, construit sur la technologie de Claude Code. La commande studio code lance un terminal interactif où l’agent connaît block themes, WP-CLI, validation de blocs Gutenberg face au vrai éditeur, et capture d’écran pour vérifier son propre travail.
Le différenciateur : Studio Code boucle son feedback. Il lance une commande, vérifie la sortie, ajuste, recommence jusqu’à obtenir le résultat attendu. Un agent généraliste comme Claude Code brut ne peut pas faire tourner un environnement local ni valider visuellement un bloc Gutenberg. Studio Code intègre ces capacités. Il propose aussi des skills dédiés comme /need-for-speed pour l’audit de performance.
Le rôle des skills et instructions Claude
WordPress Studio reconnaît les fichiers d’instructions agent (CLAUDE.md, AGENTS.md) placés dans le répertoire du site. Ces fichiers expliquent à l’agent comment travailler avec votre site spécifique : conventions de nommage, plugins critiques, hooks personnalisés, structure du theme.json. Combiné aux skills SKILL.md d’Anthropic, le système devient extensible. Pour aller plus loin, consultez notre guide complet des skills et plugins Claude.
Évaluez votre maturité IA en 5 minutes avec notre Diagnostic IA gratuit.
Comment installer WordPress Studio et Claude Code étape par étape ?
L’installation complète prend 15 à 20 minutes pour un débutant, 5 à 10 minutes pour un développeur expérimenté. Voici la procédure validée sur macOS Sonoma et Windows 11 en avril 2026.
Étape 1 : installer WordPress Studio
Téléchargez la dernière version sur developer.wordpress.com/studio. Quatre installeurs sont proposés : Mac Intel (DMG), Mac Apple Silicon (DMG), Windows x64, Windows ARM64. Choisissez celui qui correspond à votre architecture. Sur Mac, glissez l’application dans le dossier Applications. Sur Windows, lancez l’installeur et suivez les étapes.
Au premier lancement, Studio propose de créer un site démo. Cliquez Create new site, donnez-lui un nom (par exemple « test-claude-code »). Le site démarre en moins d’une seconde. L’URL locale s’affiche, par défaut http://localhost:8881 ou un port voisin. Cliquez WP Admin pour accéder au tableau de bord WordPress. À ce stade, Studio est opérationnel.
Étape 2 : installer Claude Code
Claude Code s’installe via le natif installer Anthropic. Sur le site code.claude.com, téléchargez l’installeur correspondant à votre OS. Sur Mac, vous pouvez aussi passer par Homebrew avec brew install claude-code. Sur Windows, l’installeur ajoute Claude Code au PATH automatiquement. Vérifiez l’installation en ouvrant un terminal et en tapant claude –version. La version doit s’afficher.
Authentifiez-vous ensuite avec votre compte Anthropic. La première commande claude lancée dans un terminal ouvre une page de login navigateur. Connectez-vous avec votre abonnement Claude Pro, Max ou Team. Le coût démarre à 20 dollars par mois pour l’usage basique.
Étape 3 : connecter le serveur MCP de Studio à Claude Code
Ouvrez WordPress Studio, allez dans Settings → MCP. Studio affiche une configuration JSON prête à copier. Pour Claude Code, lancez la commande suivante dans un terminal :
claude mcp add-json wordpress-studio --scope user '{"command":"studio","args":["mcp"]}'
Cette commande enregistre le serveur MCP au niveau utilisateur (toutes vos sessions Claude Code y auront accès). Pour limiter à un projet, retirez –scope user. Vérifiez la connexion en ouvrant Claude Code dans un dossier et en tapant /mcp. Vous devez voir wordpress-studio dans la liste avec le statut connected.
Étape 4 : tester avec un premier prompt
Dans Studio, ouvrez votre site test. Dans un terminal, naviguez dans le dossier wp-content du site (chemin visible dans Studio sous Site path) et lancez claude. Tapez votre premier prompt :
Crée un plugin nommé hdvma-bouton-whatsapp qui ajoute un bouton flottant WhatsApp en bas à droite de toutes les pages, lien vers tel:+33625343425, couleur #00C2B2, icône WhatsApp blanche.
Claude Code crée le dossier du plugin, le fichier PHP principal, le CSS, et propose d’activer le plugin via WP-CLI. Validez chaque étape. Rafraîchissez votre site dans le navigateur : le bouton apparaît. Délai typique pour ce premier test : 3 à 5 minutes. Cette logique d’agent autonome rejoint celle de notre approche de refonte de site WordPress par IA.
Étape 5 : alternative Studio Code en beta
Si vous voulez tester Studio Code, l’agent WordPress dédié, installez d’abord Studio CLI via npm install -g @automattic/studio. Puis lancez studio code dans le dossier de votre site. L’agent démarre directement avec le contexte WordPress chargé. Cette voie est encore en beta, en évolution rapide, donc à privilégier pour expérimenter, pas pour la production critique.
| Étape | Commande ou action | Durée |
|---|---|---|
| Installer Studio | Télécharger DMG ou EXE depuis developer.wordpress.com/studio | 2-3 min |
| Installer Claude Code | Installer Mac/Windows ou brew install claude-code | 2-3 min |
| Connecter MCP | claude mcp add-json wordpress-studio … | 1 min |
| Tester avec prompt | claude dans le dossier du site, demander un plugin | 3-5 min |
| Alternative Studio Code | npm install -g @automattic/studio puis studio code | 5 min |
Quels cas d’usage concrets pour WordPress Studio et Claude Code ?
L’installation faite, voici 8 cas d’usage testés en production en 2026, avec le prompt type associé. Chaque cas couvre un besoin métier réel rencontré chez nos clients PME et indépendants.
Cas 1 à 3 : développement de plugins et thèmes
Premier cas : création d’un plugin custom métier. Prompt type : « Crée un plugin de calculateur de devis pour un plombier, formulaire avec type de prestation, surface en m2, urgence, qui affiche un prix estimatif avec coefficients configurables en backoffice. » Délai : 15 à 30 minutes pour un plugin fonctionnel. Deuxième cas : conversion d’un thème classic en block theme. Prompt : « Convertis le thème actuel en block theme, conserve la palette de couleurs et la typographie, génère theme.json et part templates pour header, footer, single post. » Troisième cas : création de blocs Gutenberg réutilisables. Prompt : « Crée un bloc Gutenberg de tableau de prix avec 3 colonnes, ratio 1:1.2:1, bouton CTA en bas, support du dark mode. »
Cas 4 à 6 : import et migration
Quatrième cas : import d’un site WordPress existant pour audit. Workflow : exporter le site live, importer dans Studio, demander à Claude Code « audit complet du site, identifie les plugins inactifs, les options orphelines, les pages 404, les images non optimisées, génère un rapport markdown ». Cinquième cas : refonte d’un site existant en local. Refonte 100 % offline puis push vers la prod via Studio Sync une fois validée. Sixième cas : migration multi-sites. Importer 10 sites clients en parallèle, lancer un audit groupé, identifier les problèmes communs (versions PHP obsolètes, plugins vulnérables).
Cas 7 et 8 : automatisation et intégration n8n
Septième cas : publication automatisée d’articles SEO/GEO. Studio héberge le site staging, n8n appelle l’API REST WordPress pour publier les articles générés par Claude, gpt-image-2 fournit les visuels, validation finale en local avant push prod. C’est exactement le pipeline qui propulse BoatCible avec +320 % de trafic organique en 18 mois. Huitième cas : tests de plugins et thèmes en CI/CD. Studio CLI s’intègre dans une pipeline CI où chaque commit déclenche un site Studio frais, applique les modifications, lance les tests Playwright et publie un rapport. Cette intégration s’imbrique dans notre offre SEO et GEO automatisée.
En pratique
Pour démarrer un cas d’usage concret aujourd’hui : ouvrez Studio, créez un site « test-pipeline », ouvrez claude dans le dossier wp-content. Tapez « Lis la structure du site, propose 5 améliorations de performance et applique celles que tu juges sûres ». Claude lit les plugins actifs, le thème, les options, et applique les optimisations triviales (compression images, lazy loading, désactivation revisions excessives). Délai 8 à 12 minutes.
Quelles limites et bonnes pratiques pour ce duo en production ?
Le duo WordPress Studio + Claude Code est puissant, mais il a ses limites. Une utilisation professionnelle suppose de connaître les zones grises et d’appliquer quelques bonnes pratiques.
Trois limites à anticiper
Première limite : SQLite n’est pas MySQL. La plupart des plugins fonctionnent identiquement, mais quelques-uns dépendent de fonctions MySQL spécifiques (full-text search, JSON columns avancés). Tester le plugin avec un sync vers un environnement MySQL avant le push prod. Deuxième limite : Studio Code reste en beta. La fonctionnalité évolue chaque semaine, certains comportements sont instables. Privilégier Claude Code via MCP pour les missions critiques. Troisième limite : l’API Abilities WordPress 6.9 expose peu de fonctions par défaut. Pour étendre les capacités de l’agent, installer le MCP Adapter plugin et activer manuellement les abilities sensibles. Cette friction sera levée dans les prochaines versions.
Cinq bonnes pratiques validées en production
Première : commencer en read-only. Configurez d’abord l’agent en lecture seule, faites lui auditer le site, lire les logs, comprendre la structure. Activez l’écriture seulement quand vous avez confiance dans les outputs. Deuxième : verser CLAUDE.md à la racine. Documentez les conventions de votre projet (plugins critiques à ne pas toucher, hooks à respecter, conventions de nommage). L’agent gagne en pertinence dès le premier prompt. Troisième : tester systématiquement en local avant production. Studio est conçu pour ça. Aucun raccourci direct vers la prod sans validation locale.
Quatrième : journaliser tous les prompts. Sauvegardez vos commandes dans un fichier .claude/history.md du projet. Vous pourrez réutiliser, partager, ou auditer les actions de l’agent a posteriori. Cinquième : limiter les Application Passwords aux capacités strictement nécessaires. Pour les sites de production accessibles via MCP HTTP, créez des utilisateurs dédiés avec des rôles restreints (Editor au lieu d’Administrator si possible).
Cette approche se combine avec les stratégies détaillées dans nos analyses sur les solutions de design IA pour WordPress, le panorama complet du design web par IA et les bonnes pratiques d’ingénierie agentique avec Claude Code. Ensemble, ces approches forment un système de production WordPress moderne et maîtrisé.
Méthodologie
Cet article s’appuie sur les données publiées par WordPress.com Blog, le dépôt GitHub Automattic/studio, la documentation MCP on Studio et le WordPress Developer Blog, consultées en avril 2026. Les commandes ont été testées sur macOS Sonoma et Windows 11.
📞 Appelez Eric au 06 25 34 34 25
Diagnostic IA gratuit · Nous contacter · SEO & GEO automatisé
Questions fréquentes sur WordPress Studio et Claude Code
Qu’est-ce que WordPress Studio exactement ?
WordPress Studio est un environnement de développement local gratuit et open source publié par Automattic en avril 2024. Il fait tourner WordPress directement via WebAssembly et SQLite, sans Docker ni MySQL. Le démarrage d’un site prend moins d’une seconde. Disponible sur Mac Intel, Mac Apple Silicon, Windows x64 et Windows ARM64. Version Linux en cours de développement public sur GitHub. Licence GPLv2, code source visible sur Automattic/studio.
WordPress Studio est-il vraiment gratuit ?
Oui. WordPress Studio est 100 % gratuit, sans abonnement, sans freemium déguisé. Le code source est ouvert sous licence GPLv2. Les fonctions premium des outils concurrents (sync prod, preview public, AI Assistant) sont toutes incluses sans surcoût. Seule contrainte : le sync vers WordPress.com nécessite un plan Business minimum côté hébergement, mais Studio lui-même reste gratuit. Pas de carte bancaire demandée à l’installation.
Quelle différence entre Studio CLI, Studio Code et Claude Code ?
Studio CLI est l’interface en ligne de commande de WordPress Studio publiée sur npm en avril 2026. Elle permet de gérer les sites Studio sans interface graphique. Studio Code est un agent CLI dédié WordPress lancé en beta le 27 avril 2026, construit sur la technologie de Claude Code. Claude Code est l’agent de code généraliste d’Anthropic. Studio Code embarque le savoir-faire WordPress (block themes, WP-CLI, validation Gutenberg) que Claude Code seul ne possède pas.
Comment connecter Claude Code à WordPress Studio via MCP ?
Une commande terminal suffit : claude mcp add-json wordpress-studio –scope user ‘{« command »: »studio », »args »:[« mcp »]}’. Cette commande enregistre le serveur MCP au niveau utilisateur. Vérifiez la connexion en ouvrant Claude Code et en tapant /mcp : wordpress-studio doit apparaître avec le statut connected. Une fois connecté, Claude peut créer des sites Studio, exécuter du WP-CLI et prendre des captures d’écran.
WordPress Studio fonctionne-t-il sur Linux ?
Pas encore en version stable. La version officielle 1.7.5 d’avril 2026 supporte Mac Intel, Mac Apple Silicon, Windows x64 et Windows ARM64. La version Linux est en cours de développement public sur GitHub Automattic/studio. Les utilisateurs Linux peuvent suivre l’avancement et contribuer aux pull requests. En attendant, l’alternative recommandée est WordPress Playground en navigateur ou DDEV pour les développeurs Linux.
WordPress Studio remplace-t-il LocalWP, MAMP ou XAMPP ?
Pour la majorité des cas d’usage WordPress, oui. Studio démarre un site en moins d’une seconde contre 30 à 60 secondes pour un Docker classique, ne consomme aucune ressource quand inactif, et n’exige aucune dépendance système. La migration depuis LocalWP se fait par export d’archive .zip puis import dans Studio en moins d’une minute par site. Reste l’argument du choix de stack PHP/MySQL spécifique pour des projets non-WordPress qui privilégie XAMPP ou MAMP.
Peut-on déployer un site Studio directement en production ?
Oui, via Studio Sync vers WordPress.com (plan Business minimum) ou Pressable. Le sync préserve la base de données, gère les conflits de fichiers et journalise chaque opération. Pour un déploiement vers un autre hébergeur (OVH, Hostinger, Kinsta), exportez le site Studio en archive et utilisez un plugin de migration comme All-in-One WP Migration ou Duplicator. Studio ne propose pas de sync direct hors WordPress.com et Pressable à date d’avril 2026.
Claude Code peut-il modifier mon site WordPress en production directement ?
Oui via le MCP Adapter et un Application Password, mais c’est déconseillé sur production critique. La bonne pratique est : tirer le site en local avec Studio Sync, laisser Claude Code agir sur l’environnement local, valider, puis pousser via sync inverse. Pour un site de production accessible directement via MCP HTTP, créez un utilisateur dédié avec un rôle restreint (Editor plutôt qu’Administrator) et activez seulement les abilities nécessaires.
Combien coûte le duo WordPress Studio + Claude Code par mois ?
WordPress Studio est gratuit. Claude Code démarre à 20 dollars par mois pour un abonnement Claude Pro qui couvre l’usage individuel basique. Pour un usage agence ou entreprise, Claude Max et Claude Team montent à 200 et 30 dollars par utilisateur respectivement. Total minimal pour un freelance : 20 dollars par mois. Comparaison : LocalWP gratuit + un développeur freelance facturent 60 à 100 euros par heure pour les mêmes tâches.
Studio Code en beta est-il prêt pour la production ?
Pas encore. Studio Code a été publié en beta le 27 avril 2026 et évolue chaque semaine. Certains comportements restent instables, certaines commandes échouent silencieusement. À utiliser pour expérimenter, prototyper et donner du feedback sur GitHub. Pour les missions critiques en production, utilisez Claude Code couplé au serveur MCP Studio, plus mature et stabilisé. Studio Code mûrira sur les prochains mois.
![]() | Eric Christophe, dirigeant HDVMA Expert SEO et automatisation IA. Accompagne PME et ETI françaises dans leur stratégie de visibilité Google et IA. Cas phare : BoatCible, +320 % de trafic organique en 18 mois, cité par ChatGPT et Perplexity. LinkedIn |
Diag IA gratuit
Nous contacter
Parler à Eric




