Connecter Claude AI a votre site WordPress via MCP
Apprenez a automatiser la creation de pages, d’articles et la gestion de votre site WordPress simplement en discutant avec Claude grace au protocole MCP.
Qu’est-ce que MCP et pourquoi l’utiliser ?
Le Model Context Protocol (MCP) est un protocole qui permet de connecter Claude AI directement a vos outils et applications. Dans ce tutoriel, nous allons l’utiliser pour creer une passerelle entre Claude et votre site WordPress, vous permettant ainsi de gerer votre contenu de maniere quasi-automatique.
Imaginez pouvoir creer des pages, modifier des articles, recuperer des listes de contenus, le tout simplement en discutant avec Claude comme vous le feriez avec un assistant. C’est exactement ce que permet cette integration.
Creation de contenu
Generer des articles et pages completes en quelques secondes
Edition rapide
Modifier le contenu existant par simple conversation
Design de sections
Reproduire des designs web a partir d’une simple capture d’ecran
Automatisation
Executer des taches repetitives sans quitter Claude
Installation du plugin WordPress MCP
L’equipe d’Automattic a developpe un plugin officiel permettant cette connexion. Notez qu’il est actuellement disponible nativement sur WordPress.com, mais fonctionne egalement sur les sites WordPress.org auto-heberges.
Recuperer le plugin
- 1
Telecharger le plugin
Rendez-vous sur le depot GitHub (lien en description) et telechargez la derniere version du plugin WordPress MCP au format ZIP.
- 2
Installer sur WordPress
Dans votre administration WordPress, allez dans Extensions > Ajouter > Televerser une extension, puis selectionnez le fichier ZIP telecharge.
- 3
Activer les fonctionnalites
Apres activation, accedez aux reglages du plugin et activez les options : Enable MCP Functionality, Enable Create Tools et Enable Update Tools.
Les outils natifs inclus permettent notamment : get_post pour recuperer un article, add_post pour en ajouter un, et bien d’autres fonctionnalites pour interagir avec votre WordPress.
Configuration de Claude Desktop
Pour etablir la connexion, vous aurez besoin de Claude Desktop, la version installable de Claude disponible sur Mac et Windows. Voici comment configurer la connexion.
Generer un token d’authentification
Dans les reglages du plugin WordPress MCP, vous trouverez une section pour creer un token. Choisissez une duree suffisante (30 jours est recommande) pour eviter d’avoir a renouveler frequemment la configuration.
"mcpServers": {
"wordpress-mcp": {
"command": "node",
"args": ["..."],
"env": {
"JWT_TOKEN": "votre_token_ici",
"OPTIONAL_PATH_TO_LOG_FILE": "/dev/null"
}
}
}
Remplacez obligatoirement la valeur par defaut de OPTIONAL_PATH_TO_LOG_FILE par /dev/null, sinon vous rencontrerez une erreur qui empechera le fonctionnement.
Finaliser la configuration
- 1
Ouvrir le fichier de config
Dans Claude Desktop, allez dans Parametres > Developpeur > Modifier la config. Le fichier s’ouvrira dans votre explorateur.
- 2
Coller le snippet
Copiez le code fourni dans la documentation du plugin et collez-le entre les crochets du fichier de configuration.
- 3
Remplacer le token
Remplacez la valeur du champ JWT_TOKEN par votre token copie precedemment depuis WordPress.
- 4
Redemarrer Claude
Fermez completement Claude Desktop et relancez-le. Verifiez que le connecteur WordPress-MCP apparait dans la liste des connecteurs.
Usage 1 : Reproduire un design web
L’un des usages les plus impressionnants de cette connexion MCP est la possibilite de reproduire des designs web a partir d’une simple capture d’ecran. Voici comment proceder.
Creer un skill personnalise
Pour obtenir des resultats optimaux, il est recommande de creer un « skill » (competence) personnalise. Il s’agit d’un fichier Markdown contenant des directives precises pour que Claude genere le code dans le bon format.
Des repos GitHub proposent deja des skills pre-configures pour Generate Blocks, Elementor et d’autres constructeurs de pages. Consultez la description de la video pour les liens.
Le workflow en pratique
Avant
Apres
Exemple de prompt
Creer une nouvelle page sur WordPress avec un hero similaire a l'image jointe.
Tu vas egalement chercher une image libre de droits proche de celle de l'image jointe.
Tu utiliseras le skill Generate Blocks pour le hero.
Utilise des URLs Unsplash pour les images.Unsplash bloque l’acces aux outils d’IA pour le telechargement direct. En utilisant des URLs, votre site peut recuperer les images directement, que vous pourrez ensuite telecharger et remplacer localement.
Usage 2 : Gerer les articles de blog
Le deuxieme cas d’usage concerne la gestion des articles. Claude peut creer, modifier et mettre a jour vos contenus de maniere contextuelle.
Creer des articles en masse
Vous pouvez demander a Claude de creer plusieurs articles sur un meme sujet, avec des angles differents. Par exemple : trois articles sur l’actualite iranienne avec des perspectives neutre, droite et gauche.
Publie trois articles sur mon WordPress sur ce qui se passe actuellement en Iran.
Ces articles d'une longueur de 300 mots maximum aborderont les elements selon des points de vue :
- biaise oriente extreme droite
- extreme gauche
- le plus neutre possibleTu vas creer une categorie "Actualite" qui comportera ces trois articles.Mise a jour contextuelle
L’un des points forts de cette approche est la capacite de Claude a analyser le contenu existant et a le mettre a jour de maniere coherente. Dans une nouvelle conversation, vous pouvez lui demander de modifier des articles publies precedemment.
Analyse du contexte
Claude lit et comprend le contenu existant avant d’apporter des modifications
Modifications ciblees
Ajoutez des citations, des paragraphes ou restructurez selon vos besoins
L’ajout d’images via URL depuis Claude n’est pas encore pleinement supporte. Les images devront etre ajoutees manuellement ou via un workflow complementaire.
Conclusion et perspectives
Cette integration MCP entre Claude et WordPress ouvre des perspectives considerable pour automatiser et accelerer votre workflow de creation de contenu. Les deux usages presentes ici ne representent que la partie emergee de l’iceberg.
Ce qu’il faut retenir
- !
Un gain de temps considerable
Ce qui prenait 20-30 minutes peut maintenant etre realise en 2-3 minutes, avec quelques ajustements manuels.
- !
Une installation simple
Le plugin officiel d’Automattic rend la configuration accessible meme aux debutants.
- !
Des possibilites infinies
Avec les skills personnalises, vous pouvez adapter Claude a n’importe quel constructeur de pages ou workflow specifique.
Il est possible de creer des skills beaucoup plus complexes pour des workflows avances. Si le sujet vous interesse, des ressources supplementaires seront disponibles sur le blog de l’auteur.
Regarder le tutoriel video
Suivez Adrien en direct pour reproduire chaque etape