Gutenberg vs Classic Editor: 29 razões para mudar (ou ficar parado)

No mundo do WordPress, o debate Gutenberg vs Editor Clássico é de opiniões fortes. E por um bom motivo. O editor de blocos revolucionou a forma como as pessoas criam conteúdo na plataforma. No entanto, não é sem suas desvantagens e controvérsias. E para alguns, a perspectiva de aprender uma nova interface é altamente desagradável.

Você pode ser uma daquelas pessoas que se perguntam se devem mudar do Editor Clássico para o Gutenberg ou ficar com o que já sabem. Para ajudá-lo a tomar uma decisão informada, esta postagem analisa as principais diferenças e recursos dos dois editores e oferece conselhos sobre qual é o certo para o seu site. Seja você um desenvolvedor iniciante ou experiente, no final você terá todas as informações necessárias para decidir qual editor usar.

Conhecendo o Gutenberg: principais recursos e funções

A principal distinção entre Gutenberg e o Editor Clássico é como o conteúdo é estruturado. Em vez de uma única área de texto longo, Gutenberg divide o conteúdo em blocos. Podem ser texto, imagens, cabeçalhos ou até mesmo widgets e partes temáticas.

Essa configuração oferece aos usuários a capacidade de organizar o conteúdo sem precisar usar códigos de acesso complexos ou marcação HTML. Tudo está disponível diretamente na página. Além disso, os blocos também são facilmente reorganizáveis.

O que também é importante notar é que os blocos Gutenberg são construídos na biblioteca React Javascript. Isso os torna altamente personalizáveis ​​e extensíveis. Os desenvolvedores podem usar o React para criar blocos personalizados, bem como modificar os blocos existentes para atender às suas necessidades.

Conhecendo o editor clássico: recursos e interface familiares

Se você está procurando o conforto e a familiaridade de um editor testado e comprovado, não procure mais do que o WordPress Classic Editor.

Sua interface WYSIWYG é de fácil entendimento, e suas opções básicas de edição são perfeitas para quem não precisa de recursos avançados. Muitos usuários já conhecem bem o sistema depois de usá-lo por mais de uma década.

Outra vantagem do Classic Editor é sua compatibilidade com uma ampla variedade de plugins e temas. Como é o editor padrão há tanto tempo, muitas extensões foram criadas com ele em mente.

10 razões pelas quais mudar para o Editor Gutenberg é uma boa ideia

O editor Gutenberg oferece uma variedade de melhorias e avanços em relação ao Editor Clássico. É uma ótima opção para usuários que procuram uma experiência de edição mais avançada e personalizável. Aqui estão nove razões pelas quais mudar para o editor Gutenberg é uma boa ideia.

1. Personalização aprimorada

O Gutenberg oferece mais possibilidades de personalização do que o Editor Clássico. Ele oferece a oportunidade de personalizar cada bloco de conteúdo individual sem usar HTML ou CSS personalizado. Isso permite que você crie páginas da Web distintas e atraentes apenas com o ponteiro do mouse.

2. Interface amigável

Com sua interface intuitiva e amigável para iniciantes, o Gutenberg permite que você adicione ou modifique facilmente o conteúdo da sua página. Basta clicar no sinal de + no canto superior esquerdo para selecionar o tipo de bloco que deseja inserir.

3. Bloco Versátil e Sistema de Layout

Falando em blocos, o sistema de blocos do Gutenberg é dinâmico e flexível. Ele permite que os usuários criem conteúdo envolvente e visualmente atraente com menos barulho. Em vez de se limitar a um estilo de edição de processador de texto, você pode aprimorar designs de página inteira no editor de postagem.

Por exemplo, você pode criar elementos de conteúdo rico, como colunas e layouts de estilo de publicação, sem a ajuda de plug-ins. Ou vá ainda mais longe com padrões de blocos, que permitem criar páginas inteiras em minutos.

4. A verdadeira experiência do que você vê é o que você obtém

