Comment créer un plugin WordPress avec l'IA facilement

Découvrez Cursor et WordPress Studio

Est-ce que vous vous souvenez de notre Tutoriel sur Claude Code et WordPress Studio pour créer un Plugin ? Bien que cette option soit excellente, l'utilisation du terminal peut effrayer les débutants. Heureusement, nous avons trouvé une alternative visuelle bien plus confortable.

L'éditeur de Code IA nommé Cursor propose une version gratuite idéale pour débuter sereinement. Cet outil populaire existe depuis 2023 et il reste un pilier majeur du mouvement de programmation assistée par IA. Les outils modernes nous permettent de décrire une extension en langage clair et d'obtenir un résultat fonctionnel rapidement.

En associant cet éditeur à un environnement WordPress local gratuit, nous pouvons concevoir et tester nos projets directement sur notre machine. Cette configuration évite de toucher à un site en production avant d'avoir validé les fonctionnalités. Nous allons voir ensemble comment installer et lier ces deux outils.

Avez-vous déjà testé des générateurs de Code auparavant ?

Configurez votre premier projet local

Après la création de votre compte, l'application Cursor s'ouvre directement devant vous. L'interface peut vous suggérer l'installation de quelques extensions de base selon vos besoins spécifiques. Nous pouvons ignorer cette étape pour accéder immédiatement à l'écran de création du premier projet.

Lancez WordPress Studio et créez un nouveau site local en cliquant sur le bouton d'ajout. Choisissez l'option pour concevoir un site vide et donnez-lui le nom de votre choix. Le nom par défaut convient parfaitement pour notre premier essai.

Une fois le site prêt, ouvrez l'onglet des réglages et copiez le chemin d'accès local des fichiers. Ouvrez ensuite Cursor, cliquez sur le bouton d'ouverture de projet et sélectionnez ce dossier précis. Vous obtenez alors les fichiers du site d'un côté et la fenêtre de discussion de l'agent de l'autre.

Générez et activez le plugin

Nous y voilà, il est temps de demander à notre agent Cursor de concevoir notre première extension. Nous devons simplement lui fournir les instructions et le contexte nécessaires dans la boîte de dialogue. Par exemple, demandez-lui de créer un widget de tableau de bord affichant un message de bienvenue.

Appuyez sur Entrée pour que l'outil analyse l'environnement et génère automatiquement le dossier requis. Vous pouvez valider les modifications en cliquant sur le bouton de confirmation. Cursor s'occupe de toute la structure PHP sans la moindre erreur de syntaxe.

Retournez ensuite sur WordPress Studio et cliquez sur le bouton d'administration pour ouvrir votre tableau de bord. Rendez-vous dans la section des extensions pour activer votre toute nouvelle création en un clic. Vous verrez immédiatement le widget s'afficher sur votre page principale.

Ajoutez des fonctionnalités avancées

Nous pouvons désormais enrichir notre extension en y ajoutant des fonctionnalités plus complexes. Pourquoi ne pas afficher un message personnalisé selon le rôle de l'utilisateur connecté ? Retournez dans l'interface de discussion de Cursor et formulez cette nouvelle demande.

Pour obtenir de meilleurs résultats, nous pouvons connecter notre agent au serveur MCP de WordPress.com. Cette liaison permet à l'IA de vérifier directement les rôles existants sur vos sites distants. Il suffit de chercher le connecteur dans le catalogue et de l'installer.

Une fenêtre de navigation va s'ouvrir pour vous demander l'autorisation de connexion. Une fois validée, l'agent peut interagir en temps réel avec votre compte externe. Il vous posera parfois des questions pour cibler uniquement vos sites de production.