Editor clássico X Gutenberg

Acesse essa aula GRATUITAMENTE Já possui uma conta?
Entenda o que é o Gutenberg do WordPress. Veja o passo a passo de como explorar todos os recursos do novo editor!

O editor clássico do WordPress já passou por algumas mudanças ao longo dos anos, mas nada comparado com a chegada do Gutenberg. O que mudou?

Primeiramente, vamos entender um pouco das motivações para remodelar completamente o editor.

Muitas plataformas já oferecem experiências muito mais modernas e agradáveis para publicação de conteúdo. Por exemplo, o Medium, o Tumblr, e Ghost são plataformas que oferecem experiências mais fluídas no quesito editor de texto.

Editor Clássico

O editor clássico ajudou muita gente em todos esses anos. Por isso mesmo, muitos ficaram receosos quando foi anunciada a chegada do Gutenberg. Mas o fato é que o Gutenberg realmente oferece uma experiência superior.

O editor clássico se parece muito com o editor do Microsoft Word. Justamente por isso, ele dificultava algumas tarefas que deveria ser simples. Por exemplo: tente inserir duas imagens, uma ao lado da outra, usando o editor clássico.

Difícil não? Esse foi apenas um exemplo, mas assim como este existem diversas outras tarefas simples que são bem difíceis de executar no antigo editor.

Apesar de oferecer uma experiência muito mais rápida, fácil e agradável, existem aqueles que ainda preferem utilizar o editor clássico. As novas versões do WordPress já não possuem mais esse editor e vem com o Gutenberg já definido como editor padrão. Se você quer utilizar o editor clássico, precisa saber de duas coisas:

O que é o Gutenberg?

O Gutenberg é o novo editor do WordPress baseado em blocos. Logo depois da sua chegada no fim de 2018, começou a ser disponibilizado para testes, em forma de plugin. Quem utilizasse versões do WordPress superiores a 4.8 já podia instalar e testar o Gutenberg.

A partir da versão 5.0 do WP o Gutenberg passou a ser então o editor padrão. A nova experiência baseada em blocos é muito mais fluída e simples.

E como funciona essa nova experiência?

Além de estruturar seus posts e páginas em blocos, o que muda basicamente é forma como o WordPress organiza esses blocos. Sendo assim, ele passou a utilizar comentários HTML como forma de organizar esses blocos.

Gutenberg na versão Visual
Gutenberg na versão Visual

Veja no exemplo acima, a versão visual do editor em blocos e em seguida a versão código desse mesmo conteúdo. Note que ele usa comentários HTML para marcar o início e o fim de um bloco.

Gutenberg na versão Código
Gutenberg na versão Código

Como usar o Gutenberg

Para usar todo o potencial do Gutenberg é importante conhecer os recursos e saber onde encontrar cada um deles. Vamos por partes.

Opções de edição no Gutenberg
Opções de edição no Gutenberg

1. Ferramentas do Documento

Nesse canto superior esquerdo você encontra as seguintes opções:

  • ⊕ Adicionar bloco: Inserção de novos blocos no documento
  • ↩ Desfazer: o famoso CTRL + Z / CMD + Z (que também funciona no teclado)
  • ↪ Refazer: refaz a última ação
  • ⓘ Estrutura de conteúdo: exibe muitas informações importantes a respeito do seu conteúdo como a contagem de palavras, títulos, parágrafos e blocos.
  • ≡ Navegação dos blocos: exibe todos os blocos contidos no seu documento
Estrutura de conteúdo no Gutenberg
Estrutura de conteúdo

2. Configurações e Publicação

Os itens encontrados nessa seção são relacionados a configuração e publicação.

  • Salvar como rascunho / Mudar para rascunho: permite que você salve o conteúdo como rascunho e caso já o tenha publicado, que você retorne ele para o status de rascunho.
  • Visualizar: permite a pré-visualização do seu conteúdo já no frontend.
  • Publicar / Atualizar: permite que você publique seu conteúdo, ou caso já o tenha publicado, que você salve as atualizações.
  • ⚙ Configurações: exibe/oculta o painel de configurações.
  • ⋮ Mostrar mais ferramentas e opções: exibe opções de Visualização, do Editor, de Ferramentas e Opções gerais.
Opções e Ferramentas do Gutenberg
Opções e Ferramentas do Gutenberg

3. Configurações do Documento

