O Gutenberg é o editor de blocos nativo que abre toda vez que você cria um post ou página no WordPress 5.0 ou superior. Em vez de uma caixa de texto única, cada elemento (título, imagem, lista, botão) é um bloco independente que você arrasta, edita e reordena. Quem vem do page builder visual encontra uma curva curta, mas há detalhes de configuração que travam iniciantes. Este guia mostra a interface, os blocos essenciais e como decidir entre o Gutenberg e um construtor como o Elementor para quem está começando. No suporte da FULL, a maioria dos tickets de editor vem de gente que ainda usava o editor antigo.

O que é o Gutenberg e por que ele virou padrão

O Gutenberg chegou ao núcleo do WordPress na versão 5.0, em dezembro de 2018, e desde então é o editor que abre por padrão em toda instalação nova. Ele troca o campo único de texto por um sistema de blocos: existem mais de 90 blocos nativos no WordPress 6.x, de parágrafo a galeria. Cada bloco guarda seus próprios ajustes de cor, espaçamento e tipografia.

A mudança não foi cosmética. O editor clássico armazenava tudo como HTML corrido, o que dificultava reaproveitar trechos e gerava marcação inconsistente entre temas. O Gutenberg salva cada bloco com comentários estruturados (<!-- wp:paragraph -->), o que deixa o conteúdo previsível para o tema, para plugins de SEO como o Rank Math e para o editor de site completo. Segundo a documentação oficial do Block Editor, essa estrutura é a base do FULL Site Editing introduzido na versão 5.9. Por isso o Gutenberg deixou de ser opcional e passou a ser o caminho recomendado.

Como é a interface do Gutenberg novo editor WordPress

A interface do Gutenberg novo editor WordPress tem três áreas fixas que você usa o tempo todo. No topo fica a barra de ferramentas com o botão “+” (adicionar bloco), o ícone de listagem e o botão Publicar. A coluna da direita abre as configurações em duas abas: Post (categorias, tags, imagem destacada) e Bloco (ajustes do bloco selecionado). O centro é a tela de edição em si.

A barra azul flutuante aparece sempre que você clica num bloco. Nela você troca o tipo de bloco, alinha, aplica negrito ou link, e abre o menu de três pontos para duplicar e mover. O atalho / (barra) abre um buscador rápido: digite /imagem ou /botao e o bloco surge sem precisar do menu. Esse atalho é o primeiro hábito que recomendamos a quem migra do Elementor. A visão “Listagem” mostra a árvore completa de blocos, útil em páginas longas com 40 ou 50 elementos aninhados.

Legenda: a coluna da direita muda entre ajustes de Post e de Bloco conforme o que está selecionado.

Os blocos essenciais que todo iniciante precisa dominar

O WordPress 6.x traz mais de 90 blocos, mas oito resolvem a maior parte do trabalho diário. O bloco Parágrafo é o padrão (Enter cria um novo). Título controla a hierarquia H2/H3, que pesa direto no SEO. Imagem e Galeria cuidam de mídia. Lista, Citação e Botões estruturam a leitura. O bloco Colunas permite layouts lado a lado sem plugin externo.

Cada bloco tem ajustes próprios na coluna direita: o bloco Imagem aceita tamanho, proporção e texto alternativo; o bloco Botões deixa definir cor, raio de borda e largura. O bloco Grupo envolve vários blocos num contêiner único, o que facilita aplicar fundo e espaçamento a uma seção inteira. Já o bloco Colunas resolve grades responsivas sem o peso de um construtor completo. Para galerias mais elaboradas, plugins como o Kadence Blocks ou o GenerateBlocks adicionam blocos extras. Mas para um blog ou site institucional, os blocos nativos cobrem o essencial sem instalar nada e sem inflar o tempo de carregamento.

Passo a passo: Como criar sua primeira página no Gutenberg

Criar uma página no Gutenberg leva poucos minutos depois que você entende o fluxo. O caminho começa no menu Páginas e termina na publicação. Os seis passos abaixo cobrem o ciclo completo, do título à URL final.

Passo 1: Crie uma página nova

No painel do WordPress, vá em Páginas e clique em “Adicionar nova”. O Gutenberg abre com um bloco de título vazio no topo e um parágrafo logo abaixo, prontos para receber o conteúdo.

