Gutenberg

Gutenberg é o nome de um projeto de longo prazo criado para modernizar e transformar a experiência de criação, edição e publicação no WordPress.

Seu resultado mais conhecido é o Editor de Blocos, incorporado ao WordPress 5.0, lançado em dezembro de 2018. A partir dessa versão, o Editor de Blocos tornou-se a experiência padrão para criar e editar posts, páginas e outros tipos de conteúdo.

Embora os nomes sejam frequentemente usados como sinônimos, Gutenberg não é apenas o que gera o editor de conteúdo/blocos. O projeto também está relacionado ao desenvolvimento do Editor do Site (Full Site Editing, ou FSE), dos temas de blocos, dos padrões, dos estilos globais e de outras iniciativas voltadas à colaboração editorial e à evolução da plataforma WordPress.

Como funciona o Editor de Blocos?

Antes do Editor de Blocos, o WordPress utilizava por padrão o Editor Clássico, cuja interface visual era baseada no TinyMCE, um editor de texto rico utilizado também por diversos outros sistemas de gerenciamento de conteúdo, mas que deixa a desejar quando se trata de criar conteúdos não apenas textuais.

O Editor Clássico concentrava o conteúdo do post ou da página em uma área principal de edição, semelhante à interface de um processador de texto. Embora permitisse alternar entre os Modos Visual e Texto (que na verdade, mostra HTML), o conteúdo era tratado principalmente como um documento contínuo.

Com a chegada do Editor de Blocos, o WordPress passou a adotar uma estrutura diferente. Em vez de manter todo o conteúdo em uma única área, cada elemento é tratado como um componente independente chamado bloco.

Parágrafos, títulos, imagens, galerias, vídeos, botões, listas e colunas, por exemplo, são blocos separados, cada um com seus próprios controles e configurações.

Essa mudança não significa que o TinyMCE tenha sido completamente removido do WordPress. Ele ainda pode aparecer no Editor Clássico, no bloco Clássico e em interfaces fornecidas por alguns temas e plugins. No entanto, a experiência padrão de edição do WordPress atualmente é baseada em blocos.

Os blocos são usados somente em posts e páginas?

Os blocos foram inicialmente apresentados como uma nova forma de criar o conteúdo de posts e páginas, mas sua utilização foi ampliada ao longo do desenvolvimento do projeto Gutenberg.

Atualmente, através do FSE, os blocos também podem representar elementos estruturais e dinâmicos de um site, como:

Logo e título do site;
Menu de navegação;
Cabeçalho;
Rodapé;
Título de uma publicação;
Imagem destacada;
Autor e data do post;
Lista de categorias e tags;
Comentários;
Resultados de pesquisa;
Listagens e consultas de posts;
Partes de um template.

A disponibilidade desses recursos depende, entre outros fatores, do tema utilizado. Os recursos de edição completa da estrutura do site estão disponíveis principalmente em temas de blocos.

Gutenberg, Editor de Blocos e Editor do Site são a mesma coisa?

Gutenberg, Editor de Blocos e Editor do Site são conceitos relacionados, mas não significam exatamente a mesma coisa.

Projeto Gutenberg

Gutenberg é o projeto mais amplo de evolução da experiência de criação, edição e publicação no WordPress.

O desenvolvimento do Editor de Blocos faz parte desse projeto, mas Gutenberg também engloba outras iniciativas relacionadas à personalização do site, colaboração editorial, fluxos de trabalho e recursos multilíngues.

Editor de Blocos

O Editor de Blocos é a interface utilizada principalmente para criar e editar o conteúdo de posts, páginas e outros tipos de conteúdo do WordPress.

Nele, elementos como textos, imagens, vídeos, botões e colunas são representados por blocos independentes.

O Editor de Blocos faz parte do WordPress Core e pode ser utilizado tanto com temas clássicos quanto com temas de blocos.

Editor do Site

O Editor do Site é uma interface que permite editar diferentes partes da estrutura visual de um site, incluindo:

Templates;
Cabeçalhos;
Rodapés;
Menus de navegação;
Páginas;
Padrões;
Paletas de cores;
Tipografia;
Estilos globais.

O Editor do Site está disponível quando o site utiliza um tema de blocos compatível.

Por isso, uma pessoa pode usar o Editor de Blocos para escrever um post sem necessariamente utilizar o Editor do Site para controlar o restante do layout.

Gutenberg é um construtor de páginas?

