Uma dessas grandes mudanças foi a introdução do Gutenberg Editor. Neste post, vamos comparar o bom e velho editor clássico com o editor Gutenberg para saber as diferenças entre eles.
Editor clássico do WordPress
Antes do editor Gutenberg, o editor clássico do WordPress era o editor padrão integrado ao WordPress. É um editor WYSIWYG e possui uma interface de usuário semelhante a diferentes aplicativos de processamento de texto, como o MS Word. A imagem a seguir mostra como é o editor clássico do WordPress.
A barra de ferramentas na parte superior contém diferentes botões para deixar o texto em negrito ou itálico, alterar o alinhamento do texto ou inserir links, etc. top para fazer alterações de formatação.
O editor clássico do WordPress usa o editor TinyMCE gratuito e de código aberto nos bastidores. Os usuários do editor clássico podem alternar facilmente entre o modo visual ou textual do editor para editar diretamente o HTML subjacente de sua postagem no blog. Isso torna o editor clássico uma ferramenta poderosa para pessoas com conhecimentos básicos de HTML e CSS.
As pessoas que usam o WordPress há muito tempo preferem usar o editor clássico devido à sua simplicidade. O editor clássico dá a eles mais controle sobre a marcação com uma interface fácil de usar e sem confusão desnecessária.
Editor WordPress Gutenberg
O editor WordPress Guternberg foi lançado em dezembro de 2018 como parte da atualização do WordPress 5.0 e tem sido o editor padrão do WordPress desde então. Este novo editor introduziu o conceito de blocos para criar e editar suas postagens de blog.
Digamos que você queira criar um novo parágrafo em sua postagem de blog, tudo o que você precisa fazer é adicionar um novo bloco de parágrafo. Leva algum tempo para as pessoas se acostumarem com a forma como os blocos funcionam, caso tenham usado apenas o editor clássico antes.
Você pode mover diferentes blocos de conteúdo para cima e para baixo ao criar uma postagem de blog simplesmente arrastando-os. A principal razão para desenvolver o editor Gutenberg foi a crescente popularidade dos criadores de sites. A falta de capacidade integrada para criar um layout de página no WordPress era uma desvantagem competitiva.
Como você verá, o editor Gutenberg não se destina apenas a escrever postagens de blog, você pode usá-lo para criar seus próprios layouts complexos.
Principais diferenças entre os editores
Tanto o editor Gutenberg quanto o editor clássico foram desenvolvidos com objetivos diferentes em mente. Isso afeta muitas coisas, como a interface do usuário, recursos e assim por diante. Vamos resumir algumas dessas diferenças para você nesta seção.
Interface do usuário e opções de personalização
Como vimos em nossas seções anteriores, o editor clássico conta com um layout de processador de texto mais antigo com uma barra de ferramentas na parte superior para criar postagens de blog. Esse layout é familiar para pessoas que o usam há muito tempo.
Por outro lado, o editor do Gutenberg conta com blocos para criar uma postagem no blog. Tudo dentro do editor do Gutenberg é um bloco. Você também pode transformar um bloco em outro para alterar um parágrafo em um cabeçalho, etc.
Com o editor clássico do WordPress, os diferentes elementos estão sempre presentes na barra de ferramentas. Você não precisa ir a lugar nenhum para procurá-los. Isso torna o uso do editor clássico um pouco mais fácil para as pessoas que estão criando postagens de blog pela primeira vez.
Com o editor WordPress Gutenberg, você obtém uma barra de ferramentas flutuante depois de digitar seu texto. Essa barra de ferramentas possui botões que permitem colocar o texto em negrito, itálico ou alterar seu alinhamento. Uma coisa interessante sobre o editor do Gutenberg é a barra lateral que contém opções específicas de bloco para cada bloco que você adiciona a uma postagem de blog.
Nesse caso, a barra lateral contém diferentes configurações para alterar a cor, o plano de fundo ou o tamanho do texto para atender às suas necessidades. Você pode usar a seção de decoração de texto para adicionar um sublinhado ou um tachado. Também é possível alterar o peso da fonte para deixar o texto em negrito ou alterar o espaçamento entre as letras.
Portanto, a interface do usuário é mais simples com o editor clássico, mas oferece um conjunto fixo e limitado de opções. Quando você usa o editor Gutenberg, as opções na barra lateral mudam dinamicamente com base no bloco selecionado.
Você descobrirá que o editor do Gutenberg não é particularmente difícil de usar depois de criar algumas postagens de blog.
Opções de layout de postagem e página
O editor clássico do WordPress funciona muito bem se você não planeja criar layouts exclusivos para diferentes postagens e páginas de blog que você cria. No entanto, o editor do Gutenberg realmente brilha quando você deseja alterar o layout de uma postagem de blog para organizar as coisas em colunas ou linhas.
O editor Gutenberg contém blocos para todos os tipos de coisas. Você pode passar o mouse sobre um bloco para ver o que ele faz se não o entender apenas lendo seu nome. Poderíamos usar o colunas bloco para organizar nosso conteúdo em colunas. Adicionando um colunas widget para uma postagem de blog mostra a seguinte tela. Você pode escolher se deseja uma, duas ou três colunas em seu layout e como essas colunas devem ser dispostas.
Dentro de cada uma dessas colunas, você pode adicionar outros blocos de conteúdo para títulos, imagens, texto de parágrafo ou ainda mais colunas. A barra lateral permite alterar o número de colunas e, opcionalmente, empilhá-las em dispositivos menores.
Você não tem essa liberdade de criar seus próprios layouts de postagem de blog com o editor clássico independente.
Desempenho e marcação gerada
O editor Gutenberg é muito mais complicado do que o editor clássico. Portanto, faz sentido que ambos tenham desempenho em níveis diferentes. A equipe de desenvolvedores por trás do Gutenberg está constantemente trabalhando para adicionar novos recursos enquanto melhora o desempenho do editor.
Para postagens de blog regulares, você não sentirá nenhuma diferença significativa de desempenho entre os dois. No entanto, minha experiência pessoal é que o editor do Gutenberg pode ficar um pouco lento com postagens extremamente longas.
Outra diferença entre esses dois é a marcação final que eles geram. Você tem controle total sobre o HTML gerado com o editor clássico. No entanto, a marcação no editor Gutenberg pode ficar um pouco inchada em comparação. Isso se deve principalmente a todos os recursos adicionais que ele oferece.
Gostaria de esclarecer que o inchaço do HTML gerado ainda é muito menor em comparação com outros construtores de páginas populares. No entanto, não pode ser tão enxuto quanto o editor clássico.
Pensamentos finais
Nesta postagem, apresentamos uma breve visão geral do editor WordPress clássico e do editor Gutenberg. Em termos de recursos, o editor Gutenberg está muito à frente do editor clássico e a lacuna só aumentará com a adição de novos recursos.
No entanto, nem todo mundo quer abrir mão do editor clássico. Isso é evidente pelas baixas avaliações de usuários do editor Gutenberg. A equipe de desenvolvedores até adicionou um bloco Classic Editor ao Gutenberg para facilitar o uso do editor do Gutenberg pelos usuários.
Você definitivamente deve considerar mudar para o editor Gutenberg se ainda estiver usando o editor clássico. Só vai melhorar com o tempo. Você também vai se acostumar com o fluxo de trabalho do editor depois de escrever algumas postagens de blog nele.
