Gutenberg vs WordPress Construtores de Páginas: 7 Principais Diferenças!

Publicados: 2021-12-21

Uma das maiores dúvidas que as pessoas têm após o lançamento do Block Editor, também conhecido como Gutenberg –

O Block Editor vai substituir os Page Builders?

O WordPress deu um salto à frente com seu novo editor de blocos e mudou completamente a maneira como o editor costumava funcionar.

O novo editor é mais avançado. E mais recursos estão sendo adicionados regularmente. É o futuro para onde o WordPress está indo também.

Mas isso significa que os construtores de páginas acabarão perdendo sua influência? Será que todos vão abandonar os construtores de páginas e começar a usar o Block Editor (Gutenberg)?

Bem, para encontrar as respostas, vou analisá-las em detalhes.

Neste post, abordarei as especificidades do Block Editor e do Page Builders e como eles se enfrentam.

Índice
[ocultar]
  • O que é Gutenberg, também conhecido como Editor de Blocos?
  • O que são Construtores de Páginas?
  • Gutenberg vs construtores de páginas: as principais diferenças
    • 1. Edição de back-end e front-end
    • 2. Recurso Arrastar e Soltar
    • 3. Opções de estilo
    • 4. Funcionalidade de Layout
    • 5. Compatibilidade de Estilos de Tema
    • 6. Blocos e widgets
    • 7. Complementos de terceiros
  • O Block Editor vai substituir os construtores de páginas?
  • Qual deles você deve usar?
  • Qual é o melhor construtor de páginas para usar com o Gutenberg?
    • Conclusão

Ao final deste post, você conhecerá as maiores diferenças entre o Block Editor e o Page Builders.

Vamos começar.

O que é Gutenberg, também conhecido como Editor de Blocos?

Antes de prosseguirmos e compararmos o Editor de Blocos com os construtores de páginas, vamos primeiro dar uma olhada no que é o Editor de Blocos e como ele é diferente do Editor Clássico anterior.

O Block Editor é o novo editor do WordPress integrado ao WordPress Core. Também é conhecido como Gutenberg.

O Block Editor foi introduzido na atualização do WordPress 5.0, que mudou completamente o editor do WordPress.

Anteriormente, o editor do WordPress era chamado de editor clássico. Era um editor simples que tinha uma área de texto onde vai todo o conteúdo.

É muito parecido com um processador de texto onde você pode adicionar texto, mídia e outras coisas.

O editor do TinyMCE era muito limitado em termos de liberdade de design e não permitia que as pessoas modificassem os designs de seus posts ou páginas.

O novo editor Gutenberg funciona totalmente diferente do editor clássico. Em vez de usar a área de texto para conteúdo, o WordPress introduziu o conceito de blocos.

O que isso significa é que tudo o que você adiciona ao seu post está na forma de blocos. Seja uma imagem, vídeo, texto ou botão, ele se comporta como um bloco.

Isso permitiu que os usuários criassem diferentes blocos e os personalizassem da maneira que quisessem.

O que são Construtores de Páginas?

Para entender o que são construtores de páginas, precisamos dar uma olhada em um dos maiores pontos problemáticos do editor clássico do WordPress.

Os construtores de páginas são plugins do WordPress que permitem editar e criar páginas dinâmicas com o editor de arrastar e soltar.

Como mencionei acima, o editor clássico não tinha muito a oferecer. Ele não permitia que os usuários personalizassem a aparência da página/post.

Eles não foram capazes de criar seus próprios estilos ou criar um layout completamente novo.

É para isso que os construtores de páginas foram criados. Inicialmente, os construtores de páginas foram feitos para que os usuários criassem conteúdo com facilidade e o personalizassem da maneira que quisessem.

Mais adiante, os construtores de páginas evoluíram para mais do que mera personalização.

Hoje, os construtores de páginas podem ajudá-lo a projetar todo o seu site sem escrever nenhuma linha de código.

Com os construtores de páginas, você pode começar do zero e projetar sua página inteiramente do zero. Os construtores de páginas vêm com diferentes widgets ou elementos que ajudam no design.

Hoje, existem muitos grandes construtores de páginas por aí, como Elementor, Divi Builder, Thrive Architect e muito mais.

Gutenberg vs construtores de páginas: as principais diferenças

