Telex transforme chacun en créateur de blocs WordPress

Développeur WordPress depuis plus de dix ans, j’ai eu l’occasion de créer toutes sortes de blocs : des simples boutons d’appel à l’action ou blocs d’icônes jusqu’aux formulaires complexes et aux diaporamas. Mais soyons honnêtes : ce n’est pas toujours simple. Construire un bloc demande une bonne compréhension du fonctionnement interne de WordPress, ainsi qu’une maîtrise de React, JavaScript, PHP et d’autres technologies.

Des outils comme create-block simplifient un peu la tâche. Les éditeurs de code dopés à l’IA, comme Cursor, ou les assistants tels que Claude Code, permettent aussi d’aller plus vite. Avec la bonne configuration, on peut réduire pas mal de complexité. Mais il faut tout de même fournir à l’IA un contexte spécifique à WordPress et faire les raccords soi-même. Autant dire que cela reste accessible aux développeurs, mais pas vraiment aux autres.

Et si on pouvait tout simplement éviter cette complexité ? C’est exactement ce que propose Telex.

Qu’est-ce que Telex ?

Telex est un outil expérimental développé par l’équipe IA d’Automattic. Son principe est simple : vous décrivez en langage naturel le bloc dont vous avez besoin, et Telex le génère pour vous, prêt à l’emploi.

Telex s’adresse à tout le monde :

• Les propriétaires de sites qui veulent ajouter une fonctionnalité personnalisée pour leur site ou tester une idée rapidement.
• Les agences et freelances qui ont besoin de prototypes express ou de petits blocs utilitaires pour leurs clients.
• Les développeurs confirmés qui souhaitent un point de départ solide, dans un vrai contexte WordPress, avec un code qu’ils peuvent ensuite affiner.
• Les développeurs débutants qui apprennent plus facilement en manipulant un exemple concret et en explorant le code généré.

En coulisses, Telex emballe chaque bloc dans une extension autonome et vous en montre un aperçu directement dans votre navigateur, grâce à WordPress Playground. Aucun réglage local n’est nécessaire. Vous pouvez ensuite affiner le bloc avec de courtes instructions, modifier le code directement, télécharger l’extension et l’installer sur votre site. Il est même possible de partager votre création via un simple lien.

Telex reste un projet expérimental : les résultats peuvent varier et vous croiserez sans doute quelques bugs en chemin. Mais c’est justement l’intérêt : voir comment l’IA peut réellement simplifier la création de blocs et rendre le processus plus fluide. Ce n’est pas un « constructeur de site » basé sur l’IA, mais plutôt un assistant pour créer rapidement de petits outils fonctionnels sous forme de blocs.

Et la bonne nouvelle : Telex est gratuit. Vous pouvez générer autant de blocs que vous voulez.

Comment créer des blocs avec Telex

Commencez par réfléchir à ce que vous aimeriez construire. Il peut s’agir d’une petite fonctionnalité qui manque à votre site, ou simplement d’une idée amusante pour tester les capacités de Telex. Comme il s’agit d’un projet expérimental, l’exploration et les essais sont encouragés. Vous pouvez aussi jeter un œil aux projets mis en avant sur la page d’accueil de Telex pour trouver de l’inspiration.

Pour cet article, je me suis mis dans la peau d’un blogueur culinaire. J’avais envie de partager une recette de cookies aux pépites de chocolat, avec une liste d’ingrédients interactive :

• Les lecteurs peuvent cocher les ingrédients au fur et à mesure.
• Ils peuvent multiplier la recette par 2, 3, ou 4 grâce à un petit sélecteur intégré.
• Un bouton permet de copier la liste complète dans le presse-papiers.
• Dans l’éditeur, je veux saisir mes ingrédients dans une table avec trois colonnes : quantité, unité et ingrédient, et pouvoir réorganiser ou supprimer des lignes facilement.

J’ai donc soumis cette consigne (prompt) à Telex :

Crée un bloc de liste d’ingrédients pour un blog culinaire qui affichera les ingrédients pour une recette. Les lecteurs doivent pouvoir cocher les ingrédients, copier la liste dans le presse-papiers et ajuster les quantités en multipliant par 2, 3 ou 4. Dans l’éditeur, je veux saisir les ingrédients dans une table avec trois colonnes (quantité, unité, ingrédient), avec la possibilité de réorganiser (vers le haut ou vers le bas) et supprimer des lignes via des boutons.

J’ai ensuite cliqué sur Build (Construire), et Telex s’est mis au travail.

Plus votre consigne initiale est précise, meilleurs seront les résultats. Mais rien n’empêche de tester rapidement avec une consigne plus simple pour voir ce que ça donne. Vous pouvez créer autant de blocs que vous le souhaitez, même en parallèle, en ouvrant plusieurs onglets.

En deux minutes environ, j’avais un bloc WordPress fonctionnel avec toutes les options demandées. Dans l’éditeur, ma table d’ingrédients apparaissait avec les boutons d’action, exactement comme prévu.

Côté interface publique, toutes les fonctionnalités étaient présentes, même si le style nécessitait encore quelques ajustements. C’est là qu’interviennent les consignes de suivi (prompts), qui permettent d’affiner le rendu.

