{"id":82475,"date":"2026-02-18T08:16:24","date_gmt":"2026-02-18T07:16:24","guid":{"rendered":"https:\/\/kinsta.com\/fr\/?p=82475&#038;preview=true&#038;preview_id=82475"},"modified":"2026-02-19T15:11:05","modified_gmt":"2026-02-19T14:11:05","slug":"blocs-wordpress-telex","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/","title":{"rendered":"Construire des blocs WordPress avec Telex"},"content":{"rendered":"<p><a href=\"https:\/\/telex.automattic.ai\/\">Telex<\/a> est un outil exp\u00e9rimental gratuit d&rsquo;Automattic, bas\u00e9 sur un navigateur, qui utilise l&rsquo;intelligence artificielle pour g\u00e9n\u00e9rer des <a href=\"https:\/\/kinsta.com\/fr\/blog\/blocs-gutenberg\/\">blocs WordPress<\/a> \u00e0 partir d&rsquo;invites en langage naturel.<\/p>\n<p>Au lieu de mettre en place un <a href=\"https:\/\/kinsta.com\/fr\/devkinsta\/\">environnement de d\u00e9veloppement local<\/a>, de configurer des outils de construction et d&rsquo;\u00e9chafauder un bloc \u00e0 la main, Telex vous permet de d\u00e9crire ce que vous voulez, de pr\u00e9visualiser le r\u00e9sultat et de t\u00e9l\u00e9charger une extension pr\u00eate \u00e0 \u00eatre install\u00e9e.<\/p>\n<p>Cet article explore ce \u00e0 quoi ressemble ce flux de travail dans la pratique et quels types de blocs il est r\u00e9aliste d&rsquo;utiliser aujourd&rsquo;hui. \u00c0 l&rsquo;aide de deux exemples r\u00e9els, dont un bloc plus complexe r\u00e9serv\u00e9 \u00e0 l&rsquo;\u00e9diteur, nous examinons jusqu&rsquo;o\u00f9 Telex peut vous emmener et o\u00f9 une intervention manuelle est encore n\u00e9cessaire.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/01\/telex-ui.png\" alt=\"Interface utilisateur de Telex.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Interface utilisateur de Telex.<\/figcaption><\/figure>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Telex ne remplace pas la compr\u00e9hension de l&rsquo;\u00e9diteur de blocs WordPress ou de l&rsquo;architecture des blocs. Il agit plut\u00f4t comme un acc\u00e9l\u00e9rateur.<\/p>\n<\/aside>\n\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Comment Telex fonctionne en pratique<\/h2>\n<p>Telex suit un flux de travail \u00e0 la cha\u00eene. Vous d\u00e9crivez le bloc que vous souhaitez en utilisant le langage naturel, puis Telex fait correspondre cette demande \u00e0 un bloc WordPress pr\u00e9d\u00e9fini bas\u00e9 sur l&rsquo;outil standard de cr\u00e9ation de blocs.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/01\/how-telex-works-e1768826046392.png\" alt=\"Comment fonctionne Telex.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Comment fonctionne Telex.<\/figcaption><\/figure>\n<p>A partir de l\u00e0, l&rsquo;IA remplit les d\u00e9tails tels que les <a href=\"https:\/\/kinsta.com\/fr\/blog\/meta-descriptions-wordpress\/\">m\u00e9tadonn\u00e9es<\/a> du bloc, l&rsquo;interface utilisateur de l&rsquo;\u00e9diteur, la logique de rendu et le style de base dans le cadre de ces contraintes. Le bloc est ensuite construit dans un environnement <a href=\"https:\/\/kinsta.com\/fr\/blog\/qu-est-ce-que-node-js\/\">Node.js<\/a> h\u00e9berg\u00e9, pr\u00e9visualis\u00e9 dans <a href=\"https:\/\/kinsta.com\/fr\/blog\/explorer-wordpress-playground\/\">WordPress Playground<\/a>, et empaquet\u00e9 comme une extension ZIP pr\u00eate \u00e0 \u00eatre t\u00e9l\u00e9charg\u00e9e.<\/p>\n<p>Sous le capot, l&rsquo;extension g\u00e9n\u00e9r\u00e9e suit une structure famili\u00e8re, \u00e9troitement align\u00e9e avec <code>create-block<\/code>:<\/p>\n<pre><code class=\"language-bash\">block-name\/\n\u251c\u2500\u2500 build\/\n\u251c\u2500\u2500 src\/\n\u2502   \u251c\u2500\u2500 edit.js\n\u2502   \u251c\u2500\u2500 save.js\n\u2502   \u251c\u2500\u2500 index.js\n\u2502   \u251c\u2500\u2500 style.scss\n\u2502   \u2514\u2500\u2500 editor.scss\n\u251c\u2500\u2500 block.json\n\u251c\u2500\u2500 package.json\n\u251c\u2500\u2500 readme.md\n\u2514\u2500\u2500 .gitignore<\/code><\/pre>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-plain\">\n        <p>Parce que Telex g\u00e8re l&rsquo;\u00e9chafaudage, la construction et l&#8217;emballage pour vous, il n&rsquo;y a pas besoin d&rsquo;installer Node.js, de configurer des outils de construction, ou d&rsquo;ex\u00e9cuter des <a href=\"https:\/\/kinsta.com\/fr\/docs\/devkinsta\/wp-cli\/\">commandes WP-CLI<\/a> juste pour commencer.<\/p>\n<p>Il n&rsquo;y a pas non plus besoin d&rsquo;un environnement de d\u00e9veloppement local pour g\u00e9n\u00e9rer un bloc, bien qu&rsquo;un tel environnement soit toujours recommand\u00e9 pour le raffinement de la production.<\/p>\n<\/aside>\n\n<p>Construisons notre premier des deux blocs.<\/p>\n<h3>Codage vibe d&rsquo;un bloc Embed ChatGPT<\/h3>\n<p>Vous vous souvenez peut-\u00eatre de l&rsquo;\u00e9poque o\u00f9 il \u00e9tait courant de voir un champ de recherche Google int\u00e9gr\u00e9 \u00e0 une page web, permettant aux utilisateurs d&rsquo;effectuer des recherches sur un site ou sur le web. Si vous avez besoin de fournir ce genre d&rsquo;exp\u00e9rience \u00e0 vos utilisateurs, mais cette fois avec une entr\u00e9e <a href=\"https:\/\/kinsta.com\/fr\/blog\/chatgpt-wordpress\/\">ChatGPT<\/a>, voici comment.<\/p>\n<p>C&rsquo;est un excellent point de d\u00e9part, car vous pouvez vous concentrer sur l&rsquo;utilisation de l&rsquo;interface utilisateur de Telex sans trop vous soucier d&rsquo;un raffinement rapide ou d&rsquo;it\u00e9rations multiples.<\/p>\n<p>Commencez en tant qu&rsquo;utilisateur connect\u00e9 avec vos identifiants <a href=\"http:\/\/wordpress.com\">wordPress.com<\/a>, et vous pouvez d\u00e9crire votre message initial. Voici ce que nous avons utilis\u00e9 :<\/p>\n<pre><code class=\"language-bash\">We would like to create a block that embeds the ChatGPT prompt to allow users to use it on the frontend.<\/code><\/pre>\n<p>Voir l&rsquo;interface ci-dessous :<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/01\/telex-input-prompt.png\" alt=\"Invite initiale de saisie de Telex.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Invite initiale de saisie de Telex.<\/figcaption><\/figure>\n<p>Telex cr\u00e9e le bloc d&rsquo;int\u00e9gration ChatGPT, qui comprend la bo\u00eete de saisie de l&rsquo;invite, l&rsquo;affichage de l&rsquo;historique des messages et un style qui correspond \u00e0 l&rsquo;esth\u00e9tique de ChatGPT.<\/p>\n<p>A ce stade, le bloc affiche un message d&rsquo;erreur dans l&rsquo;interface utilisateur de l&rsquo;\u00e9diteur.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/01\/block-displaying-error-message.png\" alt=\"Bloc affichant un message d'erreur.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Bloc affichant un message d&rsquo;erreur.<\/figcaption><\/figure>\n<p>Nous avons demand\u00e9 \u00e0 Telex de r\u00e9soudre le probl\u00e8me et avons \u00e9t\u00e9 guid\u00e9s pour g\u00e9n\u00e9rer une cl\u00e9 API ChatGPT et l&rsquo;ajouter au bloc via la colonne lat\u00e9rale de l&rsquo;inspecteur. Dans ce cas, nous avons estim\u00e9 que l&rsquo;utilisation d&rsquo;une API externe pour le bloc n&rsquo;introduisait pas de risque de s\u00e9curit\u00e9 injustifi\u00e9.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/01\/block-inspector.png\" alt=\"Cl\u00e9 API ChatGPT ajout\u00e9e \u00e0 l'inspecteur de bloc.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Cl\u00e9 API ChatGPT ajout\u00e9e \u00e0 l&rsquo;inspecteur de bloc.<\/figcaption><\/figure>\n<p>Enfin, nous avons effectu\u00e9 un test rapide sur le frontend pour confirmer que tout fonctionnait comme pr\u00e9vu.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/01\/frontend-displaying-initial-prompt-response.png\" alt=\"Frontend affichant l'invite et la r\u00e9ponse initiales.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Frontend affichant l&rsquo;invite et la r\u00e9ponse initiales.<\/figcaption><\/figure>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Cette approche ne convient qu&rsquo;\u00e0 des fins d&rsquo;exp\u00e9rimentation. Le stockage des cl\u00e9s API dans les attributs de bloc ou les contr\u00f4les Inspector n&rsquo;est pas recommand\u00e9 pour les sites de production.<\/p>\n<\/aside>\n\n<h3>Codage Vibe d&rsquo;un bloc Social Draft<\/h3>\n<p>Pour notre deuxi\u00e8me exemple, poussons Telex un peu plus loin en construisant un bloc interne pour la r\u00e9daction de messages sur les m\u00e9dias sociaux (un bloc qui permet au contenu d&rsquo;\u00eatre \u00e9crit, r\u00e9vis\u00e9 et export\u00e9 pour \u00eatre planifi\u00e9 sans avoir besoin d&rsquo;un outil de collaboration s\u00e9par\u00e9 ou d&rsquo;un plan d&rsquo;\u00e9quipe payant).<\/p>\n<p>Nous pouvons commencer par cette invite de configuration :<\/p>\n<pre><code class=\"language-bash\">Build a custom WordPress block named \u2018Social Draft\u2019. We will give you further instructions after you set up.<\/code><\/pre>\n<p>Au lieu de surcharger Telex d&rsquo;instructions, il est souvent pr\u00e9f\u00e9rable d&rsquo;utiliser un autre outil d&rsquo;IA (comme ChatGPT) pour d\u00e9finir d&rsquo;abord un ensemble solide d&rsquo;exigences. Il s&rsquo;agit notamment de d\u00e9finir vos objectifs, l&rsquo;aspect de l&rsquo;interface, la mani\u00e8re dont les donn\u00e9es sont stock\u00e9es, la mani\u00e8re dont les utilisateurs interagissent avec le syst\u00e8me, et bien d&rsquo;autres choses encore. Voici un extrait de la r\u00e9ponse de ChatGPT :<\/p>\n<pre><code class=\"language-bash\">Goal\nBuild an editor-only WordPress block that acts as an internal content-prep tool for drafting social media posts, similar to a lightweight Google Docs workflow. The block should support text, links, images, and video embeds, along with platform selection, alternative versions of the copy, post status, notes, and an export panel optimized for copying content into a social publishing platform.\n\nThe block must not render anything on the frontend. It should exist solely for editor workflows, with save() returning null.\n\nEditor UI\nThe main draft area (\u201cCopy\u201d) should be implemented using InnerBlocks rather than a single RichText field, allowing paragraphs, images, embeds, and lists. An option to add two alternative versions of the copy should be available, each with the same flexibility as the main draft. Simple one-time duplication controls should allow content to be copied between sections when needed.\nAdditional controls include platform selection via checkboxes, a single status field (Draft, Ready for review, Scheduled, or Not used), and a plain-text notes field.\n\nAn export panel should extract plain text from the selected draft or alternative, ignore media, and provide a one-click way to copy the result. Detected media (images and embeds) can be listed for reference, but are not included in the copied output.\nAll data should be stored within the block using attributes and InnerBlocks. No external APIs are required.<\/code><\/pre>\n<p>Lorsque nous avons donn\u00e9 cela \u00e0 Telex, le r\u00e9sultat \u00e9tait l&rsquo;interface utilisateur comme pr\u00e9vu, mais le bloc Social Draft ne pouvait pas s&rsquo;afficher dans la zone de contenu.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/01\/bloc-ui-missing-content-area.png\" alt=\"Le bloc UI n'appara\u00eet pas dans la zone de contenu.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Le bloc UI n&rsquo;appara\u00eet pas dans la zone de contenu.<\/figcaption><\/figure>\n<p>Souvent, il faut passer par plusieurs it\u00e9rations lors du codage Vibe, et c&rsquo;est ce qui s&rsquo;est pass\u00e9.<\/p>\n<p>Telex a identifi\u00e9 des probl\u00e8mes li\u00e9s \u00e0 la mani\u00e8re dont les InnerBlocks \u00e9taient initialis\u00e9s et a tent\u00e9 de restructurer le bloc pour r\u00e9soudre le probl\u00e8me de rendu. Ces premi\u00e8res tentatives n&rsquo;ont pas abouti et le bloc ne s&rsquo;affichait toujours pas correctement dans l&rsquo;\u00e9diteur.<\/p>\n<p>\u00c0 ce stade, nous avons demand\u00e9 \u00e0 Telex s&rsquo;il pouvait traiter notre demande, car nous perdions confiance. Nous avons r\u00e9p\u00e9t\u00e9 que toute l&rsquo;interface utilisateur \u00e9tait expos\u00e9e, \u00e0 l&rsquo;exception de ce dont nous avions besoin (la possibilit\u00e9 d&rsquo;ajouter et d&rsquo;afficher le bloc).<\/p>\n<p>Telex a r\u00e9pondu :<\/p>\n<pre><code class=\"language-bash\">I completely understand your frustration, and yes, I can absolutely do this.I can see the problem - the useBlockProps is being applied but the block isn't rendering visible content in the canvas. The issue is that while we have all the controls and structure, the block wrapper isn't being properly rendered as a visible container. Let me fix this by ensuring the block has proper structure and visibility.<\/code><\/pre>\n<p>Nous avons finalement obtenu notre interface utilisateur et avons commenc\u00e9 une enqu\u00eate rapide.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/01\/social-media-post-data.png\" alt=\"Bloc de donn\u00e9es des m\u00e9dias sociaux.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Bloc de donn\u00e9es des m\u00e9dias sociaux.<\/figcaption><\/figure>\n<p>Apr\u00e8s de nombreuses autres am\u00e9liorations, nous avons obtenu un bloc fonctionnel dans lequel nous avons r\u00e9alis\u00e9 notre MVP.<\/p>\n<figure style=\"width: 1001px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2026\/01\/social-draft-block.png\" alt=\"Un MVP fonctionnel pour notre bloc de brouillons sociaux.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Un MVP fonctionnel pour notre bloc de brouillons sociaux.<\/figcaption><\/figure>\n<h2>Inconv\u00e9nients et solutions de contournement<\/h2>\n<p>Telex a parcouru un long chemin en peu de temps, mais d\u00e8s que vous commencez \u00e0 l&rsquo;utiliser au-del\u00e0 de simples exp\u00e9riences, quelques limitations deviennent apparentes. La plupart d&rsquo;entre elles ne sont pas bloquantes, mais elles d\u00e9terminent comment et quand Telex est le mieux utilis\u00e9.<\/p>\n<ol start=\"1\">\n<li>Il n&rsquo;y a pas de moyen int\u00e9gr\u00e9 d&rsquo;annuler une invite. Vous pouvez demander \u00e0 Telex d&rsquo;annuler un changement, mais une approche plus fiable consiste \u00e0 sauvegarder les invites sous forme de texte ou de Markdown, de version des fichiers ZIP t\u00e9l\u00e9charg\u00e9s, ou d&rsquo;utiliser Git une fois que vous avez d\u00e9plac\u00e9 le bloc localement.<\/li>\n<li>Telex (re)g\u00e9n\u00e8re imm\u00e9diatement le bloc apr\u00e8s que vous ayez soumis une invite, sans possibilit\u00e9 d&rsquo;annuler ou de restaurer les versions pr\u00e9c\u00e9dentes. Pour \u00e9viter une action non d\u00e9sir\u00e9e, demandez \u00e0 Telex, \u00ab Comment feriez-vous&#8230; \u00bb pour votre invite avant de construire, r\u00e9essayer, ou une commande similaire.<\/li>\n<li>Telex n&rsquo;est pas un IDE. Bien que vous puissiez visualiser le code source g\u00e9n\u00e9r\u00e9, il n&rsquo;y a aucun moyen de l&rsquo;\u00e9diter directement dans Telex.<\/li>\n<li>Telex est mieux adapt\u00e9 au brainstorming et au prototypage. Pour une utilisation en production, il est pr\u00e9f\u00e9rable de le limiter \u00e0 des blocs tr\u00e8s simples o\u00f9 les int\u00e9grations externes, la logique complexe ou les questions de s\u00e9curit\u00e9 et de performance ne sont pas une priorit\u00e9.<\/li>\n<\/ol>\n<h2>Prochaines \u00e9tapes de la construction de blocs avec l&rsquo;IA<\/h2>\n<p>Telex offre un aper\u00e7u de la fa\u00e7on dont l&rsquo;IA peut s&rsquo;int\u00e9grer dans le d\u00e9veloppement moderne de WordPress. Elle r\u00e9duit le co\u00fbt de l&rsquo;exp\u00e9rimentation, raccourcit la distance entre l&rsquo;id\u00e9e et le prototype, et rend l&rsquo;\u00e9chafaudage de blocs plus accessible.<\/p>\n<p>En m\u00eame temps, les exemples pr\u00e9sent\u00e9s ici montrent que la compr\u00e9hension de l&rsquo;\u00e9diteur de blocs est toujours importante.<\/p>\n<p>Une fois qu&rsquo;un bloc est pr\u00eat \u00e0 aller au-del\u00e0 de l&rsquo;exp\u00e9rimentation, avoir un <a href=\"https:\/\/kinsta.com\/fr\/hebergement-wordpress\/\">environnement WordPress fiable <\/a><a href=\"https:\/\/kinsta.com\/fr\/hebergement-wordpress\/\">comme Kinsta<\/a> facilite les tests, les it\u00e9rations et les livraisons en toute confiance.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Telex est un outil exp\u00e9rimental gratuit d&rsquo;Automattic, bas\u00e9 sur un navigateur, qui utilise l&rsquo;intelligence artificielle pour g\u00e9n\u00e9rer des blocs WordPress \u00e0 partir d&rsquo;invites en langage naturel. &#8230;<\/p>\n","protected":false},"author":313,"featured_media":82476,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1028],"class_list":["post-82475","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-developpement-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cr\u00e9ation de blocs WordPress avec Telex<\/title>\n<meta name=\"description\" content=\"Un aper\u00e7u pratique de la cr\u00e9ation de blocs WordPress avec Telex, comprenant des exemples concrets, les limitations et les cas o\u00f9 son utilisation est pertinente.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Construire des blocs WordPress avec Telex\" \/>\n<meta property=\"og:description\" content=\"Un aper\u00e7u pratique de la cr\u00e9ation de blocs WordPress avec Telex, comprenant des exemples concrets, les limitations et les cas o\u00f9 son utilisation est pertinente.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-02-18T07:16:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-19T14:11:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2026\/02\/building-a-wordpress-block-weith-telex.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1470\" \/>\n\t<meta property=\"og:image:height\" content=\"735\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Bud Kraus\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Un aper\u00e7u pratique de la cr\u00e9ation de blocs WordPress avec Telex, comprenant des exemples concrets, les limitations et les cas o\u00f9 son utilisation est pertinente.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2026\/02\/building-a-wordpress-block-weith-telex-1024x512.png\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bud Kraus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/\"},\"author\":{\"name\":\"Bud Kraus\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed\"},\"headline\":\"Construire des blocs WordPress avec Telex\",\"datePublished\":\"2026-02-18T07:16:24+00:00\",\"dateModified\":\"2026-02-19T14:11:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/\"},\"wordCount\":1531,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2026\/02\/building-a-wordpress-block-weith-telex.png\",\"inLanguage\":\"fr-FR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/\",\"name\":\"Cr\u00e9ation de blocs WordPress avec Telex\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2026\/02\/building-a-wordpress-block-weith-telex.png\",\"datePublished\":\"2026-02-18T07:16:24+00:00\",\"dateModified\":\"2026-02-19T14:11:05+00:00\",\"description\":\"Un aper\u00e7u pratique de la cr\u00e9ation de blocs WordPress avec Telex, comprenant des exemples concrets, les limitations et les cas o\u00f9 son utilisation est pertinente.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2026\/02\/building-a-wordpress-block-weith-telex.png\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2026\/02\/building-a-wordpress-block-weith-telex.png\",\"width\":1470,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"D\u00e9veloppement WordPress\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/developpement-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Construire des blocs WordPress avec Telex\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed\",\"name\":\"Bud Kraus\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g\",\"caption\":\"Bud Kraus\"},\"description\":\"Bud Kraus has been working with WordPress as an in-class and online instructor, site developer, and content creator since 2009. He has produced instructional videos and written many articles for WordPress businesses.\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/budkraus\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Cr\u00e9ation de blocs WordPress avec Telex","description":"Un aper\u00e7u pratique de la cr\u00e9ation de blocs WordPress avec Telex, comprenant des exemples concrets, les limitations et les cas o\u00f9 son utilisation est pertinente.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/","og_locale":"fr_FR","og_type":"article","og_title":"Construire des blocs WordPress avec Telex","og_description":"Un aper\u00e7u pratique de la cr\u00e9ation de blocs WordPress avec Telex, comprenant des exemples concrets, les limitations et les cas o\u00f9 son utilisation est pertinente.","og_url":"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2026-02-18T07:16:24+00:00","article_modified_time":"2026-02-19T14:11:05+00:00","og_image":[{"width":1470,"height":735,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2026\/02\/building-a-wordpress-block-weith-telex.png","type":"image\/png"}],"author":"Bud Kraus","twitter_card":"summary_large_image","twitter_description":"Un aper\u00e7u pratique de la cr\u00e9ation de blocs WordPress avec Telex, comprenant des exemples concrets, les limitations et les cas o\u00f9 son utilisation est pertinente.","twitter_image":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2026\/02\/building-a-wordpress-block-weith-telex-1024x512.png","twitter_creator":"@kinsta_fr","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Bud Kraus","Dur\u00e9e de lecture estim\u00e9e":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/"},"author":{"name":"Bud Kraus","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed"},"headline":"Construire des blocs WordPress avec Telex","datePublished":"2026-02-18T07:16:24+00:00","dateModified":"2026-02-19T14:11:05+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/"},"wordCount":1531,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2026\/02\/building-a-wordpress-block-weith-telex.png","inLanguage":"fr-FR"},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/","url":"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/","name":"Cr\u00e9ation de blocs WordPress avec Telex","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2026\/02\/building-a-wordpress-block-weith-telex.png","datePublished":"2026-02-18T07:16:24+00:00","dateModified":"2026-02-19T14:11:05+00:00","description":"Un aper\u00e7u pratique de la cr\u00e9ation de blocs WordPress avec Telex, comprenant des exemples concrets, les limitations et les cas o\u00f9 son utilisation est pertinente.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2026\/02\/building-a-wordpress-block-weith-telex.png","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2026\/02\/building-a-wordpress-block-weith-telex.png","width":1470,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/blocs-wordpress-telex\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"D\u00e9veloppement WordPress","item":"https:\/\/kinsta.com\/fr\/sujets\/developpement-wordpress\/"},{"@type":"ListItem","position":3,"name":"Construire des blocs WordPress avec Telex"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed","name":"Bud Kraus","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4720f5a00a3f527eda2576d524728bc2?s=96&d=mm&r=g","caption":"Bud Kraus"},"description":"Bud Kraus has been working with WordPress as an in-class and online instructor, site developer, and content creator since 2009. He has produced instructional videos and written many articles for WordPress businesses.","url":"https:\/\/kinsta.com\/fr\/blog\/author\/budkraus\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/82475","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/313"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=82475"}],"version-history":[{"count":4,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/82475\/revisions"}],"predecessor-version":[{"id":82480,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/82475\/revisions\/82480"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/82475\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/82475\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/82475\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/82475\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/82475\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/82475\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/82475\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/82475\/translations\/es"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/82475\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/82476"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=82475"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=82475"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=82475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}