A criação de conteúdo no editor Gutenberg está muito mais alinhada com a aparência do produto final na página do que no Editor Clássico. O estilo dos blocos adere completamente à sua aparência no front-end e o Gutenberg também importa todos os outros estilos do site. Como consequência, o que você realmente vê é quase exatamente o que você obtém.

5. Conveniência de edição móvel

O Gutenberg possui uma interface responsiva para dispositivos móveis, facilitando a edição e a criação de conteúdo em qualquer lugar.

6. Manuseio Avançado de Mídia

Adicionar e gerenciar imagens e vídeos em seu conteúdo nunca foi tão simples. Seus blocos podem ser organizados de forma criativa em torno do texto sem as limitações tradicionais de alinhamento antes, com ou depois do texto. Você também pode definir fundos de imagem e adicionar efeitos à sua mídia, como sobreposições ou tom duplo.

7. Otimização de SEO integrada

O Gutenberg possui recursos de SEO integrados, permitindo que os usuários otimizem seu conteúdo para os mecanismos de pesquisa com mais eficiência. Por exemplo, é mais fácil definir tags ALT para imagens. O editor também é otimizado para marcação de esquema e velocidade da página, sendo que ambos atuam diretamente na classificação do mecanismo de pesquisa. Além disso, todos os blocos são organizados para acomodar telas menores.

8. Melhor desempenho

A base de código do Gutenberg é otimizada e leve, resultando em tempos de carregamento de página rápidos e melhor desempenho geral. Esse é especialmente o caso depois que as atualizações foram feitas na versão 10.1, que alinharam mais o editor de blocos com o Core Web Vitals do Google e reduziram consideravelmente o inchaço do código.

9 . Suporte de bloqueio de terceiros

O Gutenberg permite a integração de blocos de terceiros. Isso dá aos usuários acesso a mais funcionalidades dentro da mesma interface. Existem muitos plug-ins de blocos do Gutenberg para isso. Você pode até instalar blocos individuais de dentro do editor.

Ou você pode criar o seu próprio e criar uma experiência verdadeiramente personalizada para os visitantes.

10. Acessibilidade e Suporte RTL

O Gutenberg melhorou a acessibilidade e o suporte RTL (da direita para a esquerda), tornando-o mais inclusivo.

5 Desvantagens de Usar Gutenberg

Embora o editor do Gutenberg ofereça muitos recursos excelentes, ele tem suas desvantagens. Algumas das desvantagens a considerar antes de mudar incluem o seguinte.

1. Problemas de compatibilidade com certos plugins e temas

O Gutenberg pode não ser compatível com plugins e temas desenvolvidos para o Classic Editor. Consequentemente, isso pode causar problemas com layout e funcionalidade em sites existentes e pode exigir que os usuários encontrem novas alternativas ou façam alterações em sua configuração.

2. Curva de Aprendizagem

A interface do usuário do Gutenberg pode ser bastante intimidante para iniciantes. Especialmente aqueles que estão acostumados com a abordagem mais direta do Editor Clássico. Levará algum tempo para aprender a aproveitar ao máximo os recursos e funções do Gutenberg. Isso é especialmente verdadeiro para o Editor de Site, também conhecido como Edição de Site Completo. Portanto, esteja preparado para fazer algum esforço extra.

3. Compatibilidade limitada com versões anteriores do conteúdo existente

Esteja ciente de que o Gutenberg pode não ser totalmente compatível com o conteúdo criado usando o Editor Clássico. Isso significa que você pode precisar investir mais tempo e esforço na edição do seu material atual.

Além disso, algumas das opções de formatação e layout do Classic podem ficar indisponíveis ao mudar.

4. Problemas de estabilidade e desempenho

Embora tenha havido muitas melhorias nessa área, o Gutenberg é muito mais propenso a travar do que seu antecessor. Um dos motivos é o uso intenso de JavaScript, que pode realmente prejudicar os navegadores, especialmente em máquinas mais antigas.