O Editor de Blocos permite criar layouts, organizar colunas, adicionar elementos visuais e personalizar partes de uma página. Por isso, algumas de suas funções também são encontradas em construtores de páginas, conhecidos como page builders.

Entretanto, Gutenberg não é apenas um construtor de páginas. Ele é um projeto integrado ao desenvolvimento do próprio WordPress e fornece uma base para diferentes experiências de edição.

Plugins como Elementor, Beaver Builder, Divi e Bricks oferecem suas próprias interfaces e seus próprios sistemas de componentes. Já o Editor de Blocos utiliza a arquitetura nativa de blocos do WordPress.

Além da edição de conteúdo, essa arquitetura pode ser utilizada por temas e plugins para criar blocos personalizados, padrões, templates e outras experiências integradas ao WordPress.

O que é o plugin Gutenberg?

Além de nomear o projeto, Gutenberg também é o nome de um plugin disponível no diretório oficial de plugins do WordPress.

Não é necessário instalar o plugin Gutenberg para utilizar o Editor de Blocos. O editor já faz parte do WordPress Core desde a versão 5.0.

O plugin Gutenberg disponibiliza versões mais recentes dos recursos desenvolvidos pelo projeto. Algumas dessas funcionalidades podem ser incorporadas posteriormente ao WordPress Core, depois de passarem por desenvolvimento, testes e ajustes.

Por isso, o plugin é utilizado principalmente por pessoas que desejam:

Testar antecipadamente novos recursos;
Verificar a compatibilidade de temas e plugins;
Participar dos testes do projeto;
Reportar problemas;
Contribuir com o desenvolvimento do WordPress.

Como o plugin pode incluir funcionalidades mais recentes ou ainda em desenvolvimento, sua instalação não é obrigatória para usuários que apenas desejam criar conteúdo com o Editor de Blocos.

É possível continuar usando o Editor Clássico?

O Editor de Blocos tornou-se o editor padrão do WordPress, mas ainda é possível utilizar a experiência anterior por meio do plugin oficial Classic Editor ou de configurações oferecidas por determinados temas e plugins.

Também existe um bloco chamado Clássico, que permite usar uma interface semelhante à do editor anterior dentro do próprio Editor de Blocos.

No entanto, o desenvolvimento atual do WordPress está concentrado principalmente na arquitetura de blocos. Por isso, recursos recentes de edição, personalização e criação de layouts geralmente são desenvolvidos primeiro para essa experiência.

Quais são as fases do projeto Gutenberg?

O projeto Gutenberg foi organizado em quatro grandes fases:

Edição: introdução dos blocos e do Editor de Blocos;
Personalização: expansão dos blocos para templates, estilos e outras partes do site;
Colaboração: desenvolvimento de recursos para colaboração e aprimoramento dos fluxos editoriais;
Recursos multilíngues: criação de soluções nativas para publicação de conteúdo em diferentes idiomas.

Essas fases não representam produtos completamente separados. Elas fazem parte de uma evolução contínua da experiência de publicação no WordPress.

A primeira fase levou o sistema de blocos aos posts e páginas. A segunda ampliou esse modelo para a estrutura e o design do site. As fases seguintes buscam melhorar a colaboração entre usuários e o gerenciamento de conteúdo multilíngue.

Por que o projeto se chama Gutenberg?

O nome é uma referência a Johannes Gutenberg, inventor europeu associado ao desenvolvimento da prensa de tipos móveis no século XV.

A escolha representa a intenção do projeto de promover uma transformação significativa na forma de criar e publicar conteúdo, assim como a prensa de tipos móveis teve grande impacto na produção e na distribuição de informações.

Resumindo

Gutenberg é um projeto amplo e contínuo de modernização do WordPress. O Editor de Blocos, lançado como experiência padrão no WordPress 5.0, é uma de suas principais entregas, mas não representa todo o projeto.

De forma resumida:

Gutenberg é o projeto;
Editor de Blocos é a interface baseada em blocos usada para editar conteúdo;
Editor do Site é a interface usada com temas de blocos para editar a estrutura e os estilos do site;
Plugin Gutenberg disponibiliza recursos mais recentes desenvolvidos pelo projeto, mas você não precisa o instalar em seu site.

Compreender essas diferenças evita confundir o projeto Gutenberg com uma única interface ou tratá-lo apenas como mais um construtor de páginas.

Saiba mais sobre a transformação

O Editor de Blocos representa somente uma parte das mudanças promovidas pelo projeto. Para conhecer sua evolução, as etapas já incorporadas ao WordPress e os recursos planejados para as próximas fases, leia os artigos: