A Gutenberg builder WordPress é o editor de blocos que vem embutido no WordPress e permite construir posts e páginas arrastando blocos prontos, sem instalar nenhum construtor externo. Muita gente acha que precisa do Elementor logo no primeiro dia e instala um page builder pesado num site que ainda nem tem conteúdo. O caminho mais leve costuma ser o contrário: você domina o Gutenberg primeiro, entende o que ele já resolve sozinho e só adiciona um builder quando bate num limite real. Neste guia você vai ver, com ferramentas reais e passo a passo, como usar o editor de blocos e quando vale trocar de ferramenta. Para o panorama completo, comece pela nossa categoria de artigos de Elementor da FULL e pelo tutorial de como criar um site WordPress.

O que é a Gutenberg builder WordPress na prática

A Gutenberg builder WordPress é o sistema de edição por blocos introduzido no WordPress 5.0 e hoje maduro no Gutenberg do WordPress 6.x. Cada parágrafo, imagem ou coluna vira um bloco independente que você posiciona na tela, sem escrever HTML. Antes de comparar com um page builder, vale ver o que o editor nativo já entrega.

Cada linha mostra uma troca clara entre peso e controle. O Gutenberg não cobra quilobyte extra, enquanto um page builder soma scripts que pesam no carregamento. Ler essa tabela já resolve metade da dúvida que a gente vê no suporte da FULL: quem só pública conteúdo raramente precisa de um builder externo.

Por que o Gutenberg deixa o site mais leve

O Gutenberg deixa o site mais leve porque ele renderiza HTML estático no banco de dados, sem carregar um motor de layout em cada visita, ao contrário de um page builder que pode injetar cerca de 300 KB de CSS e JavaScript por página. Essa diferença aparece direto no LCP, a métrica de carregamento que o Google usa para ranquear, segundo a documentação oficial de Core Web Vitals.

Na prática, um Elementor PRO carregando vários widgets em servidor compartilhado sem cache, somado a uma página pesada de imagens, costuma jogar o LCP acima de 2,5 s mesmo com as imagens otimizadas. O mesmo conteúdo montado na Gutenberg builder WordPress tende a abrir mais rápido porque não há um framework de builder para inicializar antes de pintar a tela. Por isso o Gutenberg é a escolha padrão para blogs e sites institucionais. Se a performance já é o seu problema hoje, vale ler primeiro como otimizar um site feito no Elementor antes de decidir trocar de ferramenta.

Os 4 critérios para escolher entre Gutenberg e um page builder

Escolher entre a Gutenberg builder WordPress e um construtor externo se resume a quatro critérios objetivos: peso na página, controle visual, curva de aprendizado e custo. Avaliar os quatro antes de instalar qualquer coisa evita o erro mais comum, que é montar um blog inteiro dentro de um page builder de 300 KB e depois brigar com o carregamento lento por anos.

O primeiro critério é o peso: o Gutenberg adiciona 0 KB, o Elementor adiciona cerca de 300 KB e o Bricks Builder fica perto de 60 KB. O segundo é o controle visual, onde o Elementor lidera com ajuste pixel a pixel que o editor nativo ainda não oferece. O terceiro é a curva: o Gutenberg é mais simples para quem só escreve, enquanto o builder pede prática. O quarto é o custo, e aqui o nativo ganha por ser gratuito. A gente vê no suporte da FULL que cruzar esses quatro critérios derruba quase toda indecisão antes mesmo do primeiro teste.

Passo a passo: Como construir uma página com o Gutenberg em 5 passos

Construir uma página completa com a Gutenberg builder WordPress leva de 15 a 30 minutos e cabe em cinco passos, do bloco de título até a publicação. A ordem importa: você monta a estrutura com blocos nativos, reutiliza padrões para ganhar tempo e só pensa em plugin de bloco quando bate num limite real do editor.

Passo 1: Abra o editor de blocos e crie a base

Acesse Páginas, clique em Adicionar nova e o editor de blocos abre direto na tela limpa. Digite o título no campo grande do topo e pressione Enter para criar o primeiro bloco de parágrafo. Cada vez que você aperta Enter, um novo bloco nasce, e o botão de mais (+) no canto abre a biblioteca com mais de 90 blocos nativos, de imagem a botão e tabela.

Passo 2: Estruture o layout com blocos de coluna

