Introdução ao Editor de Blocos do WordPress (Gutenberg) em 2026

O que é o Editor de Blocos do WordPress?

O Editor de Blocos do WordPress, comumente chamado de Gutenberg, é o editor de conteúdo padrão no WordPress. Introduzido no WordPress 5.0, ele substituiu o Editor Clássico por um sistema modular baseado em blocos, onde cada peça de conteúdo — um parágrafo, imagem, título ou incorporação — é um bloco individual que você pode organizar, personalizar e rearranjar de forma independente.

Até 2026, o Gutenberg evoluiu muito além de um simples editor de conteúdo. Com a Edição Completa do Site (FSE), agora ele controla layouts inteiros de sites, incluindo cabeçalhos, rodapés, modelos e partes de modelos. Este guia o orienta sobre tudo o que você precisa saber, desde a edição básica de blocos até técnicas avançadas de construção de sites.

Visão Geral dos Blocos Principais

O WordPress vem com mais de 90 blocos principais organizados em categorias. Aqui estão os que você usará com mais frequência:

Criando Conteúdo com Blocos

Adicionando Blocos

Existem várias maneiras de adicionar blocos ao seu conteúdo:

• Botão de mais (+): Clique no ícone de mais na barra de ferramentas ou entre os blocos para abrir o inseridor de blocos
• Comando de barra: Digite / seguido pelo nome de um bloco (por exemplo, /imagem, /título) para inserção rápida
• Paleta de comandos: Pressione Ctrl+K (Windows) ou Cmd+K (Mac) para buscar qualquer bloco ou ação
• Arrastar e soltar: Arraste blocos do painel de inserção diretamente para a tela

Configurando Blocos

Cada bloco possui duas áreas de configuração:

1. Barra de ferramentas: Aparece acima do bloco selecionado com ações comuns (alinhamento, negrito, itálico, link)
2. Painel lateral: Fornece configurações detalhadas, incluindo cores, tipografia, espaçamento e opções avançadas

Organizando Blocos

Organize seu conteúdo movendo blocos para cima ou para baixo usando as setas na barra de ferramentas do bloco, ou arraste-os para uma nova posição. Você também pode usar o painel de Visualização de Lista (Shift+Alt+O) para ver toda a estrutura do seu documento e arrastar blocos dentro da árvore.

Blocos Reutilizáveis (Padrões Sincronizados)

Blocos reutilizáveis — renomeados para Padrões Sincronizados em 2026 — permitem que você crie um bloco ou grupo de blocos uma vez e os insira em várias postagens e páginas. Quando você atualiza o padrão sincronizado, cada instância é atualizada automaticamente.

Usos comuns para padrões sincronizados:

• Seções de chamada para ação que aparecem em várias páginas
• Caixas de biografia do autor usadas em postagens de blog
• Notificações de isenção de responsabilidade ou divulgação de afiliados padronizadas
• Formulários de inscrição para newsletters
• Blocos de informações de contato

Para criar um padrão sincronizado: selecione blocos, clique no menu de três pontos, escolha "Criar padrão", nomeie-o e ative "Sincronizado". Para inseri-lo depois, encontre-o na aba Padrões do inseridor de blocos.

Padrões de Blocos

Padrões de blocos são arranjos pré-projetados de blocos que você pode inserir e personalizar. Ao contrário dos padrões sincronizados, eles não estão vinculados — editar uma instância de padrão não afeta outros usos.

Padrões Integrados

O WordPress inclui padrões para layouts comuns: seções hero, grades de recursos, layouts de depoimentos, tabelas de preços e mais. Seu tema ativo pode registrar padrões adicionais otimizados para seu sistema de design.

Diretório de Padrões do WordPress.org

O diretório de padrões do WordPress.org oferece milhares de padrões contribuídos pela comunidade. Você pode navegar, visualizar e copiar padrões diretamente do inseridor ou do site do diretório de padrões.

Criando Padrões Personalizados

Crie seus próprios padrões organizando blocos, selecionando todos eles e criando um padrão a partir do menu de blocos. Padrões personalizados aparecem na seção "Meus Padrões" do inseridor, tornando-os reutilizáveis em todo o seu site.

Noções Básicas da Edição Completa do Site

A Edição Completa do Site (FSE) estende a edição de blocos além do conteúdo de postagens e páginas para toda a estrutura do seu site. Com um tema de blocos, você pode editar:

