Gutenberg WordPress: Guia Completo do Editor de Blocos 2025

O editor de blocos (Gutenberg) é o presente e futuro do WordPress. Desde a sua introdução no WordPress 5.0, evoluiu de editor de conteúdo controverso para sistema completo de design com Full Site Editing. Em 2025, dominar Gutenberg é essencial — quer para criar conteúdo eficientemente, quer para oferecer aos clientes uma experiência de edição moderna.

Conceitos fundamentais

O que é um bloco?

Tudo no Gutenberg é um bloco: parágrafos, imagens, botões, colunas, vídeos, tabelas. Cada bloco é um elemento independente que pode ser movido, duplicado, transformado e estilizado individualmente.

Tipos de blocos disponíveis

• Texto: Parágrafo, Título, Lista, Citação, Código, Tabela
• Media: Imagem, Galeria, Áudio, Vídeo, Ficheiro, Capa
• Design: Colunas, Grupo, Separador, Espaçador, Botões
• Widgets: Shortcode, HTML personalizado, Últimos posts, Pesquisa
• Embeds: YouTube, Twitter, Spotify, e dezenas de outros serviços

Atalhos de teclado essenciais

• / — inserir bloco por nome (o mais rápido)
• Ctrl + Shift + D — duplicar bloco
• Ctrl + Alt + T — inserir bloco antes
• Ctrl + Alt + Y — inserir bloco depois
• Ctrl + Shift + Z — redo
• Shift + Alt + H — ver todos os atalhos

Padrões (Patterns)

Padrões são layouts pré-desenhados de múltiplos blocos que pode inserir com um clique. WordPress 6.x inclui dezenas de padrões nativos para headers, CTAs, testimonials, galerias e mais.

Para agências: crie padrões personalizados (Synced Patterns) que os clientes podem reutilizar — garante consistência de design sem que o cliente precise saber de design.

Full Site Editing (FSE)

Com um tema de blocos compatível, pode editar tudo com Gutenberg:

• Templates: layout de páginas individuais, posts, 404, arquivo
• Template Parts: header, footer, sidebar reutilizáveis
• Estilos Globais: cores, tipografia, espaçamento definidos centralmente

FSE elimina a necessidade de page builders para a maioria dos projectos — com a vantagem de ser nativo, sem dependências de plugins de terceiros.

Gutenberg vs Page Builders

Vantagens do Gutenberg:

• Nativo — sem plugin adicional, sem dependência de terceiros
• Performance superior (não carrega frameworks JS pesados no frontend)
• Evolui com WordPress (cada update traz melhorias)
• Conteúdo portável (não fica preso a shortcodes proprietários)

Quando um page builder ainda faz sentido:

• Projectos complexos com layouts muito customizados
• Clientes que precisam de drag-and-drop visual avançado
• Sites existentes já construídos com page builder (migração é complexa)

Plugins de blocos recomendados

• Kadence Blocks: blocos adicionais de qualidade (tabs, accordion, icon list)
• Spectra: ex-Ultimate Addons, blocos para design avançado
• GenerateBlocks: 4 blocos super versáteis que fazem quase tudo

Dicas para agências

• Bloqueie blocos que o cliente não deve usar (Block Manager no editor)
• Crie Synced Patterns para componentes reutilizáveis
• Use template locking para proteger layouts de edição acidental
• Configure user roles: Editors vêem apenas blocos aprovados