Construtores de páginas WordPress vs. Gutenberg – O que é melhor?

Em 6 de dezembro de 2018, a versão 5.0 do WordPress foi lançada. O novo editor padrão, Gutenberg, foi apresentado ao mundo, o que gerou uma série de ondas na comunidade WordPress. A ideia por trás disso era garantir a criação de conteúdo mais fácil e fazer um editor que pudesse acompanhar ou até mesmo substituir totalmente os construtores de páginas tão populares.

Gutenberg já existe há algum tempo, então, quando tudo estiver dito e feito, no jogo WordPress Page Builders vs. Gutenberg, quem é o vencedor? O que é melhor para os usuários? Vamos comparar suas especificidades e descobrir.

Compreendendo Gutenberg e os construtores de páginas

Gutenberg lida com conteúdo com blocos. Quanto mais você se familiariza com ele, mais tipos de blocos você descobrirá. Existem blocos para textos, imagens, arquivos de vídeo e áudio, etc., e novos são constantemente adicionados.

Gutenberg permite que você crie um conteúdo bonito e, aparentemente, funciona como um criador de páginas. Muitos até se perguntam se ele poderia substituir totalmente os construtores de páginas. Mas a realidade é que Gutenberg ainda tem muito espaço para melhorias e existem algumas diferenças entre os dois.

Os construtores de páginas são baseados no método arrastar e soltar. Nos últimos anos, os criadores de páginas mais populares foram os WPBakery, Elementor, e Beaver Builder. Eles ajudam os usuários a projetar e modificar sites como verdadeiros profissionais, de uma forma que Gutenberg e seu predecessor, o Editor Clássico, simplesmente não permitem.

As principais diferenças entre Gutenberg e os construtores de páginas

Opções de estilo

Esta é a área onde as diferenças são mais aparentes. A personalização de conteúdo não é exatamente o forte de Gutenberg. Cada bloco vem com algumas configurações com as quais você pode brincar, mas no geral, o poder de personalização de Gutenberg não chega nem perto do dos criadores de páginas.

Por exemplo, se você escolher o bloco de imagem, Gutenberg permitirá que você escolha um estilo de bloco, defina o tamanho e as dimensões da imagem e adicione algum texto, mas para qualquer estilo e retoques adicionais, você terá que adicionar CSS personalizado ou instalar plug-ins de terceiros para aumentar a funcionalidade do editor.

Entre os plug-ins mais populares do Gutenberg estão Ultimate Blocks e Kadence Blocks, que adiciona blocos personalizados e mais opções de edição a Gutenberg.

Em geral, o editor de blocos não permite que você mude significativamente o estilo do tema WordPress que você decidir usar. E se você não tem muita experiência com computadores ou é um iniciante absoluto em WordPress, pode não saber como personalizar seu site via CSS. Além disso, você provavelmente não quer perder tempo tentando encontrar plug-ins apropriados para aumentar as opções de edição de Gutenberg. Nesse caso, suas possibilidades de alterar o conteúdo a seu gosto são bastante limitadas.

Por outro lado, os criadores de páginas permitem que você modifique muito mais seu conteúdo, bem como modifique os estilos de seu tema WordPress sem nenhum conhecimento de codificação. Dependendo de qual construtor de páginas você escolher, você pode ajustar praticamente qualquer coisa, desde tipos de fundo, cores e estilos de borda, até intensidade de animação, opacidade de imagem, sombras de texto, etc..

Você pode alterar o menor dos detalhes em seu site, e as alterações que você faz tornam-se imediatamente visíveis, graças à experiência WYSIWYG que os construtores oferecem.

Recurso de arrastar e soltar

Gutenberg permite que os usuários arrastem e soltem blocos para reorganizá-los. Para mover os blocos, clique e segure a alça que contém as setas no lado esquerdo do bloco.

Graças ao bloco de colunas, você também pode criar linhas com várias colunas e adicionar conteúdo em qualquer lugar de sua página. No entanto, essa funcionalidade ainda não fornece a flexibilidade que a maioria dos criadores de páginas modernos oferece.

Os construtores de páginas garantem uma experiência de arrastar e soltar com algumas opções extras na lateral. Além de adicionar elementos e widgets a qualquer seção de seu site, você também pode ajustar sua altura, largura, etc. O Elementor, por exemplo, também permite arrastar novos widgets e adicioná-los dentro de seções de widgets já existentes. No exemplo abaixo, adicionamos um widget de texto a uma seção de vídeo e agora podemos editar ambos como uma única seção.

Para adicionar esses recursos ao Gutenberg, novamente, você teria que instalar complementos de terceiros.

Layouts personalizados

Parece que a edição de layout é mais um segmento em que Gutenberg está ultrapassado. A menos que você ative alguns plug-ins adicionais (novamente, Kadence Block pode fazer o truque) para aumentar seu poder de personalização, Gutenberg sozinho não lhe dará muitas opções para criar layouts de acordo com seu gosto. A categoria Elementos de layout inclui blocos de botão, colunas, mídia e texto, etc. que você pode adicionar ao seu layout.