• Modelos: Controlar o layout de tipos de páginas específicas (postagem única, arquivo, 404, resultados de busca)
• Partes de Modelo: Editar seções reutilizáveis como cabeçalhos e rodapés
• Estilos Globais: Definir cores e tipografia para todo o site
  • Navegação: Crie e gerencie menus visualmente

  Acessando o Editor do Site

  Navegue até Aparência → Editor no seu painel do WordPress. Isso abre o editor do site onde você pode navegar por modelos, editar partes de modelos e ajustar estilos globais. Observe que o FSE requer um tema de bloco — temas clássicos usam o Customizer tradicional em vez disso.

  Modelos vs Partes de Modelos

  Conceito	O que controla	Exemplo
  Modelo	Layout de página completa para um tipo de conteúdo	Post Único, Página, Arquivo, 404
  Parte de Modelo	Seção reutilizável dentro de modelos	Cabeçalho, Rodapé, Barra Lateral

  Personalizando Blocos com theme.json

  O arquivo theme.json é o centro de configuração para temas de bloco. Ele controla:

  • Paletas de cores e gradientes disponíveis no editor
  • Predefinições de tipografia (famílias de fontes, tamanhos, alturas de linha)
  • Escalas de espaçamento e larguras de layout
  • Quais recursos de bloco estão habilitados ou desabilitados
  • Estilos padrão para blocos específicos

  Os desenvolvedores de temas usam theme.json para criar um sistema de design consistente. Como proprietário do site, você pode modificar essas configurações através da interface de Estilos Globais no editor do site sem editar o arquivo diretamente.

  Atalhos de Teclado

  Aprender atalhos de teclado acelera significativamente seu fluxo de trabalho de edição:

  Ação	Windows / Linux	Mac
  Adicionar novo bloco	/ (barra)	/ (barra)
  Paleta de comandos	Ctrl + K	Cmd + K
  Duplicar bloco	Ctrl + Shift + D	Cmd + Shift + D
  Excluir bloco	Shift + Alt + Z	Ctrl + Option + Z
  Abrir Visualização de Lista	Shift + Alt + O	Ctrl + Option + O
  Alternar inseridor de bloco	Ctrl + Shift + ,	Cmd + Shift + ,
  Salvar rascunho / Atualizar	Ctrl + S	Cmd + S
  Desfazer	Ctrl + Z	Cmd + Z
  Inserir link	Ctrl + K	Cmd + K

  Gutenberg vs Editor Clássico

  Alguns usuários do WordPress ainda preferem o plugin Editor Clássico. Aqui está como os dois se comparam:

  Aspecto	Gutenberg	Editor Clássico
  Abordagem de edição	Baseada em blocos, modular	Área de texto única (TinyMCE)
  Capacidades de layout	Colunas, grades, seções em largura total	Conteúdo linear apenas
  Manipulação de mídia	Galerias inline, imagens de capa, mídia+texto	Inserção básica de mídia
  Compatibilidade futura	Desenvolvimento ativo, suporte a FSE	Apenas modo de manutenção
  Suporte a plugins/temas	Ecossistema de blocos em crescimento	Desenvolvimento em declínio

  O plugin Classic Editor ainda é mantido, mas o desenvolvimento do WordPress se comprometeu totalmente com o editor de blocos. Novos recursos, temas e plugins estão cada vez mais direcionados ao Gutenberg primeiro.

  Plugins de Blocos que Estendem o Gutenberg

  Embora os blocos principais cubram a maioria das necessidades, esses plugins adicionam funcionalidades especializadas:

  • Flavor Plugin: Adiciona blocos avançados como abas, acordeões, tabelas de preços e carrosséis de postagens
  • Flavor Plugin: Fornece blocos focados em conteúdo para melhores experiências de escrita — barras de progresso, clique para tweetar, alertas
  • Flavor Plugin: Oferece blocos orientados ao design com animação e opções de estilo avançadas
  • Flavor Plugin: Estende o Gutenberg com blocos especificamente projetados para temas FSE
  • Flavor Plugin: Adiciona blocos de consulta e filtro para exibição dinâmica de conteúdo

  Ao selecionar plugins de blocos, escolha aqueles que seguem os padrões de codificação do WordPress e geram marcação limpa. Evite plugins que carregam frameworks JavaScript pesados, pois eles anulam as vantagens de desempenho do Gutenberg.

  Dicas Práticas para Edição Eficiente de Blocos

  Use a Visualização de Lista

  Para páginas complexas, a Visualização de Lista (Shift+Alt+O) é essencial. Ela mostra toda a estrutura do seu documento como uma árvore, facilitando a seleção de blocos aninhados, a reorganização de seções e a compreensão da hierarquia da sua página.

  Agrupe Blocos para Ações em Lote

  Selecione vários blocos (clique no primeiro, Shift+clique no último) e agrupe-os. Blocos agrupados podem ser estilizados juntos, movidos como uma unidade e convertidos em padrões. Isso é particularmente útil para criar seções consistentes.

  Bloqueie Blocos para Evitar Alterações Acidentais

  Bloqueie blocos importantes para evitar movimentações ou exclusões acidentais. Clique com o botão direito em um bloco e escolha "Bloquear" para restringir modificações. Isso é útil para templates ou conteúdo gerenciado por vários editores.

  Use Atalhos de Teclado de Forma Agressiva

  A diferença entre edição de blocos eficiente e lenta muitas vezes se resume a atalhos de teclado. Aprenda primeiro os cinco atalhos mais comuns (comando de barra, duplicar, excluir, salvar, desfazer), e depois amplie seu repertório à medida que se sentir confortável.

  Para uma comparação com Elementor e outros construtores de páginas, veja nossa comparação entre Elementor e Gutenberg e nosso guia mais amplo de comparação de construtores de páginas. Se você está escolhendo um tema que funcione bem com o Gutenberg, leia nosso guia de seleção de temas.

  Perguntas Frequentes

  Posso ainda usar o Classic Editor?

  Sim. O plugin Classic Editor continua disponível e é mantido pela equipe do WordPress. No entanto, ele recebe apenas atualizações de manutenção — sem novos recursos. O WordPress recomenda a migração para o editor de blocos para acesso a recursos modernos e desenvolvimento contínuo.

  O Gutenberg funciona com todos os temas do WordPress?

  O Gutenberg funciona tanto com temas clássicos quanto com temas de blocos. Temas clássicos suportam edição de blocos dentro do conteúdo de postagens e páginas. Temas de blocos também suportam Edição Completa do Site para cabeçalhos, rodapés, templates e estilos globais. Para a experiência completa de FSE, você precisa de um tema de blocos.

  Como faço para converter conteúdo do Classic Editor em blocos?

  Quando você abre uma postagem do Classic Editor no Gutenberg, o WordPress envolve o conteúdo em um bloco Clássico. Você pode clicar em "Converter em blocos" para transformar o conteúdo em blocos individuais. Revise a conversão depois, pois layouts complexos podem precisar de ajustes manuais.

  As páginas do Gutenberg são mais lentas do que as páginas do Classic Editor?

  Não. O Gutenberg gera HTML limpo que é comparável ou mais leve do que a saída do Classic Editor. O editor de blocos não adiciona sobrecarga significativa na interface frontend. A interface do editor em si (no admin) usa mais recursos do que o Classic Editor, mas isso não afeta o que os visitantes experienciam.

  Posso criar blocos personalizados sem codificação?

  Sim, até certo ponto. Você pode criar padrões de blocos personalizados organizando blocos existentes. Para blocos verdadeiramente personalizados com funcionalidades exclusivas, você precisa de desenvolvimento em JavaScript (React). Vários plugins oferecem construtores de blocos sem código, embora tenham limitações em comparação com soluções codificadas.

  O que são padrões sincronizados e como eles diferem de padrões regulares?

  Padrões sincronizados (anteriormente Blocos Reutilizáveis) estão vinculados em todas as suas instâncias. Editar um atualiza todos eles. Padrões regulares são templates — inserir um cria uma cópia independente que você pode modificar sem afetar outros usos. Use padrões sincronizados para conteúdo que deve ser consistente em todos os lugares (CTAs, avisos). Use padrões regulares para layouts que você deseja como pontos de partida.

  Como faço para solucionar problemas do editor de blocos?

  Soluções comuns incluem: limpar o cache do seu navegador, desativar plugins um a um para identificar conflitos, mudar temporariamente para um tema padrão e verificar o console de desenvolvedor do seu navegador em busca de erros de JavaScript. A maioria dos problemas do editor de blocos decorre de conflitos de plugins, e não de problemas centrais.

  O Edição Completa do Site está pronta para uso em produção?

  A partir de 2026, a Edição Completa do Site está estável e pronta para produção. O conjunto de recursos amadureceu significativamente com cada lançamento do WordPress. No entanto, o ecossistema de temas de blocos e padrões ainda está crescendo. Se você precisa de templates pré-construídos extensivos, pode achar a seleção mais limitada em comparação com opções de temas clássicos.

  Encontre um Tema WordPress Pronto para Blocos

  Navegue por temas premium do WordPress otimizados para Gutenberg e Edição Completa do Site. Código limpo, desempenho rápido e designs profissionais.

  Navegar Temas →