Insira um bloco de Colunas pelo botão de mais para dividir a tela em duas ou três partes sem tocar em CSS. Dentro de cada coluna você arrasta outros blocos, como imagem à esquerda e texto à direita, criando seções que antes exigiam um page builder. O bloco de Grupo, por sua vez, junta vários blocos num container único que você move e estiliza de uma vez só.

Passo 3: Reutilize seções com block patterns

Abra a aba de Padrões dentro da biblioteca da Gutenberg builder WordPress e escolha um block pattern pronto, como uma seção de preços ou um cabeçalho com chamada. Um block pattern reutilizado em várias páginas, somado a um tema leve, gera consistência visual sem CSS extra e sem o peso de um plugin. Salve seus próprios padrões para repetir o mesmo bloco em todo o site com um clique.

Passo 4: Ajuste o visual com as configurações do bloco

Selecione qualquer bloco e a barra lateral direita mostra cor, tipografia, espaçamento e borda daquele elemento específico. Em temas de blocos, o painel de Estilos aplica essas escolhas ao site inteiro de uma vez, mantendo a marca consistente. Evite colar CSS personalizado em cada bloco: prefira ajustar os Estilos globais, que é o que mantém a Gutenberg builder WordPress organizada conforme o site cresce.

Passo 5: Pré-visualize, teste no celular e publique

Use o botão de Visualizar para abrir a página em uma nova aba e confira o resultado no desktop e no celular antes de publicar. Mais de 60% do tráfego brasileiro é mobile, então o teste em tela pequena não é opcional. Quando estiver pronto, clique em Publicar, confirme e a página entra no ar com HTML limpo, sem o overhead de um construtor externo rodando por trás.

FULL site editing: A Gutenberg builder WordPress além do conteúdo

O FULL Site Editing é a evolução da Gutenberg builder WordPress que estende a edição por blocos para cabeçalho, rodapé e modelos de página inteiros, disponível desde o WordPress 5.9 em temas de blocos. Com ele você edita o site todo no mesmo editor, sem precisar de um tema premium ou de um page builder para o layout global.

Há um detalhe que pega muita gente desprevenida. Em sites com tema clássico antigo e PHP abaixo da 8.0, ativar o FULL Site Editing tende a quebrar o cabeçalho herdado do tema, porque o tema clássico não registra os templates de bloco que o editor de site espera. A correção certa é migrar para um tema de blocos como o Astra ou outro tema otimizado para Gutenberg antes de mexer no editor de site, nunca depois. Se você ainda está no tema clássico, veja como trocar de tema do WordPress sem quebrar o site primeiro.

Acelere o seu site com a stack certa da FULL

Depois de dominar a Gutenberg builder WordPress, a próxima usa de performance costuma exigir plugins premium bem afinados, e aí entra o lado comercial. No plano PRO da FULL, por R$849 ao ano, você ativa WP Rocket, Perfmatters, Elementor PRO e os demais com um clique, o que dá cerca de R$85 por site quando o bundle é dividido entre os dez sites do plano. Comprar cada uma dessas licenças avulsa custaria bem mais que isso por ano, e ainda exigiria gerenciar uma chave de ativação diferente por plugin em cada site. A gente vê no suporte da FULL que a maioria dos sites lentos melhora com cache de página e exclusão de JavaScript bem configurados, e não com mais um construtor instalado em cima do que já existe. Conheça a stack completa em FULL.services/planos e pare de comprar licença avulsa cara para cada site.

Perguntas frequentes sobre a Gutenberg builder WordPress

Próximos passos para dominar o editor de blocos

Com a Gutenberg builder WordPress sob controle, você sai do palpite e passa a escolher a ferramenta certa para cada projeto: o editor nativo para conteúdo e performance, o page builder só quando o design exige. Comece montando uma página de teste com blocos e patterns, meça o carregamento antes de instalar qualquer construtor e compare o resultado. O ciclo construir, medir e só então adicionar plugin é o que separa quem mantém o site rápido de quem acumula peso sem perceber. Para continuar aprendendo, o FULL Academy reúne os tutoriais de WordPress em um só lugar, e o guia Domine o Elementor mostra o próximo passo para quem decidir partir para um builder visual. Quem ainda pública conteúdo na mão pode ganhar tempo aprendendo a atualizar postagens no Gutenberg com mais agilidade, e quem vai partir para o builder visual deve antes ativar o Elementor corretamente.

Legenda: o editor de blocos nativo monta colunas, grupos e patterns sem nenhum page builder externo carregado.