Créez un Site WordPress avec Claude en 2026
Découvrez comment utiliser l’IA et le MCP (Model Context Protocol) pour créer des sites web professionnels en quelques minutes, sans coder
0Introduction
Normalement, créer un site web signifie choisir un thème, se battre avec les mises en page, déplacer des sections pendant 6 heures, puis l’optimiser pour les mobiles. Mais nous sommes en 2026, alors on va laisser l’IA le faire pour nous !
💡 Le Problème avec l’IA
La plupart des gens créent un site avec l’IA et n’arrêtent pas d’envoyer des requêtes : « agrandis le bouton », « déplace cette section », « change l’espacement »… Après 45 requêtes, le site finit par être pire qu’au début !
La bonne méthode : Créer le design avec Claude, puis l’importer dans WordPress pour le personnaliser correctement. Une fois dans WordPress, plus besoin de tâtonner avec des requêtes. Vous pourrez tout modifier grâce à un constructeur de page gratuit.
1Configuration de Claude Desktop
Pour connecter Claude à WordPress via MCP, vous avez besoin de la version bureau de Claude. La version navigateur ne fonctionnera pas.
📥 Téléchargement
Rendez-vous sur claude.ai/download et téléchargez la version desktop pour votre système d’exploitation (Windows, Mac ou Linux).
Le Prompt Parfait
Voici la structure du prompt optimisé après 2 jours de tests :
💡 Conseil Pro
Insérez des mots-clés spécifiques dans votre prompt. Sinon, l’IA va générer du contenu générique. Par exemple, pour un agent immobilier à Las Vegas : « service immobilier Las Vegas, agent immobilier Las Vegas, maisons à vendre Las Vegas ».
Génération du Site
Une fois le prompt envoyé, Claude va créer un site HTML complet en 3-5 minutes. Le résultat inclura :
- Page d’accueil avec hero section et call-to-action
- Page À propos présentant votre entreprise
- Page Services détaillant vos offres
- Page Portfolio/Annonces avec galerie filtrable
- Page Contact avec formulaire
2Installation de WordPress
Nous allons utiliser Hostinger pour héberger votre site. C’est simple, rapide et abordable.
🎁 Code Promo
Utilisez le code DARIEL10 pour obtenir 10% de réduction sur tous les forfaits Hostinger.
Choix du Forfait
Je recommande le forfait Business pour plusieurs raisons :
- Hébergement jusqu’à 50 sites
- Stockage NVMe (plus rapide que SSD)
- Nom de domaine gratuit inclus
- Garantie satisfait ou remboursé 30 jours
💰 Tarifs
• Forfait 48 mois : ~200€ (meilleure offre)
• Forfait 12 mois : ~50€/an (idéal pour débuter)
Installation WordPress
Une fois l’hébergement acheté :
- Cliquez sur « Créer un site »
- Choisissez WordPress
- Créez vos identifiants (notez-les !)
- Sélectionnez votre nom de domaine gratuit
- Remplissez vos coordonnées de propriétaire
- Choisissez la localisation de votre public cible
L’installation prend quelques minutes. Profitez-en pour jouer au petit jeu proposé par Hostinger !
⚠️ Important
Vérifiez vos emails ! Vous recevrez deux messages : un pour vérifier votre compte Hostinger et un autre pour vérifier votre nom de domaine. Sans cette vérification, votre compte sera fermé sous 30 jours.
3Extensions et Configuration MCP
Pour importer votre design Claude dans WordPress, nous avons besoin de plusieurs extensions.
Extensions à Installer
1. Elementor
Le constructeur de page gratuit. C’est lui qui permettra de modifier visuellement votre site.
2. WPForms
Pour créer des formulaires de contact professionnels.
3. X Pro Theme Builder
Cette extension gratuite permet de créer des headers et footers personnalisés avec Elementor. Indispensable car Elementor gratuit ne le permet pas nativement.
4. Nova Mira (Extension MCP)
C’est l’extension clé qui connecte WordPress à Claude. Elle permet à l’IA de comprendre et d’utiliser Elementor.
Téléchargez-la depuis le site officiel et installez-la via « Extensions > Ajouter > Téléverser une extension ».
Configuration Elementor
Avant d’importer, ajustez ces paramètres dans Elementor > Réglages :
- Désactivez l’Atomic Editor (outil expérimental)
- Activez les Conteneurs (Flexbox) dans l’onglet Fonctionnalités
Installation de Node.js
Parfois, Claude construit des parties du site en React. Pour éviter les erreurs d’export, installez Node.js depuis nodejs.org.
Connexion MCP
Voici la procédure pour connecter Claude à WordPress :
- Dans WordPress, allez dans Nova Mira > Configuration
- Cochez « Activer les capacités d’IA »
- Générez un mot de passe d’application
- Cliquez sur « Besoin du config JSON pour un client spécifique »
- Sélectionnez « Claude Desktop » et copiez le code JSON
- Ouvrez Claude Desktop > Paramètres > Développeur > Modifier la config
- Ouvrez le fichier
claude_desktop_config.json - Remplacez tout le contenu par le code copié
- Enregistrez (pas « Enregistrer sous » !)
- Redémarrez Claude Desktop
✅ Vérification
Après redémarrage, retournez dans Paramètres > Développeur. Vous devriez voir le MCP en cours d’exécution. La connexion est établie !
4Conversion vers WordPress
Retournez sur Claude et envoyez ce prompt de conversion :
Claude va prendre 10-15 minutes pour convertir tout le site. Il vous demandera des autorisations : cliquez sur « Toujours autoriser ».
🐛 Résolution des Problèmes Courants
Header/Footer non affichés : Parfois, Claude crée les templates mais ne les publie pas. Allez dans X Pro, éditez le header et le footer, puis cliquez sur « Publier ».
Problèmes d’alignement : Si des éléments sont mal positionnés, sélectionnez le conteneur Flexbox et changez l’alignement sur « Centré » ou désactivez « Wrap ».
5Ajustements Finaux
Une fois l’import terminé, voici les ajustements courants à faire dans Elementor :
Problèmes de Flexbox
- Espace vide excessif : Sélectionnez le conteneur > Alignement > Centré
- Éléments qui wrap : Désactivez l’option « Wrap » dans les paramètres Flexbox
- Images de fond : Remplacez les URLs externes par vos propres images uploadées
Remplacement des Widgets HTML
Parfois, Claude insère des widgets HTML personnalisés quand il ne trouve pas l’élément Elementor équivalent. Remplacez-les par :
- Témoignages → Widget « Testimonial »
- Profils équipe → Widget « Image Box » ou « Profile »
- Boutons → Widget « Button » natif
🎨 Personnalisation
Maintenant que tout est dans Elementor, vous pouvez modifier :
- Les textes en cliquant directement dessus
- Les couleurs dans l’onglet Style
- Les images en les remplaçant
- Les espacements dans l’onglet Avancé
🎬Voir le Tutoriel Vidéo Complet
Regardez la vidéo complète pour suivre toutes les étapes en direct et voir les démonstrations pratiques.
6Conclusion
Félicitations ! Vous avez créé un site WordPress professionnel avec l’aide de Claude AI en utilisant le MCP. Cette méthode combine la puissance de l’IA pour la création initiale et la flexibilité de WordPress pour les ajustements.
🚀 Avantages de cette Méthode
- Gain de temps : Plus besoin de coder ou de passer des heures sur le design
- Qualité professionnelle : Design moderne et responsive dès le départ
- Contrôle total : Modifiez tout facilement dans Elementor
- SEO friendly : Structure optimisée dès la création