By using this site, you agree to the Privacy Policy and Terms of Use.
Accept
NEWSLETTER
virtus86.com
  • Reviews
  • Best New
  • Features
  • News
  • Best Reissues
  • Contact
Reading: Telex transforma qualquer pessoa em criador de blocos do WordPress
Share
Search
virtus86.comvirtus86.com
0
Font ResizerAa
  • Reviews
  • Best New
  • Features
  • News
  • Best Reissues
  • Contact
Search
  • Categories
    • Best New
    • Features
    • News
    • Reviews
  • Shows
    • Rock
    • Folk
    • Pop
    • Rap
  • More Foxiz
    • Blog Index
    • Contact
Follow US
© 2022 Foxiz News Network. Ruby Design Company. All Rights Reserved.
Notícias Wordpress

Telex transforma qualquer pessoa em criador de blocos do WordPress

Written by: igor.cardoso86@gmail.com
Last updated: setembro 24, 2025
Share


Contents
O que é o Telex?Como criar blocos com o TelexSolução de problemas e limitações conhecidasContinue experimentando

Sou desenvolvedor WordPress há mais de dez anos e, nesse tempo, já criei de tudo: desde blocos simples de texto e ícones até formulários complexos e apresentações de slides. O processo pode ser trabalhoso e exige conhecimento profundo de como o WordPress funciona nos bastidores, além de familiaridade com React, JavaScript, PHP e outras tecnologias.

Ferramentas como o create-block do WordPress ajudam bastante. Editores modernos com recursos de IA, como o Cursor, e assistentes como o Claude Code também aceleram o trabalho. Mas, mesmo assim, é preciso fornecer muito contexto específico do WordPress e conectar as peças. Para desenvolvedores isso é viável, mas para todo o resto a barreira continua alta.

E se fosse possível pular toda essa complexidade? É aí que entra o Telex.

A página inicial do Telex.

O que é o Telex?

O Telex é uma ferramenta experimental da equipe de IA da Automattic que transforma prompts em linguagem natural em blocos funcionais do WordPress. Basta descrever o que você quer e o Telex gera o bloco.

Ele pode ser útil para diferentes perfis:

  • Donos de sites que querem funções personalizadas ou desejam testar uma ideia rapidamente.
  • Agências e freelancers que precisam de protótipos ágeis ou pequenos blocos utilitários para projetos de clientes.
  • Desenvolvedores experientes que buscam uma base pronta em um ambiente real do WordPress, com código que pode ser refinado.
  • Quem está aprendendo e prefere estudar exemplos práticos, entendendo como o código funciona na prática.

Por trás do processo, o Telex empacota cada criação como um plugin de bloco único e mostra o resultado no navegador, usando o WordPress Playground. Não é preciso configurar nada no seu computador. Você pode melhorar o bloco com novos prompts ou editar o código diretamente, depois baixar o plugin e instalá-lo em qualquer site. Também é possível compartilhar seu trabalho por meio de um link.

Como se trata de um experimento, os resultados podem variar e você pode encontrar bugs ou limitações. Isso faz parte da jornada: estamos testando até onde a IA pode realmente simplificar a criação de blocos. Vale lembrar que o Telex não é um construtor de sites com IA, mas sim uma forma de criar rapidamente pequenas ferramentas funcionais no formato de blocos.

Atualmente, o Telex é gratuito e você pode gerar quantos blocos quiser.

Como criar blocos com o Telex

O primeiro passo é pensar no que você gostaria de construir. Pode ser uma funcionalidade que falta no seu site ou até uma ideia divertida só para explorar o que o Telex consegue fazer. Como o Telex é um experimento, a exploração faz parte da proposta. Você também pode se inspirar conferindo os projetos em destaque na página inicial da ferramenta.

Para este post, vou assumir o papel de um blogueiro de culinária. Tenho uma receita de cookie de chocolate e quero exibir uma lista de ingredientes que os leitores possam ampliar até 4 vezes. Eles devem conseguir marcar cada ingrediente à medida que avançam e, além disso, a interface precisa ter um botão de copiar que envia a lista para a área de transferência.

No editor, quero inserir os ingredientes em uma tabela simples com três colunas: quantidade, unidade e ingrediente. Também quero poder remover itens e reorganizá-los usando botões de mover para cima ou para baixo.