Então, sabemos como o Block Editor e os construtores de páginas funcionam. Parece que eles são bem parecidos entre si.

Mas, eles não são.

Existem algumas diferenças muito grandes entre o Block Editor e o Page Builders que você não notaria facilmente.

Aqui estão as principais diferenças entre os dois:

1. Edição de back-end e front-end

A maior diferença entre Block e Page Builders é a edição de back-end e front-end.

Gutenberg não tem edição de front-end. Embora a edição de back-end do editor Gutenberg funcione quase como a edição de front-end, você ainda precisa clicar na visualização para ver o design exato.

Por outro lado, muitos construtores de páginas têm o recurso de edição de front-end por um bom tempo.

A edição de front-end é melhor, pois você pode ver as alterações à medida que as faz. Por exemplo – No Elementor, você pode ver todas as alterações feitas na página instantaneamente.

Isso torna todo o processo mais rápido.

2. Recurso Arrastar e Soltar

Arrastar e soltar elementos onde você quiser é muito simples e facilita todo o processo de criação de conteúdo.

Tanto o Gutenberg quanto os construtores de páginas têm o recurso de arrastar e soltar.

No Gutenberg, você pode adicionar blocos e arrastá-los para onde quiser.

O mesmo vale para os construtores de páginas, pois você pode adicionar qualquer widget/elemento e colocá-lo em qualquer lugar apenas arrastando-os.

Mas, os construtores de páginas estão um passo à frente quando comparados ao Gutenberg em termos do recurso de arrastar e soltar.

Aqui está o porquê:

Gutenberg só permite que você arraste e solte o bloco em lugares diferentes.

Os construtores de páginas, por outro lado, permitem redimensionar elementos, ajustar suas larguras e alturas ou fazer ainda mais, como criar layouts complexos.

Portanto, em definição, o Gutenberg é um editor de arrastar e soltar, mas carece de muitos recursos quando comparado aos construtores de páginas.

3. Opções de estilo

É aqui que o Block Editor carece mais em comparação com vários construtores de páginas.

O WordPress fornece vários blocos no Gutenberg e também forneceu opções de estilo e personalização para esses blocos.

Mas eles não são tão bons quanto os construtores de páginas.

Com um construtor de páginas, você pode personalizar um widget individual, coluna, a página inteira e outros enfeites.

Além disso, essas personalizações não são básicas, como alterar a cor, adicionar uma sombra etc.

Os construtores de páginas oferecem opções de personalização completas para dar a você controle total sobre o que você está projetando.

Os construtores de páginas oferecem muitas opções de estilo, como alterar cores de fundo, usar gradientes, escolher ícones personalizados, selecionar fontes e muito mais.

Além disso, diferentes construtores de páginas oferecem opções de estilo diferentes e às vezes exclusivas.

4. Funcionalidade de Layout

Sempre que você cria um post/página com o Gutenberg, você fica restrito ao layout do seu tema.

No Gutenberg, você pode personalizar seu conteúdo o quanto quiser. Mas, o layout principal da página permanece o mesmo.

Por layout principal, quero dizer os cabeçalhos, rodapés, barra lateral e a aparência geral da página.

Esse não é o caso dos construtores de páginas.

Você pode sair do layout do seu tema e criar algumas páginas criativas e exclusivas.

Você pode criar seus próprios cabeçalhos, rodapés, layout de conteúdo com construtores de páginas.

Eles oferecem mais flexibilidade, permitindo que você realmente crie páginas com controle total.

Em poucas palavras, Gutenberg oferece estilo e personalizações apenas para seus blocos. Você pode criar blocos de largura total, adicionar colunas e muito mais.

Mas você não pode criar layouts flexíveis como pode fazer com os construtores de páginas.

5. Compatibilidade de Estilos de Tema

Como mencionado no ponto anterior, Gutenberg usa o estilo do tema e não substitui esses estilos.

Com CSS personalizado, você pode personalizar seus blocos, mas a aparência geral da página é a mesma do seu tema.

Leitura recomendada: 29 melhores temas gratuitos de Gutenberg (escolhidos a dedo)

Mas, com os construtores de páginas, você não precisa confiar em nenhum tema, pois pode criar layouts que não dependem do tema.