Passo 2: Adicione o título e o primeiro bloco

Digite o título da página no campo grande do topo. Pressione Enter para descer ao corpo e comece a escrever. Cada Enter cria um novo bloco de parágrafo automaticamente.

Passo 3: Insira blocos pelo atalho de barra

Para adicionar imagem, botão ou lista, digite / no início de uma linha e escolha o bloco. Como alternativa, clique no “+” da barra superior ou da linha em branco.

Passo 4: Ajuste cada bloco na coluna direita

Selecione um bloco e abra a aba Bloco à direita. Defina cor, espaçamento e tipografia. No bloco Imagem, preencha o texto alternativo (alt) para acessibilidade e SEO.

Passo 5: Organize a estrutura com grupo e colunas

Use o bloco Grupo para envolver seções e o bloco Colunas para layouts lado a lado. Arraste blocos pela alça de seis pontos para reordenar sem recortar e colar.

Passo 6: Revise a URL e publique

Antes de publicar, clique em Publicar, abra a aba Post e ajuste o slug da URL. Confirme a imagem destacada e a categoria, então clique em Publicar de novo.

Patterns e blocos reutilizáveis: O recurso que poucos usam

Os patterns e os blocos reutilizáveis economizam horas em sites com seções repetidas, e a maioria dos iniciantes ignora os dois. Um pattern é um conjunto pronto de blocos (uma seção de preços, um cabeçalho com botão) que você insere e edita livremente. Já o bloco reutilizável é sincronizado: editou num lugar, mudou em todos.

A diferença prática importa. O pattern serve quando você quer um ponto de partida e vai personalizar cada cópia, ideal para landing pages. O bloco reutilizável serve para algo idêntico em todo o site, como uma chamada para newsletter. O WordPress 6.x renomeou os reutilizáveis para “Sincronizados” e os agrupa na biblioteca de patterns, acessível pelo “+” e pela aba Padrões. Quem gerencia vários posts ganha com isso: dá para criar um bloco de conteúdo reutilizável no WordPress uma vez e propagar correções de uma só vez. Para mover seções entre sites, vale conhecer o fluxo de exportar e importar blocos do Gutenberg.

Gutenberg ou Elementor: Quando cada um faz sentido

A escolha entre o Gutenberg e o Elementor depende do tipo de projeto, não de qual é “melhor”. O Gutenberg é nativo, mais leve e gera HTML limpo, o que ajuda no Core Web Vitals. O Elementor oferece controle pixel a pixel e centenas de widgets, ao custo de mais carga na página.

Na prática, blogs e sites de conteúdo rodam bem só com o Gutenberg. Lojas e landing pages com layout sofisticado tendem a pedir um construtor. Quem quer aprofundar a comparação encontra o detalhe no guia Elementor vs Gutenberg, e os tutoriais visuais estão nos artigos de Elementor da FULL.

Acelere sua produção com a plataforma FULL

Montar páginas no Gutenberg é gratuito, mas escalar um site profissional exige plugins PRO que custam caro avulsos. O plano PRO da FULL custa R$849 e libera Elementor PRO, Rank Math PRO, WP Rocket e mais 14 plugins premium. Dividido pela quantidade de sites que você pode ativar, sai por cerca de R$85 por site, contra os US$59/ano que cada licença avulsa cobraria. No suporte da FULL, boa parte dos clientes começa no Gutenberg e migra para o Elementor PRO quando o projeto cresce, ativando tudo em um clique pela plataforma. Veja os planos da FULL e ative os plugins sem comprar licença por licença.

Perguntas frequentes sobre o Gutenberg novo editor WordPress

Próximos passos para dominar o editor de blocos

O Gutenberg deixou de ser uma novidade para se tornar a base de toda criação de conteúdo no WordPress 6.x. Dominar a interface de blocos, os ajustes da coluna direita e os patterns coloca você à frente da maioria que ainda edita no modo antigo. Comece criando uma página simples, experimente o atalho / e teste um bloco sincronizado antes de avançar para layouts complexos. Quando o projeto pedir mais controle visual, o caminho natural é um construtor como o Elementor, sem abandonar o Gutenberg para o conteúdo do blog. Para continuar aprendendo, o guia Domine o Elementor reúne os tutoriais visuais em sequência, e o FULL Academy concentra todos os materiais de WordPress em um só lugar.