{"id":74527,"date":"2026-02-18T04:18:56","date_gmt":"2026-02-18T07:18:56","guid":{"rendered":"https:\/\/kinsta.com\/pt\/?p=74527&#038;preview=true&#038;preview_id=74527"},"modified":"2026-02-23T05:36:27","modified_gmt":"2026-02-23T08:36:27","slug":"blocos-wordpress-com-telex","status":"publish","type":"post","link":"https:\/\/kinsta.com\/pt\/blog\/blocos-wordpress-com-telex\/","title":{"rendered":"Criando blocos do WordPress com o Telex"},"content":{"rendered":"<p>O <a href=\"https:\/\/telex.automattic.ai\/\">Telex<\/a> \u00e9 uma ferramenta experimental gratuita, baseada no navegador, da Automattic, que usa IA para gerar <a href=\"https:\/\/kinsta.com\/pt\/blog\/blocos-personalizados-gutenberg\/\">blocos do WordPress<\/a> a partir de prompts em linguagem natural.<\/p>\n<p>Em vez de configurar um <a href=\"https:\/\/kinsta.com\/pt\/devkinsta\/\">ambiente de desenvolvimento local<\/a>, configurar ferramentas de build e criar manualmente a estrutura de um bloco, o Telex permite que voc\u00ea descreva o que deseja, visualize o resultado e fa\u00e7a o download de um plugin pronto para instala\u00e7\u00e3o.<\/p>\n<p>Este artigo explora como esse fluxo de trabalho funciona na pr\u00e1tica e para quais tipos de blocos ele \u00e9 realmente adequado hoje. Usando dois exemplos reais, incluindo um bloco mais complexo apenas para o editor, analisamos at\u00e9 onde o Telex pode levar voc\u00ea e onde a interven\u00e7\u00e3o manual ainda \u00e9 necess\u00e1ria.<\/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 do usu\u00e1rio do Telex\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Interface do usu\u00e1rio do Telex.<\/figcaption><\/figure>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>O Telex n\u00e3o substitui o entendimento do editor de blocos do WordPress ou da arquitetura de blocos. Em vez disso, ele atua como um acelerador.<\/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>Como o Telex funciona na pr\u00e1tica<\/h2>\n<p>O Telex segue um fluxo de trabalho no estilo linha de montagem. Voc\u00ea descreve o bloco que deseja usando linguagem natural, e o Telex mapeia essa solicita\u00e7\u00e3o para uma estrutura predefinida de bloco do WordPress, baseada na ferramenta padr\u00e3o create-block.<\/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=\"Como o Telex funciona.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Como o Telex funciona.<\/figcaption><\/figure>\n<p>A partir da\u00ed, a IA preenche os detalhes, como os <a href=\"https:\/\/kinsta.com\/pt\/blog\/meta-description-wordpress\/\">metadados<\/a> do bloco, a interface do usu\u00e1rio do editor, a l\u00f3gica de renderiza\u00e7\u00e3o e a estiliza\u00e7\u00e3o b\u00e1sica dentro dessas restri\u00e7\u00f5es. O bloco \u00e9 ent\u00e3o criado em um ambiente <a href=\"https:\/\/kinsta.com\/pt\/blog\/o-que-e-node-js\/\">Node.js<\/a> hospedado, visualizado no <a href=\"https:\/\/kinsta.com\/pt\/blog\/wordpress-playground\/\">WordPress Playground<\/a> e empacotado como um plugin em formato ZIP pronto para ser carregado.<\/p>\n<p>Por tr\u00e1s dos bastidores, o plugin gerado segue uma estrutura familiar, fortemente alinhada ao <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>Como o Telex cuida da cria\u00e7\u00e3o da estrutura, da compila\u00e7\u00e3o e do empacotamento para voc\u00ea, n\u00e3o h\u00e1 necessidade de instalar Node.js, configurar ferramentas de build ou executar <a href=\"https:\/\/kinsta.com\/pt\/docs\/devkinsta\/wp-cli\/\">comandos WP-CLI<\/a> apenas para come\u00e7ar.<\/p>\n<p>Tamb\u00e9m n\u00e3o \u00e9 necess\u00e1rio um ambiente de desenvolvimento local para gerar um bloco, embora ainda seja recomendado para refinamento em produ\u00e7\u00e3o.<\/p>\n<\/aside>\n\n<p>Vamos criar o primeiro de dois blocos.<\/p>\n<h3>Vibe coding de um bloco Embed do ChatGPT<\/h3>\n<p>Voc\u00ea talvez se lembre de uma \u00e9poca em que era comum ver uma caixa de pesquisa do Google incorporada em uma p\u00e1gina da web, permitindo que os usu\u00e1rios pesquisassem um site ou a web. Se voc\u00ea precisa oferecer esse tipo de experi\u00eancia aos seus usu\u00e1rios, mas desta vez com entrada do <a href=\"https:\/\/kinsta.com\/pt\/blog\/chatgpt-wordpress\/\">ChatGPT<\/a>, veja como fazer.<\/p>\n<p>Este \u00e9 um \u00f3timo ponto de partida, pois voc\u00ea pode se concentrar em se familiarizar com a interface do Telex sem se preocupar muito com refinamento de prompts ou m\u00faltiplas itera\u00e7\u00f5es.<\/p>\n<p>Comece como um usu\u00e1rio conectado com credenciais do <a href=\"http:\/\/wordpress.com\">wordpress.com<\/a> e descreva seu prompt inicial. Aqui est\u00e1 o que usamos:<\/p>\n<pre><code class=\"language-bash\">Queremos criar um bloco que incorpore o prompt do ChatGPT para permitir que os usu\u00e1rios o utilizem no frontend.<\/code><\/pre>\n<p>Veja a interface abaixo:<\/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=\"Interface do Telex mostrando um prompt de entrada para configurar uma automa\u00e7\u00e3o.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Prompt inicial no Telex.<\/figcaption><\/figure>\n<p>O Telex cria o bloco de incorpora\u00e7\u00e3o do ChatGPT, que inclui o campo de entrada do prompt, exibi\u00e7\u00e3o do hist\u00f3rico de mensagens e estiliza\u00e7\u00e3o que corresponde \u00e0 est\u00e9tica do ChatGPT.<\/p>\n<p>Nesse ponto, o bloco exibe uma mensagem de erro na interface do editor.<\/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=\"Bloco exibindo mensagem de erro durante a execu\u00e7\u00e3o do fluxo de trabalho.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Bloco exibindo mensagem de erro.<\/figcaption><\/figure>\n<p>Pedimos ao Telex que resolvesse o problema e fomos orientados a gerar uma chave API do ChatGPT e adicion\u00e1-la ao bloco por meio da barra lateral do Inspetor. Neste caso, entendemos que o uso de uma API externa para o bloco n\u00e3o representava um risco de seguran\u00e7a indevido.<\/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=\"Painel do Inspector do bloco mostrando op\u00e7\u00f5es e configura\u00e7\u00f5es.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Chave de API do ChatGPT adicionada ao Inspector do bloco.<\/figcaption><\/figure>\n<p>Por fim, executamos um teste r\u00e1pido no frontend para confirmar que tudo estava funcionando conforme o esperado.<\/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 exibindo a resposta inicial gerada a partir de um prompt.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Frontend exibindo o prompt inicial e a resposta.<\/figcaption><\/figure>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Essa abordagem \u00e9 adequada apenas para experimenta\u00e7\u00e3o. Armazenar chaves de API em atributos de bloco ou em controles do Inspector n\u00e3o \u00e9 recomendado para sites em produ\u00e7\u00e3o.<\/p>\n<\/aside>\n\n<h3>Vibe coding de um bloco Social Draft<\/h3>\n<p>Para nosso segundo exemplo, vamos exigir um pouco mais do Telex criando um bloco interno para rascunho de publica\u00e7\u00f5es em redes sociais, algo que permita escrever, revisar e exportar conte\u00fado para agendamento sem precisar de uma ferramenta de colabora\u00e7\u00e3o separada ou de um plano pago para equipe.<\/p>\n<p>Podemos come\u00e7ar com este prompt de configura\u00e7\u00e3o:<\/p>\n<pre><code class=\"language-bash\">Crie um bloco personalizado do WordPress chamado \u201cSocial Draft\u201d. Forneceremos instru\u00e7\u00f5es adicionais ap\u00f3s a configura\u00e7\u00e3o inicial.<\/code><\/pre>\n<p>Em vez de sobrecarregar o Telex com instru\u00e7\u00f5es, geralmente \u00e9 melhor usar outra ferramenta de IA (como o ChatGPT) para elaborar um conjunto s\u00f3lido de requisitos primeiro. Isso inclui definir seus objetivos, como o frontend deve se comportar, como os dados ser\u00e3o armazenados, como os usu\u00e1rios interagem com o sistema e muito mais. Veja um trecho do que o ChatGPT retornou:<\/p>\n<pre><code class=\"language-bash\">Objetivo\nCriar um bloco apenas para o editor que funcione como uma ferramenta interna de prepara\u00e7\u00e3o de conte\u00fado para rascunhos de posts em redes sociais, semelhante a um fluxo de trabalho leve no Google Docs. O bloco deve oferecer suporte a texto, links, imagens e incorpora\u00e7\u00f5es de v\u00eddeo, al\u00e9m de sele\u00e7\u00e3o de plataforma, vers\u00f5es alternativas do texto, status do post, notas e um painel de exporta\u00e7\u00e3o otimizado para copiar o conte\u00fado para uma plataforma de publica\u00e7\u00e3o social. \n\nO bloco n\u00e3o deve renderizar nada no frontend. Ele deve existir exclusivamente para fluxos de trabalho no editor, com a fun\u00e7\u00e3o save() retornando null.\n\nInterface do editor (UI)\nA \u00e1rea principal de rascunho (\u201cTexto\u201d) deve ser implementada usando InnerBlocks, em vez de um \u00fanico campo RichText, permitindo par\u00e1grafos, imagens, incorpora\u00e7\u00f5es e listas. Deve haver a op\u00e7\u00e3o de adicionar duas vers\u00f5es alternativas do texto, cada uma com a mesma flexibilidade do rascunho principal. Controles simples de duplica\u00e7\u00e3o \u00fanica devem permitir copiar conte\u00fado entre se\u00e7\u00f5es quando necess\u00e1rio.\nControles adicionais incluem sele\u00e7\u00e3o de plataforma por meio de caixas de sele\u00e7\u00e3o, um \u00fanico campo de status (Rascunho, Pronto para revis\u00e3o, Agendado ou N\u00e3o utilizado) e um campo de notas em texto simples.\n\nUm painel de exporta\u00e7\u00e3o deve extrair o texto simples do rascunho selecionado ou da vers\u00e3o alternativa, ignorar m\u00eddia e oferecer uma forma de copiar o resultado com um \u00fanico clique. A m\u00eddia detectada, como imagens e incorpora\u00e7\u00f5es, pode ser listada para refer\u00eancia, mas n\u00e3o deve ser inclu\u00edda na sa\u00edda copiada.\nTodos os dados devem ser armazenados dentro do bloco usando atributos e InnerBlocks. Nenhuma API externa \u00e9 necess\u00e1ria.<\/code><\/pre>\n<p>Quando fornecemos isso ao Telex, o resultado foi uma interface conforme esperado, mas o bloco Social Draft n\u00e3o conseguia exibir conte\u00fado na \u00e1rea principal.<\/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=\"Interface do bloco mostrando aus\u00eancia de \u00e1rea de conte\u00fado.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Interface do bloco sem exibi\u00e7\u00e3o na \u00e1rea de conte\u00fado.<\/figcaption><\/figure>\n<p>Muitas vezes, ao praticar vibe coding, \u00e9 preciso passar por v\u00e1rias itera\u00e7\u00f5es, e foi exatamente o que aconteceu.<\/p>\n<p>O Telex identificou problemas relacionados \u00e0 forma como o InnerBlocks estava sendo inicializado e tentou reestruturar o bloco para corrigir a renderiza\u00e7\u00e3o. Essas primeiras tentativas n\u00e3o tiveram sucesso, e o bloco continuou sem exibir corretamente no editor.<\/p>\n<p>Nesse ponto, perguntamos ao Telex se ele realmente conseguia processar nossa solicita\u00e7\u00e3o, pois est\u00e1vamos perdendo confian\u00e7a. Reiteramos que toda a interface estava exposta, exceto o que precis\u00e1vamos, a capacidade de adicionar e exibir o bloco corretamente.<\/p>\n<p>O Telex respondeu:<\/p>\n<pre><code class=\"language-bash\">Eu entendo completamente sua frustra\u00e7\u00e3o, e sim, consigo fazer isso. Consigo ver o problema: o useBlockProps est\u00e1 sendo aplicado, mas o bloco n\u00e3o est\u00e1 renderizando conte\u00fado vis\u00edvel no canvas. A quest\u00e3o \u00e9 que, embora tenhamos todos os controles e estrutura, o wrapper do bloco n\u00e3o est\u00e1 sendo renderizado corretamente como um cont\u00eainer vis\u00edvel. Vou corrigir isso garantindo que o bloco tenha estrutura e visibilidade adequadas.<\/code><\/pre>\n<p>Finalmente conseguimos nossa interface e iniciamos um teste r\u00e1pido.<\/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=\"Dados de post para redes sociais exibidos em visualiza\u00e7\u00e3o estruturada.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">Bloco com dados de post para redes sociais.<\/figcaption><\/figure>\n<p>Ap\u00f3s v\u00e1rios outros refinamentos, chegamos a um bloco funcional que atendeu nosso 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=\"Bloco Social Draft exibindo um rascunho de post gerado.\" width=\"1001\" height=\"471\"><figcaption class=\"wp-caption-text\">MVP funcional do bloco Social Draft.<\/figcaption><\/figure>\n<h2>Limita\u00e7\u00f5es e alternativas<\/h2>\n<p>O Telex evoluiu bastante em pouco tempo, mas quando voc\u00ea come\u00e7a a us\u00e1-lo al\u00e9m de experimentos simples, algumas limita\u00e7\u00f5es ficam evidentes. A maioria n\u00e3o \u00e9 impeditiva, mas influencia como e quando o Telex \u00e9 mais adequado.<\/p>\n<ol start=\"1\">\n<li>N\u00e3o h\u00e1 uma forma integrada de reverter um prompt. Voc\u00ea pode pedir ao Telex para desfazer uma altera\u00e7\u00e3o, mas uma abordagem mais confi\u00e1vel \u00e9 salvar os prompts como texto ou Markdown, manter versionamento dos arquivos ZIP baixados ou usar Git ap\u00f3s mover o bloco para um ambiente local.<\/li>\n<li>O Telex gera ou regenera o bloco imediatamente ap\u00f3s o envio de um prompt, sem possibilidade de desfazer ou restaurar vers\u00f5es anteriores. Para evitar a\u00e7\u00f5es indesejadas, pergunte ao Telex \u201cComo voc\u00ea faria&#8230;\u201d antes de construir, refazer ou executar um comando semelhante.<\/li>\n<li>O Telex n\u00e3o \u00e9 um IDE. Embora seja poss\u00edvel visualizar o c\u00f3digo-fonte gerado, n\u00e3o h\u00e1 como edit\u00e1-lo diretamente dentro do Telex.<\/li>\n<li>O Telex \u00e9 mais adequado para brainstorming e prototipagem. Para uso em produ\u00e7\u00e3o, \u00e9 mais seguro limit\u00e1-lo a blocos muito simples, nos quais integra\u00e7\u00f5es externas, l\u00f3gica complexa ou quest\u00f5es sens\u00edveis de seguran\u00e7a e desempenho n\u00e3o sejam prioridade.<\/li>\n<\/ol>\n<h2>O que vem por a\u00ed na cria\u00e7\u00e3o de blocos com IA<\/h2>\n<p>O Telex oferece uma vis\u00e3o de como a IA pode se integrar ao desenvolvimento moderno com WordPress. Ele reduz o custo de experimenta\u00e7\u00e3o, encurta a dist\u00e2ncia entre ideia e prot\u00f3tipo e torna o processo de cria\u00e7\u00e3o de blocos mais acess\u00edvel.<\/p>\n<p>Ao mesmo tempo, os exemplos apresentados aqui mostram que ainda \u00e9 fundamental entender o editor de blocos.<\/p>\n<p>Quando um bloco est\u00e1 pronto para ir al\u00e9m da experimenta\u00e7\u00e3o, contar com um <a href=\"https:\/\/kinsta.com\/pt\/hospedagem-wordpress\/\">ambiente WordPress confi\u00e1vel<\/a>, como o da Kinsta, facilita testar, iterar e lan\u00e7ar com confian\u00e7a.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>O Telex \u00e9 uma ferramenta experimental gratuita, baseada no navegador, da Automattic, que usa IA para gerar blocos do WordPress a partir de prompts em linguagem &#8230;<\/p>\n","protected":false},"author":313,"featured_media":74528,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[1026],"class_list":["post-74527","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-desenvolvimento-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>Criando blocos do WordPress com o Telex<\/title>\n<meta name=\"description\" content=\"Uma an\u00e1lise pr\u00e1tica sobre a cria\u00e7\u00e3o de blocos do WordPress com o Telex, incluindo exemplos reais, limita\u00e7\u00f5es e quando faz sentido utiliz\u00e1-lo.\" \/>\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\/pt\/blog\/blocos-wordpress-com-telex\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Criando blocos do WordPress com o Telex\" \/>\n<meta property=\"og:description\" content=\"Uma an\u00e1lise pr\u00e1tica sobre a cria\u00e7\u00e3o de blocos do WordPress com o Telex, incluindo exemplos reais, limita\u00e7\u00f5es e quando faz sentido utiliz\u00e1-lo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/pt\/blog\/blocos-wordpress-com-telex\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:published_time\" content=\"2026-02-18T07:18:56+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-23T08:36:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/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=\"Uma an\u00e1lise pr\u00e1tica sobre a cria\u00e7\u00e3o de blocos do WordPress com o Telex, incluindo exemplos reais, limita\u00e7\u00f5es e quando faz sentido utiliz\u00e1-lo.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2026\/02\/building-a-wordpress-block-weith-telex.png\" \/>\n<meta name=\"twitter:creator\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Bud Kraus\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/blocos-wordpress-com-telex\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/blocos-wordpress-com-telex\/\"},\"author\":{\"name\":\"Bud Kraus\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed\"},\"headline\":\"Criando blocos do WordPress com o Telex\",\"datePublished\":\"2026-02-18T07:18:56+00:00\",\"dateModified\":\"2026-02-23T08:36:27+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/blocos-wordpress-com-telex\/\"},\"wordCount\":1339,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/blocos-wordpress-com-telex\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2026\/02\/building-a-wordpress-block-weith-telex.png\",\"inLanguage\":\"pt-PT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/blocos-wordpress-com-telex\/\",\"url\":\"https:\/\/kinsta.com\/pt\/blog\/blocos-wordpress-com-telex\/\",\"name\":\"Criando blocos do WordPress com o Telex\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/blocos-wordpress-com-telex\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/blocos-wordpress-com-telex\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2026\/02\/building-a-wordpress-block-weith-telex.png\",\"datePublished\":\"2026-02-18T07:18:56+00:00\",\"dateModified\":\"2026-02-23T08:36:27+00:00\",\"description\":\"Uma an\u00e1lise pr\u00e1tica sobre a cria\u00e7\u00e3o de blocos do WordPress com o Telex, incluindo exemplos reais, limita\u00e7\u00f5es e quando faz sentido utiliz\u00e1-lo.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/blocos-wordpress-com-telex\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/pt\/blog\/blocos-wordpress-com-telex\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/blocos-wordpress-com-telex\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2026\/02\/building-a-wordpress-block-weith-telex.png\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2026\/02\/building-a-wordpress-block-weith-telex.png\",\"width\":1470,\"height\":735},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/pt\/blog\/blocos-wordpress-com-telex\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Desenvolvimento WordPress\",\"item\":\"https:\/\/kinsta.com\/pt\/topicos\/desenvolvimento-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Criando blocos do WordPress com o Telex\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/pt\/#website\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"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\/pt\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed\",\"name\":\"Bud Kraus\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinsta.com\/pt\/#\/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\/pt\/blog\/author\/budkraus\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Criando blocos do WordPress com o Telex","description":"Uma an\u00e1lise pr\u00e1tica sobre a cria\u00e7\u00e3o de blocos do WordPress com o Telex, incluindo exemplos reais, limita\u00e7\u00f5es e quando faz sentido utiliz\u00e1-lo.","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\/pt\/blog\/blocos-wordpress-com-telex\/","og_locale":"pt_PT","og_type":"article","og_title":"Criando blocos do WordPress com o Telex","og_description":"Uma an\u00e1lise pr\u00e1tica sobre a cria\u00e7\u00e3o de blocos do WordPress com o Telex, incluindo exemplos reais, limita\u00e7\u00f5es e quando faz sentido utiliz\u00e1-lo.","og_url":"https:\/\/kinsta.com\/pt\/blog\/blocos-wordpress-com-telex\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_published_time":"2026-02-18T07:18:56+00:00","article_modified_time":"2026-02-23T08:36:27+00:00","og_image":[{"width":1470,"height":735,"url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2026\/02\/building-a-wordpress-block-weith-telex.png","type":"image\/png"}],"author":"Bud Kraus","twitter_card":"summary_large_image","twitter_description":"Uma an\u00e1lise pr\u00e1tica sobre a cria\u00e7\u00e3o de blocos do WordPress com o Telex, incluindo exemplos reais, limita\u00e7\u00f5es e quando faz sentido utiliz\u00e1-lo.","twitter_image":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2026\/02\/building-a-wordpress-block-weith-telex.png","twitter_creator":"@kinsta_pt","twitter_site":"@kinsta_pt","twitter_misc":{"Escrito por":"Bud Kraus","Tempo estimado de leitura":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/pt\/blog\/blocos-wordpress-com-telex\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/blog\/blocos-wordpress-com-telex\/"},"author":{"name":"Bud Kraus","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed"},"headline":"Criando blocos do WordPress com o Telex","datePublished":"2026-02-18T07:18:56+00:00","dateModified":"2026-02-23T08:36:27+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/blocos-wordpress-com-telex\/"},"wordCount":1339,"publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/blocos-wordpress-com-telex\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2026\/02\/building-a-wordpress-block-weith-telex.png","inLanguage":"pt-PT"},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/pt\/blog\/blocos-wordpress-com-telex\/","url":"https:\/\/kinsta.com\/pt\/blog\/blocos-wordpress-com-telex\/","name":"Criando blocos do WordPress com o Telex","isPartOf":{"@id":"https:\/\/kinsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/pt\/blog\/blocos-wordpress-com-telex\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/pt\/blog\/blocos-wordpress-com-telex\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2026\/02\/building-a-wordpress-block-weith-telex.png","datePublished":"2026-02-18T07:18:56+00:00","dateModified":"2026-02-23T08:36:27+00:00","description":"Uma an\u00e1lise pr\u00e1tica sobre a cria\u00e7\u00e3o de blocos do WordPress com o Telex, incluindo exemplos reais, limita\u00e7\u00f5es e quando faz sentido utiliz\u00e1-lo.","breadcrumb":{"@id":"https:\/\/kinsta.com\/pt\/blog\/blocos-wordpress-com-telex\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/pt\/blog\/blocos-wordpress-com-telex\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/blog\/blocos-wordpress-com-telex\/#primaryimage","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2026\/02\/building-a-wordpress-block-weith-telex.png","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2026\/02\/building-a-wordpress-block-weith-telex.png","width":1470,"height":735},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/pt\/blog\/blocos-wordpress-com-telex\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Desenvolvimento WordPress","item":"https:\/\/kinsta.com\/pt\/topicos\/desenvolvimento-wordpress\/"},{"@type":"ListItem","position":3,"name":"Criando blocos do WordPress com o Telex"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/pt\/#website","url":"https:\/\/kinsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","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\/pt\/#\/schema\/person\/8cce3d6bbd8a2aa46850235d997793ed","name":"Bud Kraus","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinsta.com\/pt\/#\/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\/pt\/blog\/author\/budkraus\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/74527","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/users\/313"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/comments?post=74527"}],"version-history":[{"count":8,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/74527\/revisions"}],"predecessor-version":[{"id":74581,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/posts\/74527\/revisions\/74581"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/74527\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/74527\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/74527\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/74527\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/74527\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/74527\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/74527\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/74527\/translations\/es"},{"href":"https:\/\/kinsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/74527\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media\/74528"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/media?parent=74527"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/tags?post=74527"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/pt\/wp-json\/wp\/v2\/topic?post=74527"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}