Je préfère en général qu’un bloc hérite directement des styles de mon thème. Je voulais aussi que les ingrédients cochés apparaissent en texte barré, et que les quantités soient affichées sous forme d’entiers ou de fractions quand c’est possible. Enfin, pour rendre l’expérience plus ludique, j’ai imaginé une animation de confettis qui se déclenche lorsque tous les ingrédients sont cochés.

J’ai géré chaque changement avec plusieurs courtes consignes de suivi, que j’ai saisies dans Telex :

Simplifions le style pour que la liste d’ingrédients hérite des styles actuels du thème.

Sur l’interface publique, lorsque le lecteur coche un ingrédient, appliquez également du texte barré.

Convertissez les quantités d’ingrédients en nombres entiers ou en fractions sur l’interface publique lorsque c’est possible. Pas de décimales, s’il vous plaît.

Pour le plaisir, lorsque le lecteur coche tous les éléments de la liste des ingrédients, déclenchez une animation de confettis.

Je recommande de donner une tâche à la fois à Telex dans vos consignes de suivi. Après quatre itérations, une pour chacune des tâches ci-dessus, mon bloc de liste d’ingrédients ressemblait à ceci :

Vous pouvez également modifier le code directement, pratique pour des changements rapides et ciblés. C’est aussi un excellent moyen d’apprendre comment le bloc est construit.

Dans mon cas, j’ai voulu personnaliser un peu l’aspect des boutons du sélecteur de portions et mettre à jour la table dans l’éditeur, alors je suis passé à la vue Code et j’ai ajusté manuellement les fichiers style.scss et editor.scss.

Voici le résultat final. Il m’a fallu environ 10 minutes au total pour tout mettre en place.

Remarque : Telex n’est pas déterministe. Si vous testez les mêmes consignes que celles décrites ici, attendez-vous à des résultats légèrement différents. Aucun bloc ne sera exactement identique.

Bien sûr, j’aurais pu continuer à itérer : par exemple ajouter des données structurées JSON-LD pour améliorer le référencement, ou encore intégrer la conversion automatique des unités en système métrique. Les possibilités sont quasi infinies.

Une fois satisfait de votre bloc, vous avez deux options : utilisez le bouton Download (Télécharger) pour obtenir le fichier zip de l’extension, ou cliquez sur le bouton Share (Partager). Ce dernier copie un lien unique dans votre presse-papiers. Toute personne disposant de ce lien peut alors consulter votre bloc dans Telex, sans avoir besoin de se connecter.

Voici le bloc que j’ai construit pour cet article :

Si vous cliquez sur le lien d’aperçu ci-dessus, vous pourrez également télécharger le bloc de liste d’ingrédients sous forme de fichier zip, tout comme si vous aviez créé le bloc vous-même. Vous pouvez ensuite l’installer sur n’importe quel site WordPress qui prend en charge l’installation d’extensions, ou le tester localement en utilisant WordPress Studio.

À noter : l’interface de Telex et sa page de présentation sont disponibles uniquement en anglais pour l’instant. Vous pouvez cependant saisir vos consignes dans la langue de votre choix.

Résolution de problèmes et limites connues

Telex est encore expérimental, il est donc normal de rencontrer quelques accrocs. Parfois, l’IA peut faire une mauvaise supposition ou générer du code qui ne fonctionne pas. C’est un comportement assez courant avec ce type d’outils.

Si vous voyez apparaître un avertissement comme celui ci-dessous, pas de panique : continuez à itérer. Vous pouvez demander directement à Telex de corriger l’erreur précise, ou copier les détails dans une nouvelle consigne en décrivant le résultat attendu. Vous pouvez poser autant de questions de suivi que nécessaire. Et si ça bloque vraiment, lancez une nouvelle session et reformulez vos besoins.

Il existe de multiples façons de créer un bloc dans WordPress, et l’expérience avec Telex consiste aussi à identifier les points qui méritent d’être améliorés. Par exemple, les blocs qui nécessitent des sous-blocs ne sont pas encore pris en charge. Un diaporama avec un bloc parent « Diaporama » et des blocs enfants « Diapositive » est un cas classique, mais Telex aura du mal à le générer correctement.

Si vous tombez sur un scénario où Telex échoue plusieurs fois à répondre à votre demande, n’hésitez pas à nous le signaler dans les commentaires ou via le formulaire de retour intégré. Partager votre consigne, le message d’erreur et une brève description de ce que vous vouliez créer aidera l’équipe à améliorer l’outil.

Continuez à expérimenter

Telex n’est qu’un premier aperçu de la manière dont l’IA peut rendre la création de blocs WordPress plus accessible. Nous allons continuer à l’enrichir en fonction de ce que vous construisez et des retours que vous partagez. Créez un bloc, publiez votre lien d’aperçu et dites-nous ce qui a fonctionné… et ce qui mérite d’être amélioré.

Parmi les idées à venir, nous envisageons : un historique des versions, des aperçus visuels pour rendre la liste de projets plus claire, la possibilité d’importer et personnaliser des blocs existants, et bien d’autres évolutions, grandes ou petites.

Ensemble, nous pouvons rendre le développement de blocs WordPress plus rapide, plus simple et accessible à tous.