Gutenberg vs WordPress Construtores de Páginas: As Principais Diferenças que Se Diferenciam

Publicados: 2020-03-30

Ao longo do último ano, logo após o lançamento do WordPress 5.0, houve um debate interminável sobre a perspectiva futura do Gutenberg e como ele se compara ao construtor de páginas convencional comum do WordPress. Um ano e meio depois, o debate continua. À medida que mais pessoas estão atualizando para o WordPress 5.0, elas estão fazendo perguntas sobre se Gutenberg pode trazer a mudança revolucionária no mundo da construção de páginas. Pode ser o substituto ideal para o construtor tradicional de arrastar e soltar como Elementor, Divi e Beaver Builder?

Desde o seu lançamento em junho de 2017, Matt Mullenweg apresentou o Gutenberg para ser o editor de blocos padrão e definitivo para WordPress. E desde então, para seus usuários, a experiência de usá-lo obteve uma resposta mista com o equilíbrio perfeito entre gostar e não gostar em todo o mundo.

Quando começou, o Gutenberg tinha vários problemas, como blocos sem resposta, funcionalidades lentas com recursos limitados, etc.

gutenberg Editor

Mas agora a verdadeira questão é que ele ainda tem alguma chance contra a versão gratuita de outros plugins de construtor de páginas premium ou existe alguma grande diferença entre os dois que os diferencia? Bem, essas perguntas comparativas são inevitáveis ​​agora e para sempre.

Então, aqui neste post, tentamos esclarecer algumas das diferenças básicas do Gutenberg com os construtores de páginas do WordPress, para que, se você ficar confuso ao entender a adequação entre os dois, possa fazer a escolha certa. o mais adequado para você.

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

Talvez agora alguns de vocês já estejam usando os construtores de páginas Gutenberg e WordPress em seu site, mesmo sem saber suas diferenças reais. Daí você provavelmente desconhece os reais propósitos de usar essas ferramentas mágicas que ajudam na organização do seu site tão bem. Portanto, as pessoas nessa categoria definitivamente acharão interessante a comparação de diferenças abaixo.

Aqui, comparamos cada uma das ferramentas em termos de suas vantagens básicas, desvantagens, recomendações e muito mais. Então vamos começar.

Comparando as principais ofertas do Gutenberg vs WordPress Page Builders

Gutenberg wordpress page builders

Vamos analisar as ferramentas com base nos seguintes critérios, como:

Blocos e widgets

Blocos simples de edição de conteúdo são o que o Gutenberg consiste principalmente e é por isso que a maioria das pessoas reclama de sua falta na variante nos recursos de seus blocos e funcionalidades. Para muitos blocos padrão do Gutenberg podem ser suficientes para compor seus elementos de conteúdo do dia a dia, mas para um design mais crítico ou detalhado, isso pode não ser suficiente. Mas com as atualizações mais recentes, os blocos de coluna agora se tornam mais flexíveis, mas não cobrem as deficiências em sua opção de design de bloco.

Elementor Custom Widgets

Por outro lado, o construtor de páginas do WordPress vem com uma ampla variedade de blocos, widgets, complementos e muito mais. Isso dá ao usuário a liberdade de construir sua página desejada perto de sua imaginação. Ele também permite que seus usuários usem outros elementos avançados, como controles deslizantes, carrosséis, comparação lado a lado, tabelas, botões de chamada para ação, etc.

Opções de edição

Quando se trata de editar o conteúdo da sua página, o Gutenberg funciona principalmente como um editor baseado em blocos de back-end para seu usuário. Apesar de tentar habilitar sua opção de edição de front-end, ele ainda não consegue fornecer ao usuário uma visão de como a página ficará exatamente no front-end.

Mesmo que dê uma boa ideia sobre sua visão no frontend quando você oculta seu menu e outras opções de configuração do painel do editor no backend. Mas essa ainda não é a ilustração real da página ou postagem que você está editando. Embora, depois de visualizá-lo, você possa ter a ideia certa de como o conteúdo ficará depois que a página for postada ou publicada.

How to Create, Manage & Edit Reusable Blocks in WordPress