Claro, o tema WordPress de sua escolha vem com seu próprio conjunto de layouts de página predefinidos. Mas se você quiser reformulá-los em algum momento ou ajustá-los para se adequar ao tom do seu negócio, talvez não consiga fazer isso, independentemente de o tema ser totalmente personalizável. E isso porque Gutenberg não fornecerá muitas opções de edição.

Os construtores de páginas permitem que você ajuste os modelos inteiramente de acordo com seus requisitos e estilo. Para começar, você pode escolher a estrutura de cada seção e, em seguida, ajustar sua altura, largura, etc. Você pode alterar cada seção e alterar seu estilo, conteúdo, cores … Além disso, se você não gostar de nenhum dos pré-construídos modelos, você pode criar seus próprios do zero. Você também pode fazer isso em Gutenberg, mas com menos opções de personalização disponíveis.

Edição de front-end

Supõe-se que Gutenberg seja um tipo de editor WYSIWYG adequado, mas ainda não é capaz de garantir um design totalmente visual. Certo, você pode ver como colunas, aspas e botões ficarão no frontend, mas é só isso. Além disso, toda vez que você quiser verificar como uma parte do conteúdo seria para os visitantes do seu site, você precisa clicar no botão Visualizar. Imagine fazer alterações minúsculas em uma imagem. Você está tentando ajustá-lo com perfeição, mas cada vez que quiser ver uma prévia ao vivo, você precisa pressionar esse botão.

A maioria dos criadores de páginas oferece uma experiência totalmente visual, o que significa que você consegue ver imediatamente como seu site ficará no frontend.

Isso não só economiza energia, mas também ajuda você a perceber facilmente quais áreas do seu site precisam ser melhoradas.

Capacidade de resposta

Nos dias de hoje, nem é preciso dizer como é importante ter um site totalmente responsivo. É por isso que você deve escolher seu tema WordPress com sabedoria, especialmente se estiver usando o Gutenberg como seu editor WordPress. O editor de blocos não permite que você ajuste facilmente seu conteúdo e seu estilo para um determinado dispositivo. A capacidade de resposta do seu site depende unicamente da capacidade de resposta do tema WordPress que você comprou.

Agora, independentemente do tema que você está usando, os criadores de páginas permitem que você edite ainda mais a capacidade de resposta do seu site. Dê uma olhada no Elementor. Este construtor de páginas permite que você controle quais widgets e partes do seu site serão exibidos em diferentes dispositivos, mas também estilize-os dependendo do dispositivo em que serão exibidos. Para fazer isso, selecione o modo Responsivo e você poderá definir alinhamentos, margens, preenchimentos, ordem de conteúdo específicos, bem como escolher o tamanho do conteúdo, etc.

Blocos vs códigos de acesso

Os blocos são os pilares de Gutenberg. Há uma infinidade deles para escolher. Existem blocos para citações, imagens de capa, calendários, feeds RSS e muitos, muitos mais. Como mencionamos anteriormente, também existem vários plug-ins que você pode ativar para adicionar mais blocos práticos ao seu site gratuitamente.

Os blocos de Gutenberg vêm com dois recursos incríveis. 1, você pode reutilizar um bloco quantas vezes quiser, e dois, você pode reutilizá-los em diferentes sites WordPress. Se você adicionar o mesmo tipo de conteúdo às suas páginas com mais frequência (por exemplo, chamar as pessoas para curtir e compartilhar seu conteúdo nas redes sociais), os blocos reutilizáveis ​​certamente serão úteis para você. Além disso, se você conhece bem sua API (Interface de Programa de Aplicativo), Gutenberg oferece a opção de criar seu bloco personalizado.

Não importa o quão vasta seja a coleção de blocos de Gutenberg, ela ainda fica aquém do imenso número de códigos de acesso, widgets ou pacotes de construtores de páginas de módulos. Os construtores de páginas apresentam elementos que permitem adicionar todos os tipos de conteúdo ao seu site, como carrosséis de áudio e vídeo, tabelas de preços, contagens regressivas, etc. Alguns desses recursos também podem estar disponíveis no Gutenberg, mas isso depende muito do tema WordPress instalado. Alguns construtores de página também incluem a possibilidade de criar um widget customizado ou um elemento, para aprimorar a funcionalidade do construtor de página.

Qual é o veredicto?

No final da nossa pesquisa Gutenberg vs. Construtores de páginas, podemos deduzir que os construtores de páginas são definitivamente melhores para os usuários. Eles permitem muito mais flexibilidade e fluidez ao construir um site e são considerados benefícios adequados para iniciantes em WordPress e usuários casuais. Eles não apenas vêm com um fluxo infinito de opções de personalização, mas são mais fáceis de usar e também ajudam a eliminar os pontos comuns que qualquer um que queira criar um site possa enfrentar.

Se você gosta mais de algumas das opções do Gutenberg, é bom saber que a maioria dos construtores de páginas se integra com o editor de bloco. Isso significa que você pode escolher como editar uma seção específica do seu site e alternar entre Gutenberg e os construtores de páginas, dependendo da ação que deseja realizar. Gutenberg certamente irá melhorar no futuro e seu poder de edição aumentará, mas por enquanto, os criadores de páginas são os vencedores deste concurso.