5 . Possíveis problemas de segurança com determinados blocos

Por ser de código aberto, o Gutenberg permite que os usuários criem e enviem blocos; no entanto, isso pode trazer riscos de segurança potenciais de fontes não testadas ou não confiáveis. É fundamental que as pessoas que utilizam esses blocos estejam cientes de onde eles vêm. Existe a possibilidade de que os hackers possam tirar vantagem de quaisquer vulnerabilidades neles.

7 razões para ficar com o editor clássico

Embora o Gutenberg ofereça alguns ótimos recursos, muitos usuários do WordPress preferem ficar com o Editor Clássico. Aqui estão algumas das razões.

1. Interface familiar

O editor clássico existe há muitos anos. É, portanto, uma interface familiar para quem está acostumado. Para alguns, isso é motivo suficiente para continuar com ele.

2. Compatibilidade com certos plugins e temas

O editor Classic é compatível com uma ampla variedade de plugins, então você não precisa se preocupar com problemas de compatibilidade. Isso pode ser especialmente importante para usuários que dependem de plug-ins personalizados para seus sites e ainda não estão prontos para atualizar para o Gutenberg.

Muitos temas também são otimizados para o Editor Clássico. Portanto, você não precisa se preocupar com problemas de layout ou funcionalidade.

3. Bom para criação rápida de conteúdo

Por ter menos sinos e assobios, o Classic Editor é mais adequado para escrita rápida e suja. Basta digitar algum texto e inserir algumas imagens e você está pronto para começar. Não há necessidade de etapas extras de personalização demorada por bloco.

4. Estável e bem testado

O Editor Clássico tem sido o motor sob o capô do WordPress por anos. Tem servido a centenas de milhares de usuários e milhões de sites. Portanto, quaisquer problemas ou bugs provavelmente foram descobertos e resolvidos. Isso pode torná-lo uma escolha mais confiável para aqueles que não desejam encontrar problemas inesperados.

5. Compatibilidade com versões anteriores do conteúdo existente

Como o Editor Clássico é o que o WordPress sempre teve, ele é muito mais compatível com o conteúdo existente do que o Gutenberg. Também não vem com a marcação extra de Gutenberg.

 <!-- wp:paragraph --> <p>Consectetur adipiscing elit.</p> <!-- /wp:paragraph --> <!-- wp:image {"id":14,"sizeSlug":"full","linkDestination":"none"} --> <figure class="wp-block-image size-full"><img class="wp-image-14" src="http://localhost/test/wp-content/uploads/2023/03/view-of-the-world-from-space.jpg" alt="" /></figure> <!-- /wp:image --> <!-- wp:paragraph --> <p>Donec semper, orci ut porta semper.</p> <!-- /wp:paragraph --> <!-- wp:heading --> <h2 class="wp-block-heading">Sed lorem leo elementum</h2> <!-- /wp:heading -->

Isso significa que você não precisa se preocupar em gastar tempo e esforço extras editando seu material atual ao mudar.

6 . Mais fácil para iniciantes

Para muitos iniciantes, o editor Classic é muito mais fácil de entender do que o Gutenberg. É uma abordagem mais direta e pode ser menos intimidadora à medida que os usuários aprendem a usar o WordPress. Assemelha-se em grande parte ao software de processamento de texto padrão.

7 . Atalhos de teclado extensos

Uma coisa que o Classic Editor realmente tem a seu favor é o número de atalhos de teclado que ele oferece. Você pode facilmente transformar um parágrafo em um título ou alterar um h2 para um h3 com o apertar de alguns botões. Não há necessidade de clicar e fazer essas alterações manualmente.

6 Desvantagens de Usar o Editor Clássico

O Classic Editor tem muitos fãs, mas tem seus problemas. Embora haja uma série de razões para continuar com ele, também existem algumas desvantagens. Aqui estão quatro razões pelas quais você pode querer considerar a atualização para o Gutenberg.

