WordPress Nível: iniciante

Gutenberg

Gutenberg é o editor de blocos padrão do WordPress desde a versão 5.0, onde cada elemento de conteúdo, texto, imagem, vídeo, botão, é um bloco independente e configurável.

Gutenberg é o editor visual padrão do WordPress desde a versão 5.0, lançada em 2018. O nome é referência a Johannes Gutenberg, inventor da prensa de tipos móveis. O editor substituiu o TinyMCE clássico e mudou fundamentalmente a forma de criar conteúdo no WordPress.

No Gutenberg, cada elemento é um bloco: um parágrafo é um bloco, uma imagem é um bloco, um botão é um bloco, uma coluna é um bloco que contém outros blocos. Isso permite compor layouts sem precisar de shortcodes ou HTML manual.

Full Site Editing estendeu o Gutenberg além do conteúdo

Originalmente o Gutenberg era apenas para posts e páginas. Com o Full Site Editing (FSE), o editor de blocos passou a controlar também cabeçalho, rodapé e templates de layout. Temas que suportam FSE expõem toda a estrutura do site para edição visual no próprio WordPress.

Gutenberg vs Elementor

Elementor ainda tem uma base de usuários grande e recursos que o Gutenberg nativo não oferece. Mas a diferença vem diminuindo. Para sites novos, o Gutenberg nativo com um tema bem escolhido costuma ser a abordagem mais leve em performance.

Como funciona na prática

  • O conteúdo é composto por blocos que podem ser adicionados, reordenados e configurados individualmente
  • Cada bloco tem suas próprias configurações de aparência na barra lateral direita
  • O conteúdo é salvo como HTML comentado no banco de dados, legível mesmo sem o editor
  • Blocos podem ser agrupados em padrões reutilizáveis para consistência entre páginas
  • Plugins e temas podem registrar blocos personalizados para funcionalidades específicas

Exemplo Prático

Um post de blog criado no Gutenberg usa um bloco de parágrafo para o texto, um bloco de imagem com legenda, um bloco de citação para um trecho destacado e um bloco de botão para o CTA. Cada um pode ser estilizado individualmente sem tocar em CSS.

Por que isso é importante?

Gutenberg importa porque é o futuro da criação de conteúdo no WordPress. Quem entende como ele funciona consegue criar sites mais performáticos, com menos dependência de plugins pesados como page builders.

Perguntas Frequentes (FAQ) sobre Gutenberg

Posso voltar para o editor clássico do WordPress?

Sim. O plugin Classic Editor restaura o editor TinyMCE anterior. Mas ele está em modo de manutenção e o suporte oficial termina. Para sites novos, aprender Gutenberg é o caminho mais sustentável.

Gutenberg funciona com qualquer tema WordPress?

O editor básico funciona com qualquer tema. O Full Site Editing só está disponível em temas que declaram suporte a ele. Temas clássicos continuam funcionando com Gutenberg apenas para edição de conteúdo.