Na guia Documento você pode realizar todas as configurações necessárias do documento que está editando (post/página/post type). As configurações que tradicionalmente já existiam, agora ficam organizadas nesta lateral direita. Você encontrará as opções de:

  • Status e visibilidade: edite as opções de visibilidade, data de publicação e mover para lixeira.
  • Revisões: caso tenha salvo mais de uma versão, você poderá encontrar aqui as revisões e as versões anteriores.
  • Link permanente: altere a slug da URL e consequentemente seu permalink.
  • Categorias e Tags: no caso de posts, defina quais categorias e tags serão associadas ao conteúdo.
  • Imagem destacada: selecione a imagem destacada deste conteúdo.
  • Resumo: o resumo (excerpt) pode ser preenchido neste campo.
  • Discussão: habilite e desabilite os comentários e trackbacks.
  • Atributos da página: se estiver editando uma página, você encontrará aqui as opções de modelo, ordem e página ascendente.

4. Configurações do Bloco

Cada bloco adicionado em seu documento também pode ser configurado. Para alterar essas configurações você deve clicar em um bloco e na lateral direita serão exibidas as opções de configuração.

É importante lembrar que cada tipo de bloco oferece opções diferentes.

Opções do Bloco no Gutenberg
Opções do Bloco no Gutenberg

Experimente o Gutenberg

Você pode experimentar o Gutenberg ao vivo, assim você já vê como tudo isso funciona na prática.

Professor

Ludy Amano

Fundador da Mirago, atuou como consultor de marketing digital por muitos anos. Formado em comunicação social pela ESPM, já ministrou aulas em instituições como BSP, Trevisan Escola de Negócios e Escola São Paulo. Atualmente se dedica a inovação na educação do mercado digital.
O curso

Curso WordPress Básico – Gratuito e Online

Crie seu site com o poderoso WordPress. Aprenda a instalar, configurar e administrar seu site com todos os recursos nativos do WP. Curso 100% gratuito e online!
Dúvidas
Avatar
ERIGLEYSON WANDERLEY1 semana atrás

Editor de texto

Olá Ludy... Satisfação em fazer essa pergunta.

Muito se fala em editores Markdown para criar os posts e etc. Isso realmente até facilita na criação e ajuda a lincar um artigo com outro.

Minha pergunta é o seguinte: Realmente é importante termos um editor Markdown para criarmos nossos post, ou Google Docs ou Microsoft Word resolve?

Você poderia sitar vantagens e desvantagens para os dois tipos de editores de texto?
A Mirago utiliza algum editor de texto especial para criação de seus posts?

Denise Andrade
Denise Andrade2 meses atrás

registro.br

tenho meu dominio no registro.br
não estou entendendo como faço pra ativar
deniseandrade.com.br

Claudio Marcelo Oliveira
Claudio Oliveira4 meses atrás

SEO Gutemberg

Então Ludy,
A uns 3 anos atrás eu tinha um site de um negócio local, feito em wordpress e o programador que fez o site me deu algumas orientações de como eu deveria fazer o SEO do conteúdo que eu postava, eu me recordo que ele ficava abaixo do texto no final do conteúdo e eu ia fazendo os ajustes e aparecia para mim ao lado de cada item a luz vermelha, laranja e verde, cada uma indicava em que nível de melhoria eu cheguei. Nesse Gutemberg eu não sei como acessar esta parte para fazer o seo dos conteúdos, tem como dar essa dica?

Avatar
Reila Rodrigues6 meses atrás

GUTENBERG

Fiz a atualização ja esta na versão 5.2 do wordpress mas nao aparece o gutenberg no painel pra mim. O que eu faço?

Avatar
marcelo quadrado7 meses atrás

temas

Se por exemplo eu começar a colocar posts que eu realmente vou querer no meu site, agora ai junto com sua aula neste local padrão que vem no wordpress e depois eu ativar um tema que gostei, todos os posts, tudo que fiz irá sumir ou vai estar todos os posts no tema que eu escolhi ? ou eu devo primeiro escolher o tema que eu vou ficar com ele e ai sim começar a fazer os posts e tudo que tiver que fazer ? obrigado mais uma vez e desculpe tantas dúvidas !!

Luzia Sousa
Luzia Sousa9 meses atrás

GUTENBERG

Fiz atualização do wordpress, mas o gutenberg não apareceu :(

Envie sua dúvida

Exclusivo para Assinantes

Comece Gratuitamente

Crie sua conta Grátis e tenha acesso aos cursos ao vivo e muito mais.

Seja um Assinante

Tenha acesso ilimitado aos cursos, materiais, certificados e muito mais.

Já possui conta? Faça o login.