1. Opções limitadas de design

Quando comparado ao Gutenberg, o Classic Editor não oferece uma ampla gama de recursos de design. É mais difícil adicionar colunas, planos de fundo e outros componentes desejados. Como tal, pode ser incrivelmente desafiador destacar seu conteúdo, especialmente para iniciantes sem conhecimento de HTML e CSS.

2. Não muito alinhado com o produto final

Embora tenha havido melhorias para alinhar a aparência do conteúdo dentro do TinyMCE mais de perto com sua aparência na página (ou seja, por meio dos Estilos do Editor), ainda há uma grande lacuna entre os dois. Como consequência, você terá que visualizar muito mais o que está criando para acertar.

3. Manuseio inadequado da mídia

Outra desvantagem de usar o Classic Editor são seus recursos de manipulação de mídia. Não é muito amigável e inclui apenas opções básicas para incorporação. Compare isso com o Gutenberg, onde você pode facilmente adicionar mídia, movê-la livremente, bem como configurar bastante sua aparência.

4. Falta de otimização móvel

O Classic Editor não é tão otimizado para dispositivos móveis. Isso torna mais difícil para os usuários editar e criar conteúdo em dispositivos menores. Pode ser uma desvantagem para quem deseja atualizar seu site enquanto estiver em trânsito.

5. Recursos de edição menos poderosos

Se você está procurando uma abordagem com mais nuances e visualmente atraente para a criação de conteúdo, o Editor Clássico pode não ser sua melhor opção. Faltam recursos-chave que permitem aos usuários criar peças dinâmicas de trabalho - o conteúdo aparece principalmente como um grande bloco. O editor também possui menos recursos de edição em geral, o que pode limitar a criatividade ao criar páginas ou postagens.

6 . Falta de suporte futuro

Atualmente, se você quiser continuar usando o Editor Clássico, poderá fazê-lo apenas por meio de um plug-in (ou usando o ClassicPress). E embora o suporte para o plug-in tenha sido estendido várias vezes, o objetivo explícito é eliminar gradualmente o Editor Clássico e confiar totalmente no Gutenberg. Portanto, se você tiver uma configuração de site executada no editor mais antigo, poderá ficar sem suporte em algum momento.

Gutenberg vs Classic Editor: você fará a troca?

Ao comparar Gutenberg com o Editor Clássico, é importante observar que ambos os editores têm seu próprio conjunto de vantagens e desvantagens. Eles também são mais adequados para diferentes grupos de usuários. A melhor escolha para você dependerá do seu nível de experiência, do tipo de conteúdo que você cria e das necessidades específicas do seu site.

Após cuidadosa deliberação, Gutenberg fornece uma plataforma de edição baseada em blocos amigável que concede muitas opções de personalização a seus usuários. A interface é intuitiva e permite muito controle multimídia. Além disso, a estrutura de design ajuda a melhorar a otimização de SEO. Ao mesmo tempo, pode haver algum problema de compatibilidade em relação a plugins e temas que podem afetar o desempenho.

Em contraste, o Classic Editor é uma ferramenta confiável e conhecida que está no WordPress há anos. Os usuários geralmente acham que navegar em sua interface básica é instintivo. Apesar de sua facilidade de uso, falta a flexibilidade de design superior de Gutenberg, bem como recursos de edição mais avançados. Também não está claro até que ponto no futuro ele continuará a ser suportado pelo WordPress.

No final do dia, cabe a você decidir qual editor WordPress é melhor para você. Para iniciantes, o Classic Editor pode ser a melhor opção, pois é mais fácil de entender e usar. Mas para aqueles que precisam de mais opções de design e recursos de edição poderosos, o Gutenberg provavelmente é a melhor escolha.

Qual é a sua posição em Gutenberg vs o Editor Clássico? Você estará fazendo a mudança de um para o outro em breve? Ou você já? Adoraríamos ouvir seus pensamentos abaixo!