Enquanto os construtores de páginas do WordPress, como o Elementor, vêm com a funcionalidade de edição ao vivo, juntamente com o recurso de criação de páginas de arrastar e soltar. Isso significa que você poderá visualizar todas as alterações feitas na página em tempo real, juntamente com a capacidade de mover widgets e outras funções editáveis.

Qualquer ajuste feito parece mudar ao vivo na frente de seus olhos sem precisar sair dessa página ou salvá-la. Isso torna a edição muito fácil, pois você pode fazer as correções necessárias na posição ou na personalização do conteúdo da maneira certa.

Tema, extensões e compatibilidade

Best Elementor themes

Você não pode simplesmente alterar ou ajustar o tema do WordPress ou adicionar extensões para melhorar sua usabilidade ao usar o Gutenberg. Na maioria das vezes, permanece o mesmo e ocioso durante toda a experiência do usuário.

Mesmo trabalhando com Gutenberg, o estilo do tema permanece o mesmo, mas há uma quantidade limitada de CSS e CSS personalizado que podem ser adicionados aos blocos nele. Isso pode ser bastante chato às vezes para muitos usuários, pois não há muitas opções para eles mudarem ou brincarem.

Mas este não é o caso do uso de um Page Builder. Você pode usar vários complementos ou extensões populares em seus temas padrão para aumentar o desempenho e a usabilidade da criação de sua página.

Mais essencialmente, a maioria deles é totalmente compatível e não compromete seu desempenho original. Além disso, você pode até fazer alterações e atualizações notáveis ​​no estilo e nas configurações de seu tema. Portanto, no caso de querer criar qualquer layout de página personalizado, seus amplos recursos se tornam bastante úteis para o usuário.

Formatação de página e design de conteúdo

A opção de formatação de página limitada sempre foi uma desvantagem para o Gutenberg desde o momento de seu lançamento. Não permite adicionar largura personalizada dos blocos, enquanto é possível adicionar uma porcentagem da largura da coluna. Além disso, a opção de design também não é tão inovadora. Sair de sua estrutura ou cor convencional para outra requer um pouco de trabalho nela.

Content Design

Mas no que diz respeito à formação e design de conteúdo, o WordPress Page Builders sempre esteve um passo à frente em relação ao Gutenberg. É surpreendentemente fácil, rápido e sem complicações formatar a página ou projetá-la nela.

Sua interface amigável permite que o usuário faça qualquer tipo de ajuste na página, como dimensionamento, cor, fonte, posicionamento personalizado, transformação de elementos, preenchimento mais simples do que nunca. Embora também seja verdade que pode demorar um pouco se a página que você está projetando for pesada.

Capacidade de resposta e desempenho

Hoje em dia com o aumento da tecnologia moderna, a maioria dos plugins são feitos com um design responsivo. Ele o testa em todos os tipos de plataformas para garantir seu benchmark de desempenho em todas as plataformas. Então Gutenberg, neste caso, não é diferente. Ele testou seu desempenho e capacidade de resposta em vários dispositivos e fez o ajuste de configuração de design com base nisso.

Por ser uma ferramenta leve, o Gutenberg não apresentou nenhum tipo de lentidão ou atraso de desempenho até o momento. Mas como mais pessoas estão usando dispositivos móveis para acessar sites, tornou-se um desafio manter uma capacidade de resposta semelhante. E como o design atual é muito simples e básico, faltam opções de design responsivo em algumas partes.

new features of HappyAddons

Considerando que o construtor de páginas também requer um arranjo semelhante na configuração para manter sua capacidade de resposta e desempenho. Mas, na maioria das vezes, sua capacidade de resposta depende do tamanho da página e do conteúdo. Um teste de comparação de desempenho entre o Gutenberg e o WordPress Page Builder foi realizado para uma loja WooCommerce.

O plugin WooCommerce foi ativado e a loja foi configurada com os mesmos produtos em todos os sites. Embora a solicitação no site WooCommerce tenha sido semelhante entre os dois, o tempo de carregamento da página foi mais rápido para o Gutenberg em comparação com todos os construtores de páginas. E isso pode muito bem variar em plugins diferentes, como um mercado de vários fornecedores no topo deste site WooCommerce de um único fornecedor.

