📩 Fique por dentro das novidades com a nossa newsletter

Block themes no WordPress: Os 4 pilares do FSE

Conheça a loja da FULL Services

Plugins premium, suporte de verdade e tudo o que seu site WordPress precisa em um só lugar.

Pergunte a uma IA sobre este artigo

Obtenha um resumo ou tire dúvidas com seu assistente favorito


Block themes são temas WordPress editáveis inteiramente no navegador, sem tocar em CSS. Segundo o Make WordPress Core (2022), estrearam no núcleo com o WordPress 5.9, em 25 de janeiro de 2022. Dependem de um arquivo theme.json e de templates HTML, não de PHP. Servem a quem quer controlar o site inteiro pelo Site Editor.

Block themes são temas que abandonam o modelo clássico de PHP e passam a montar todo o site com blocos do Gutenberg, controlados por um único arquivo theme.json. Em vez de editar header.php ou usar o customizer antigo, você ajusta cor, tipografia e layout direto no Site Editor, no navegador. É o formato nativo da edição completa de site (FSE), e qualquer projeto de tema novo no WordPress hoje parte dessa base. Este guia faz parte do nosso hub de temas WordPress da FULL e explica os quatro pilares dos block themes, quando eles compensam e quanto custa adotá-los.


O que são block themes: Definição operacional

Block themes são temas WordPress construídos 100% a partir de blocos, com templates em HTML e estilos centralizados num arquivo theme.json. O formato estreou no núcleo na versão 5.9, em , e é hoje o método padrão para temas novos.

O WordPress Developer Docs, fonte primária da arquitetura de temas, define block themes como o método moderno de construir temas, em oposição aos clássicos lançados em com o WordPress 1.5. Na prática, cabeçalho, rodapé e cada página deixam de ser arquivos PHP e viram templates editáveis no editor Gutenberg. Nos tickets da FULL, é essa mudança de mentalidade que mais confunde quem vem do tema clássico.

Block themes vs temas clássicos: o que muda na prática
Dimensão Block theme (FSE) Tema clássico
Edição do layout Site Editor, no navegador PHP + customizer + CSS
Estilos globais theme.json centralizado style.css disperso
Templates HTML com markup de blocos arquivos PHP (header.php)
Versão mínima WordPress 5.9 ou superior qualquer versão

Por que block themes mudam o fluxo de edição

O motivo central é que block themes movem o controle do site do código para a interface, e isso muda quem pode mexer no quê. Antes, alterar o cabeçalho exigia um desenvolvedor no header.php; agora o próprio cliente arrasta 1 bloco no Site Editor e pública.

Essa democratização tem custo: a gente vê no suporte da FULL que boa parte dos chamados sobre tema agora é de gente perdida no Site Editor, não de erro de PHP. O fluxo correto é tratar o block template como a peça central. Um block theme com theme.json definindo a paleta global, com o Site Editor ativo, permite trocar a cor do site inteiro sem tocar em uma linha de CSS, o que reduz boa parte das solicitações de ajuste visual que antes viravam ticket técnico.

Quais são os 4 pilares de um block theme

Quatro peças sustentam qualquer block theme no WordPress, e entender as 4 evita a maior parte dos problemas de migração. O primeiro pilar é o theme.json, que concentra paleta, tipografia e espaçamento num único arquivo; o segundo são os templates HTML, que substituem os antigos PHP.

O terceiro pilar são os template parts, blocos reutilizáveis como cabeçalho e rodapé, e o quarto são os block patterns, agrupamentos prontos que o usuário insere com 1 clique. Temas como Twenty Twenty-Four, Astra, Kadence e Ollie já entregam esses pilares afinados. Nos testes que fazemos na base FULL, block themes que respeitam essa estrutura tendem a renderizar mais rápido, porque o WordPress gera menos consultas ao banco para montar o layout.

Como inspecionar o theme.json antes de migrar

Antes de ativar um block theme, abra o theme.json na pasta wp-content/themes e confira a seção settings. Veja o passo a passo oficial no guia de Global Settings & Styles do WordPress, que documenta cada chave. Confirme se a paleta (settings.color.palette) cobre as cores da sua marca e se a tipografia lista as fontes que você usa. Se faltar uma cor, adicione no JSON antes de migrar, porque sobrescrever depois pelo Site Editor cria estilos órfãos.

Quando block themes não compensam

Block themes não compensam quando o projeto depende de liberdade visual extrema ou de um ecossistema de widgets já consolidado. Em sites sobre Elementor, com dezenas de templates e popups, migrar para um block theme puro significa refazer tudo no Site Editor.

A gente vê no suporte da FULL que essa migração forçada gera mais retrabalho do que ganho. Há um efeito causal claro: um block theme sem page builder, com um cliente acostumado ao Elementor, produz uma curva de aprendizado no Site Editor que vira ticket. Para esses casos, vale comparar os caminhos no nosso guia de Elementor vs Gutenberg antes de decidir, e considerar um child theme híbrido em vez da troca total.

Block themes, performance e o ecossistema de temas

Block themes tendem a ser mais leves que temas clássicos pesados, porque carregam CSS apenas dos blocos usados na página, não uma folha de estilo gigante. Isso conversa direto com os Core Web Vitals do WordPress: menos CSS bloqueante costuma melhorar o LCP.

Mas o ganho não é automático. Um block theme em PHP 7.4 desatualizado, com um query loop puxando centenas de posts, renderiza o template devagar no servidor e anula a vantagem. No ecossistema, block themes competem por edição nativa no navegador; page builders como Elementor competem por liberdade visual; temas clássicos competem por estabilidade com código legado. Se quiser um theme framework leve com painel pró, o Astra entrega base de block theme com extras, detalhada no nosso review do tema Astra.