Por exemplo -

No Elementor, construtor de páginas, você pode assumir a página inteira e projetá-la da maneira que desejar, sem depender do tema.

Sim, você ainda precisa ter um tema WordPress instalado, mas isso não substitui o estilo da sua página.

6. Blocos e widgets

Gutenberg vem com dezenas de blocos que permitem criar conteúdo facilmente. Esses blocos podem até ser salvos e usados ​​em outros sites.

Com o lançamento do Gutenberg, muitos desenvolvedores criaram seus próprios blocos dando origem a alguns ótimos plugins de blocos do Gutenberg.

Da mesma forma, os construtores de páginas também vêm com muitos widgets. Esses widgets são muito mais avançados e variam de acordo com o construtor de páginas que você está usando.

Muitos construtores de páginas populares também permitem que os desenvolvedores criem seus próprios widgets, resultando em diferentes plug-ins e complementos do construtor de páginas.

7. Complementos de terceiros

Falando em complementos de terceiros, tanto o Gutenberg quanto os construtores de páginas têm seu quinhão de ótimos complementos.

Com o Gutenberg, existem muitos desenvolvedores criando alguns plugins de bloco incríveis do Gutenberg. Também desenvolvemos nosso próprio plugin de bloco Gutenberg chamado Ultimate Blocks.

Download grátis

Quando se trata de construtores de páginas, muitos construtores de páginas populares têm uma API que permite que os desenvolvedores criem complementos de terceiros.

Os dois construtores de páginas mais populares que possuem centenas de complementos são o Elementor e o Divi Page Builder.

Outros construtores de páginas também possuem complementos, mas sua qualidade depende da popularidade do construtor de páginas.

Quanto mais popular for um construtor de páginas, mais forte será sua comunidade de desenvolvedores que cria complementos personalizados.

O Block Editor vai substituir os construtores de páginas?

Vamos abordar a pergunta mais esperada:

O Gutenberg vai substituir os construtores de páginas?

Aqui está minha resposta:

O Editor de Blocos em sua forma atual NÃO é elegível para substituir os construtores de páginas.

Os construtores de páginas são muito mais poderosos e fornecem recursos que permitem que você faça quase tudo com seu site.

Gutenberg, embora lançado oficialmente, ainda está em seus estágios iniciais. Se você olhar para o roteiro de Gutenberg, verá que o WordPress definitivamente tem planos para tornar seu novo editor mais poderoso. Mas não parece que Gutenberg vai dominar os construtores de páginas.

Em poucas palavras, Gutenberg e Page Builder são duas coisas diferentes. O Gutenberg facilita a criação de conteúdo bonito e os construtores de páginas facilitam o design.

Qual deles você deve usar?

Depende totalmente do que você vai fazer.

Se você deseja criar conteúdo melhor e bonito, o Block Editor é a escolha certa para você.

Mas se você deseja criar uma landing page ou página inicial personalizada, o Page Builder é a escolha certa para você.

Portanto, ambos são importantes para um site WordPress.

Qual é o melhor construtor de páginas para usar com o Gutenberg?

Se você planeja usar um construtor de páginas junto com o Gutenberg, aqui está o que você deve procurar:

  • Um construtor de páginas que funciona perfeitamente com o Gutenberg.
  • Um construtor de páginas que tem uma comunidade ativa e desenvolvedores que criam complementos de terceiros.
  • Um construtor de páginas que é atualizado regularmente.

E o construtor de páginas que atende a todos esses requisitos é o Elementor.

Eu recomendo fortemente o Elementor por causa de sua interface simples que permite criar páginas rapidamente.

Este plugin permite que você insira qualquer modelo ou bloco Elementor no seu editor Gutenberg.

Obter Elementor

Com este plugin, você pode criar postagens e páginas altamente personalizadas. O plugin tem mais de 300 blocos pré-projetados e mais de 100 páginas pré-projetadas.

Conclusão

Então, aí está.

A comparação definitiva entre Gutenberg e construtores de páginas. Tenho certeza que agora você sabe qual é o certo para você.

Ainda assim, se você tiver alguma dúvida ou dificuldade em escolher entre os dois para criar conteúdo, fique à vontade para comentar abaixo.

Eu ficaria feliz em ajudá-lo.