Aqui está o prompt que usei no Telex:

Por favor, construa um bloco de Lista de Ingredientes. Esse bloco deve exibir uma lista (estilo blog de culinária) em que os leitores possam marcar os itens. Inclua um botão de copiar para a área de transferência e um recurso de escala que multiplique a receita em 2x, 3x e 4x, ajustando automaticamente as quantidades. No editor, preciso inserir ingredientes em uma tabela com três colunas: quantidade, unidade e ingrediente, além de poder remover e reordenar itens na tabela com botões.

Depois, cliquei em Build (Construir) e deixei o Telex fazer o trabalho.

Observação: Você pode usar o Telex em qualquer idioma nos seus prompts, mas, por enquanto, os blocos gerados terão o conteúdo e o código em inglês.

O prompt inicial na interface do Telex.

Quanto mais contexto você incluir no prompt inicial, melhor, mas não é obrigatório. Também dá para começar com um pedido simples e ir ajustando aos poucos. Como o Telex permite criar quantos blocos você quiser, é só abrir uma nova aba no navegador para experimentar outras ideias.

Em cerca de dois minutos, eu já tinha um bloco funcional no WordPress com tudo o que pedi. A interface mostrava os ingredientes da minha receita na tabela, com os botões de ação funcionando como descrito.

Versão 1 do bloco de Lista de Ingredientes na interface do Editor dentro do Telex.

A parte estrutural estava pronta, mas ainda faltavam alguns ajustes de estilo. É aí que entram os prompts de refinamento.

Versão 1 do bloco de Lista de Ingredientes sendo visualizada na interface do Telex.

Geralmente prefiro que o bloco siga os estilos do meu tema. Também queria que os ingredientes marcados ficassem riscados e que as quantidades fossem exibidas como números inteiros ou frações sempre que possível, sem decimais. E, para deixar mais divertido, pensei em adicionar uma animação de confete quando todos os itens fossem marcados.

Tratei cada mudança como um prompt separado de acompanhamento:

Vamos simplificar o estilo para que esta lista de ingredientes herde os estilos do tema atual.

Na interface, quando um leitor marcar um ingrediente, aplique um risco ao texto.

Converta as quantidades dos ingredientes em números inteiros ou frações sempre que possível. Sem decimais, por favor.

Para deixar divertido, quando todos os itens da lista forem marcados, cubra a tela com uma animação de confete.

Recomendo passar ao Telex uma tarefa por vez nos prompts de acompanhamento. Depois de quatro rodadas — uma para cada ajuste acima — meu bloco de Lista de Ingredientes ficou exatamente como eu queria.

A versão final do bloco de Lista de Ingredientes sendo visualizada na interface do Telex.

Você também pode editar o código diretamente, o que é útil se quiser fazer alterações rápidas e pontuais, além de ser uma ótima forma de aprender como o bloco é estruturado.

No meu caso, quis que os botões de escala tivessem outra aparência e que a tabela fosse atualizada também no Editor. Para isso, mudei para a visualização de código e editei manualmente os arquivos style.scss e editor.scss.

O Editor de Código dentro do Telex.

Aqui está o resultado final. Levou cerca de 10 minutos para construir tudo:

Nota: O Telex não é determinístico. Se você tentar os mesmos prompts deste post, provavelmente terá resultados ligeiramente diferentes. Nenhuma construção sai exatamente igual à outra.

Claro que eu poderia ter continuado iterando: por exemplo, adicionando dados estruturados em JSON-LD para otimizar a lista de ingredientes nos mecanismos de busca, ou incluindo a opção de converter as unidades para o sistema métrico. As possibilidades são praticamente infinitas.

Quando estiver satisfeito com seu bloco, você tem duas opções: usar o botão Download (Baixar) para obter o plugin em formato .zip ou clicar em Share (Compartilhar), que copia para a área de transferência um link exclusivo. Quem tiver esse link pode visualizar seu bloco no Telex sem precisar de login.

Aqui está o link para o bloco que construí para este post do blog: 

Ao abrir o link de visualização, você também pode baixar o bloco como um arquivo .zip, como se você mesmo tivesse criado. Depois é só instalar em qualquer site WordPress que aceite upload de plugins ou testá-lo localmente com o WordPress Studio.