Principais descobertas e observações

page builder

Depois de analisar a comparação acima, é seguro dizer que a diferença mais importante entre as duas ferramentas é a forma como você a vê. O Gutenberg simplesmente marca presença ao se apresentar como um post de blog e editor de conteúdo de página.

E é fácil de usar para qualquer usuário do WordPress, mesmo que não tenha nenhum conhecimento prévio de usá-lo. Isso funcionaria muito bem a seu favor a longo prazo, pois a maioria das pessoas está procurando uma plataforma de criação de páginas da Web que seja descomplicada e fácil de usar.

E por outro lado WordPress, construtores de páginas são construídos para os usuários que desejam construir páginas com maior visão e versatilidade. É para aqueles conjuntos de usuários que desejam adicionar vários recursos extensos e funcionalidades na página na forma de complementos. Sem mencionar seu grande número de widgets e blocos que aumentam sua usabilidade e oferecem opções de design suficientes para escolher.

Então, qual você deve escolher e por quê?

wordpress website builder

Agora, a partir dos detalhes acima do Gutenberg e do WordPress Page Builders, é bastante evidente que ambas as ferramentas podem ser usadas em vários usos bons, mas diferentes. Por isso, torna-se essencial que seus usuários entendam qual deles os ajudaria em qual finalidade melhor ao usá-lo em seu site. Então vamos descobrir onde será ideal para o seu usuário escolher ou usar uma dessas ferramentas.

Gutenberg será adequado se: Os construtores de páginas serão adequados se:
Você deseja ter conteúdo básico preparado com tabelas, botões, bloco separado etc. Você precisa de controle total sobre o design, estilos, preenchimento, espaçamento etc. do seu conteúdo.
A criação de sua página é limitada com uma única coluna de layout, pois as várias colunas de layout ainda não são confiáveis ​​e requerem melhorias. A página que você está construindo requer widgets ou complementos pré-criados para estender as funcionalidades adicionadas
O alinhamento perfeito do seu conteúdo não é um problema e você pode usar sua opção de alinhamento básico. Você precisa personalizar ou criar designs de página completamente diferentes do tema ou estilo padrão do construtor de páginas.
Você não gosta muito do estilo detalhado do seu conteúdo e deseja usar blocos simples que façam o trabalho para você muito bem. Seu requisito de criação de página é ter layouts de coluna que sejam flexíveis e mais essencialmente confiáveis.
A página de carregamento rápido é o que você procura sem solicitação extra de Javascript, CSS ou Fonte. Páginas visualmente atraentes são o que você procura, incluindo um recurso fácil de arrastar e soltar para criar qualquer tipo de página da web.

Com base na comparação na tabela acima e no seu estilo de trabalho, você pode determinar facilmente qual deles seria mais adequado para o seu site.

A batalha continua ou termina aqui mesmo?

Bem, olhando para a perspectiva atual e o restabelecimento de cada uma dessas ferramentas fascinantes, o debate provavelmente continuará por um tempo. No momento, a opinião pode diferir de pessoa para pessoa a esse respeito com base em suas necessidades, mas de onde realmente está, ambas as ferramentas têm espaço para melhorias.

E com toda a honestidade, pode-se dizer que o WordPress Page Builders como Elementor, Divi, Beaver builder é mais amigável ao design e flexível em termos de atender aos requisitos das necessidades de criação de páginas do usuário.

Elementor Page builder design

Mas isso não significa necessariamente que Gutenberg não tenha chance de competir contra os construtores de páginas modernos do WordPress. Na verdade, quando se trata de usuários com a mentalidade de querer uma ferramenta leve de edição de blocos para o layout de conteúdo do WordPress, o Gutenberg se torna a escolha automática para todos eles.

Mas também é verdade que ele não fornece o tipo de controle que um construtor de páginas como o Elementor oferece. Sem mencionar os complementos estendidos, como Happy Addons, Essential addons etc, que o Elementor permite que seu usuário use para aprimorar a experiência de criação de páginas. Mas tendo dito tudo isso, se você me perguntar, então para uso diário, Gutenberg apenas faz seu trabalho com certamente várias opções de refinamento para o futuro.