Legenda: o Site Editor permite alterar templates de um block theme sem tocar em código PHP.

Quanto custa adotar block themes na prática

Block themes em si são gratuitos: o WordPress 5.9 trouxe a FSE de graça e o Twenty Twenty-Four já é um block theme completo sem custo. O gasto real aparece em 2 frentes: tempo de migração e plugins premium que estendem o Site Editor.

Para quem gerencia vários sites, a conta de licenças avulsas sobe rápido. O bundle da FULL no plano PRO sai por R$849 e reúne Astra PRO, Elementor PRO e plugins de personalização num pacote; diluído entre 10 sites, dá R$85 por site, ante dezenas de dólares por licença avulsa de cada plugin. Veja a composição em ver os planos da FULL. Quem vem do page builder pode dominar o fluxo antes pelo guia de Elementor da FULL.

  • Se você cria um site novo do zero → comece com um block theme nativo como Twenty Twenty-Four ou Astra.
  • Se o site atual roda sobre Elementor com muitos templates → mantenha o page builder e evite migração forçada para FSE puro.
  • Se você precisa que o cliente edite o site sozinho → o block theme com Site Editor reduz tickets de ajuste visual.
  • Se o servidor ainda roda PHP 7.4 → atualize o PHP antes de ativar o block theme para não perder performance.

Perguntas frequentes sobre block themes

O que são block themes no WordPress na prática?

Block themes são temas montados inteiramente com blocos do Gutenberg, editáveis no Site Editor sem código. Em vez de header.php e style.css, eles usam templates HTML e um arquivo theme.json que centraliza cor, fonte e espaçamento. Estrearam no núcleo com o WordPress 5.9, em janeiro de 2022, e são o formato padrão para temas novos.

Por que block themes dispensam o customizer clássico?

Porque o Site Editor assume tudo o que o customizer fazia, e mais. O customizer clássico editava só fragmentos como cores e menu; o Site Editor edita templates inteiros, incluindo cabeçalho e rodapé, no navegador. Por isso o WordPress oculta o customizer quando um block theme está ativo: manter os dois geraria dois lugares conflitantes para a mesma configuração.

Qual a diferença entre block themes e temas clássicos?

A diferença é onde mora o controle do layout. Temas clássicos usam arquivos PHP e exigem código para mudar a estrutura; block themes usam templates HTML editáveis no Site Editor e concentram estilos no theme.json. Na prática, um block theme deixa o cliente trocar a paleta do site inteiro sem CSS, enquanto o clássico exigiria um desenvolvedor.

É possível usar Elementor com um block theme ativo?

Sim, é possível, mas com ressalva. O Elementor funciona sobre um block theme e edita páginas individuais normalmente. O atrito aparece nos templates de site: o Elementor PRO e o Site Editor disputam o controle de cabeçalho e rodapé. A recomendação é escolher um deles para o template global e não misturar, evitando conflito de renderização e tickets de suporte.

Quanto custa adotar block themes no WordPress?

O block theme em si é gratuito, já que o Twenty Twenty-Four vem com o WordPress sem custo. O gasto vem de plugins premium e tempo de migração. No bundle PRO da FULL, por R$849, você reúne Astra PRO, Elementor PRO e plugins de personalização; diluído em 10 sites, isso dá R$85 por site, bem abaixo das licenças avulsas somadas.

Próximos passos para dominar block themes

Block themes deixaram de ser experimento e viraram a base oficial de temas no WordPress desde a versão 5.9. Para a maioria dos sites novos, partir de um block theme nativo é o caminho mais rápido para um site leve e editável pelo próprio cliente, sem depender de um desenvolvedor a cada ajuste de cor. Quem já roda Elementor pesado não precisa migrar à força: o sensato é avaliar caso a caso e atualizar o PHP antes de qualquer troca. Para continuar aprendendo, o FULL Academy reúne tutoriais, guias e reviews de temas WordPress num só lugar. O ponto de partida prático é abrir o Site Editor de um tema como o Twenty Twenty-Four e mexer no theme.json: em uma tarde você entende, na mão, o que os block themes mudam de fato.

Compartilhe este conteúdo

Equipe Full Services

A FULL. é especialista em WordPress e oferece plugins premium com licenças originais, suporte técnico e instalação facilitada. Já ajudou mais de 25 mil clientes a impulsionar seus sites com performance, segurança e praticidade.

AI Shopping no Brasil: Como a IA decide quem vende

O AI shopping no Brasil já redesenha como o consumidor

A shortlist da IA: Como 3-5 marcas são escolhidas antes do clique

Entender a shortlist da ia como marcas são escolhidas é

Como fazer um AI visibility audit passo a passo

Se você não sabe se o ChatGPT recomenda a sua
Componentes

Hero Sections

30 componentes

Seções de CTA

14 componentes

Login

14 componentes

Blog

14 componentes

Cabeçalhos

24 componentes

Seções de FAQ

53 componentes

Cadastro

53 componentes

Blog individual

53 componentes

Rodapés

28 componentes

Seções de contato

27 componentes

Seções de preços

27 componentes

Faixas

27 componentes

Portfólio

16 componentes

Seções de equipe

12 componentes

Números

12 componentes

Logotipos

12 componentes

Uma nova era para o WordPress.

A FULL Services redefine o CMS com uma arquitetura modular que transforma o WordPress em um motor de crescimento digital. 

Painéis personalizados

Um novo nível de controle para o WordPress. Acompanhe métricas, automações e evolução do seu site em um único painel visual.

A força por trás de grandes marcas

Para agências, estúdios e profissionais independentes que desejam oferecer soluções de alto nível com sua própria marca.