Solução de problemas e limitações conhecidas

O Telex ainda é experimental, por isso é normal encontrar alguns obstáculos no caminho. Às vezes a IA pode fazer uma interpretação equivocada ou gerar um código que não funciona como esperado, algo comum em qualquer ferramenta desse tipo. Se aparecer um aviso como o do exemplo abaixo, continue iterando: peça ao Telex para corrigir o erro específico ou copie os detalhes para um novo prompt, explicando claramente o resultado que você espera. Você pode fazer quantas perguntas de acompanhamento quiser. E, se a sessão ficar confusa, basta iniciar uma nova e repetir os requisitos do seu bloco.

Uma mensagem de erro no Telex.

Existem muitas formas de criar um bloco no WordPress, e parte desse experimento é justamente identificar onde o Telex ainda precisa melhorar. No momento, por exemplo, ele não consegue lidar bem com blocos que dependem de blocos internos. Um caso comum é a criação de uma apresentação de slides com um bloco pai “Apresentação de Slides” e blocos filhos “Slide”, que hoje representa um desafio para a ferramenta.

Se você se deparar com situações em que o Telex falha repetidamente em atender ao seu pedido, compartilhe sua experiência. Você pode deixar um comentário ou enviar seu feedback diretamente pelo formulário dentro do aplicativo. Informar o prompt usado, a mensagem de erro recebida e uma breve descrição do que você estava tentando construir ajuda a equipe a evoluir o Telex mais rapidamente.

O formulário "Envie-nos seu Feedback" no Telex.

Continue experimentando

O Telex é um primeiro passo para mostrar como a IA pode reduzir a barreira de entrada na criação de blocos. Vamos continuar aprimorando a ferramenta com base no que você construir e no feedback que compartilhar. Por isso, crie um bloco, publique o link de visualização e nos conte o que funcionou e o que precisa melhorar.

Entre as ideias que estamos estudando para o futuro estão recursos como histórico de versões, miniaturas para deixar a lista de projetos mais fácil de visualizar, possibilidade de fazer upload de blocos existentes para personalização e várias outras melhorias, grandes e pequenas.

Com sua ajuda, podemos tornar o desenvolvimento de blocos no WordPress mais rápido, acessível e prazeroso para todos.



Source link

Share This Article
Facebook Email Print
Previous Article Sites de teste, agora mais poderosos do que nunca
Next Article Apresentando Blueprints no WordPress Studio 1.6.0
Leave a Comment

Deixe um comentário Cancelar resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Join Us for a Melodic Night Under the Stars!

Don't Miss Out

Latest Ablums

New

You Might Also Like

Notícias Wordpress

Por Que Reestruturamos Nosso Blog (E Como Você Também Pode)

Você pode ter notado que as coisas estão um…

Writen by igor.cardoso86@gmail.com
abril 2, 2025
Notícias Wordpress

Uma nova experiência de edição de código — mais poderosa e agradável

O WordPress.com acaba de dar um passo importante para…

Writen by igor.cardoso86@gmail.com
agosto 8, 2025
Notícias Wordpress

5 Blocos Poderosos para Desenvolvedores Criar Layouts Personalizados

No mundo do desenvolvimento web, criar layouts personalizados muitas…

Writen by igor.cardoso86@gmail.com
abril 3, 2025
Notícias Wordpress

O que é cPanel (& Por que o WordPress.com não o usa)?

Se você é um desenvolvedor WordPress, provavelmente já se…

Writen by igor.cardoso86@gmail.com
maio 13, 2025
Melody

Until next time, keep the groove alive, and remember, music is the ultimate time machine.

FACEBOOK
SPOTIFY
YOUTUBE
RSS
  • News
  • Reviews
  • Features
  • Best New
  • Best New Reissues
  • Blog
  • Cart
  • Checkout
  • Contact
  • Melody Home
  • My account
  • Shop
  • Best New Reissues
  • Blog
  • Cart
  • Checkout
  • Contact
  • Melody Home
  • My account
  • Shop
DISCLAIMER: We make great efforts to maintain reliable data on all offers presented. However, this data is provided without warranty. Users should always check the provider’s official website for current terms and details.
Welcome Back!

Sign in to your account

Username or Email Address
Password

Lost your password?