Tema de blocos ou construtor de páginas: o que realmente muda
Um construtor de páginas adiciona um segundo editor ao WordPress e salva seu layout em um formato próprio, que só esse plugin consegue ler. Um tema de blocos usa o editor que o WordPress oferece, e as páginas são salvas como marcação de blocos padrão. A diferença aparece quando você muda de ferramenta. Sair de um construtor de páginas geralmente significa refazer cada página, enquanto os blocos nativos continuam sendo exibidos em qualquer tema de blocos. A velocidade depende do que cada página carrega.
Parte 1: As duas formas de criar uma página no WordPress
Deixe o marketing de lado e sobram dois designs diante de você.
Um plugin de page builder
Um construtor de páginas adiciona ao WordPress o seu próprio editor, o seu próprio mecanismo de layout e a sua própria biblioteca de widgets. Você projeta na área de trabalho do construtor, e ele salva o resultado em um formato próprio dentro dos seus posts. A folha de estilos e o script dele rodam no front-end para transformar esse formato de volta em uma página. O tema, na maior parte, fica de lado.
Um tema de blocos no editor que o WordPress traz
O editor de blocos faz parte do próprio WordPress. Os blocos são salvos como HTML com comentários estruturados ao redor, os modelos são modelos de bloco, e as cores e a tipografia vêm de um arquivo theme.json que o editor e o front-end leem. Um tema de blocos como o Canvas adiciona blocos, modelos e configurações a esse único editor. Nada fica ao lado dele.
Ambas as abordagens criam um site ainda esta tarde. A diferença aparece três anos depois, quando suas prioridades, sua hospedagem ou seu desenvolvedor mudarem.
Parte 2: Como o seu conteúdo é salvo
Esta é a parte que as pessoas descobrem no pior momento possível, por isso comece por aqui.
O formato do construtor
Os construtores de páginas armazenam o layout na própria estrutura: um shortcode, um bloco de dados serializados com configurações ou um bloco de JSON nos metadados da publicação. Enquanto o plugin está ativo, a página fica bonita. Desative-o e a mesma página mostra shortcodes brutos ou nada, porque nenhum outro sistema no mundo lê esse formato. Migrar para outra solução geralmente exige recriar tudo manualmente, página por página.
O formato nativo
A marcação de blocos é HTML simples com comentários. Abra um post no editor de código e leia. Mude para outro tema de blocos e os blocos nativos continuam sendo exibidos, porque quem faz a renderização é o WordPress. Isso não é uma alegação de marketing, é uma propriedade do formato de armazenamento.
O Canvas é cuidadoso com a mesma coisa no seu próprio nível. Cada bloco do Canvas é um tipo de bloco registrado, com um painel de configurações real, nunca um shortcode, e seus atributos são atributos de bloco comuns, então um padrão, a REST API ou a linha de comando também podem defini-los. Os blocos ficam no plugin Canvas, então trocar de tema nunca reduz suas páginas a texto simples.
Seja honesto sobre o limite: qualquer biblioteca de blocos que você instala é um código do qual você passa a depender. O que muda é o tamanho da lacuna que ela deixa. Remover uma biblioteca de blocos deixa as seções que usavam os blocos dela sem renderização. Remover um page builder deixa a página inteira sem renderização.
Teste isso em uma cópia de staging antes de decidir. Duplique o site, desative a ferramenta de layout e analise três páginas. O que você encontrar é o custo real de sair, e é melhor descobrir isso agora.
Parte 3: O que realmente carrega na página
Discussões sobre velocidade nesse meio costumam se basear em crendices. O mecanismo é simples o suficiente para ser analisado.
Um construtor de páginas é um segundo mecanismo de layout. Ele traz um sistema de grid CSS próprio, uma biblioteca de animações própria e um JavaScript próprio, muitas vezes em todas as páginas, porque o plugin nem sempre consegue saber de antemão quais widgets cada página usa. Isso é um custo fixo somado ao WordPress e ao seu tema.
O editor de blocos não tem um runtime próprio. Os blocos principais são, em sua maioria, HTML e CSS, e um tema de blocos bem construído acrescenta pouco a isso. O Canvas carrega apenas o CSS e o JavaScript dos blocos que uma página realmente contém e adiciona 35 otimizações que você pode ligar e desligar, incluindo cinco voltadas especificamente aos scripts que o WooCommerce carrega em páginas que não vendem nada.
A versão honesta
Uma página bem construída em um bom construtor pode superar uma página descuidada em um tema de blocos. As ferramentas de layout são apenas um fator entre vários, ao lado da sua hospedagem, das suas imagens, das suas fontes e dos outros onze plugins que você instalou. A razão para preferir menos estrutura não tem nada a ver com capturas de tela de testes de desempenho. Há menos coisa que pode dar errado no dia em que sua atenção estiver em outra coisa.
Parte 4: Como é a edição no dia a dia
É aqui que os construtores ganharam sua reputação, e onde a diferença mais diminuiu.
Vendo a página real enquanto você edita
A antiga reclamação sobre o editor de blocos era que a página abria como uma caixa branca, sem nenhum dos elementos de design ao redor. O Canvas configura o editor para renderizar o modelo inteiro, de modo que o cabeçalho, o slider, a faixa de título da página, o conteúdo e o rodapé aparecem todos na área de edição, desenhados pelo mesmo código que desenha o front end. Larguras e espaçamentos são os reais, então uma seção de largura total parece de largura total.
Configurações onde você espera encontrá-las
Selecione um bloco e o painel dele se abre com o texto, os links, as imagens, os ícones, as cores, os tamanhos e o comportamento que aquele bloco reconhece. O Canvas adiciona o mesmo painel avançado a todos os tipos de bloco registrados no site, inclusive os blocos nativos do WordPress: uma animação de entrada e saída, CSS personalizado restrito a esse bloco, atributos personalizados para análise ou testes, e condições de exibição por função de usuário ou dispositivo.
Não se repetir
Dois sistemas evitam a repetição. Salvar como padrão armazena um bloco configurado do jeito que você preferir, para que o próximo que você inserir já comece assim. Estilos globais de bloco definem um conjunto de configurações como uma predefinição que você aplica em todo o site e altera uma única vez. Modelos e partes de modelo ficam no Editor do site, onde o WordPress os mantém, com 173 modelos de bloco, 5 partes e 4 variações de estilo no Canvas.
Parte 5: O que um construtor de páginas ainda faz melhor
Uma comparação que não encontra nada de bom do outro lado é propaganda. Veja onde os construtores realmente estão à frente hoje.
- Posicionamento livre. Arrastar um elemento para qualquer lugar e ajustá-lo em um pixel ainda é mais suave em um construtor consolidado. O editor de blocos prefere estrutura a posicionamento absoluto, o que é melhor para uma equipe e pior para uma seção hero avulsa.
- Profundidade do ecossistema. Os grandes construtores de páginas têm anos de complementos de terceiros, marketplaces e integrações. Se o seu fluxo de trabalho depende de um complemento específico, verifique se existe um bloco equivalente antes de migrar.
- A equipe já domina o construtor. Se a sua equipe, o seu cliente ou o freelancer que você contrata às sextas-feiras trabalha há cinco anos com um único construtor, essa familiaridade tem valor real. Retreinar custa caro, e o custo recai sobre o seu próximo projeto.
- Controles por dispositivo em todo lugar. Alguns construtores oferecem um valor para celular e tablet para quase todas as propriedades. O Core é mais seletivo, e às vezes você recorre a um campo de CSS personalizado onde um construtor tinha um controle.
- Um produto para tudo. Um construtor que também traz pop-ups, formulários e um construtor de temas significa um só fornecedor e uma central de suporte. O Canvas responde a isso incluindo as mesmas peças por conta própria, mas o argumento é justo em comparação com um tema de blocos simples.
- Estabilidade da interface. O editor de blocos muda a cada versão do WordPress. Um construtor de páginas muda quando o fornecedor decide. Se uma interface em constante mudança atrapalha seus clientes, isso importa.
Nenhum desses motivos é razão para evitar um tema de blocos. Eles são motivos para tomar a decisão com os olhos abertos e desconfiar de qualquer tabela comparativa que deixe uma coluna mais favorecida que as outras.
Parte 6: Quanto realmente custa trocar
Se você tem um site existente feito em um page builder, a resposta honesta é que migrá-lo é uma refação, não uma conversão. Reserve um orçamento adequado para isso.
- O conteúdo é transferido, o layout não. Textos e imagens são seus e portáveis. O arranjo era do construtor de páginas, e precisa ser refeito.
- Faça página por página. Comece pelas páginas que geram resultado: a página inicial, a landing page principal e a página de contato. Deixe o arquivo de posts antigos para o final, porque geralmente ele é só conteúdo simples.
- Comece com um demo, não com uma página em branco. Importar um demo completo entrega um design pronto para editar, e toda a importação pode ser desfeita se você mudar de ideia.
- Mantenha o construtor instalado até terminar. Desative-o somente quando nenhuma página ativa depender dele, e depois verifique o site com um rastreador de links.
- Não redirecione nada que não precise. Mantenha as mesmas URLs e preserve o posicionamento nos buscadores conquistado com elas.
Espere que as duas primeiras páginas sejam lentas enquanto você aprende o bloco, o padrão e as camadas de modelos, até que um ritmo se estabeleça. A maior parte do tempo economizado depois vem de não refazer o cabeçalho e o rodapé em cada projeto.
Parte 7: Como decidir
Responda com honestidade a estas cinco perguntas e a decisão geralmente se resolve sozinha.
- Quem vai editar este site daqui a dois anos? Se a resposta for um cliente, um estagiário ou ninguém em especial, o editor que vem com o WordPress é o que eles têm mais chance de reconhecer.
- Quantos sites você mantém? Um site pessoal pode aguentar qualquer quantidade de complexidade extra. Vinte sites de clientes não aguentam, e cada camada extra é um chamado de suporte esperando para ser aberto.
- Seu design é incomum ou convencional? Formatos de página convencionais são exatamente o que blocos, padrões e modelos fazem bem. Um projeto único, em camadas e com direção de arte, pode ainda ser mais rápido em um construtor de páginas.
- Qual é o seu plano de saída? Se a resposta for “não há plano de saída”, escolha o formato que o próprio WordPress lê.
- Pelo que você realmente está pagando? Compare o total: tema, construtor de páginas, plugin de formulário, plugin de pop-up, plugin de slider e as renovações de cada um, com um único produto que cobre tudo isso.
Se um construtor já está na sua lista, duas das nossas comparações levam essas perguntas a um produto específico: Canvas como alternativa ao Elementor, plano a plano, e como o Canvas se compara ao Divi em edição, vínculo com a plataforma e o que acontece quando uma licença expira. Ambas listam suas fontes e a data em que os números foram consultados.
Canvas é o tema de blocos que responde a essa lista: 209 blocos no inseridor de blocos que você já usa, 183 padrões, 173 modelos, um construtor de cabeçalho e rodapé, formulários e 88 sites de demonstração completos para começar. Se preferir ver a diferença a ler sobre ela, abra um demo e clique em uma página.
Fontes
Quando este guia descrever algo fora do próprio Canvas, estas são as páginas oficiais que o documentam.
- Representação em marcação de um blocodeveloper.wordpress.org · Os blocos são armazenados como HTML, com comentários marcando onde cada bloco começa e termina
- Introdução ao theme.jsondeveloper.wordpress.org · As configurações e os estilos em theme.json chegam tanto ao front-end quanto aos editores
- O que é um tema?developer.wordpress.org · Temas de bloco são criados a partir de modelos de bloco, e os recursos mantidos em um plugin continuam funcionando ao trocar de tema
- Introdução aos modelosdeveloper.wordpress.org · O Editor do site salva seus modelos e partes de modelo como marcação de blocos no banco de dados
Próximos passos
Dois guias que colocam a abordagem de blocos em prática, e a biblioteca por trás dela.
Perguntas frequentes
A FAQ completa responde ao resto, e a documentação detalha cada configuração.
Um tema de blocos é automaticamente mais rápido do que um page builder?
Não, e quem disser o contrário está vendendo alguma coisa. A velocidade vem da quantidade de CSS, JavaScript e marcação que uma página carrega, não da categoria da ferramenta. O que um tema de blocos oferece é um caminho mais curto até uma página leve: sem um segundo mecanismo de layout e, no Canvas, apenas os recursos dos blocos que a página contém, além de 35 opções para o restante. Meça suas próprias páginas antes e depois. Não confie em nenhuma das duas afirmações até fazer isso.
Minhas páginas vão quebrar se eu parar de usar o Canvas?
Os blocos principais continuam sendo exibidos com qualquer tema, porque seu conteúdo é salvo como marcação padrão de blocos, que o próprio WordPress lê. Os blocos do Canvas vêm do plugin Canvas, então trocar de tema mantém esses blocos nos seus posts e páginas. Se você remover o plugin também, essas seções específicas deixam de ser exibidas, o que vale para qualquer biblioteca de blocos.
Posso usar um construtor de páginas junto com o Canvas?
Um construtor de páginas é um plugin, então nada impede que você o instale. Não recomendamos: você teria de manter dois sistemas de layout, dois sistemas de estilo e dois ciclos de atualização em um mesmo site, e os modelos, os elementos fixos do site e os blocos pelos quais você paga ao Canvas ficariam parados por baixo de tudo.
Preciso saber programar para criar um site sem construtor de páginas?
Não, criar um site com o Canvas sem um construtor de páginas não exige código. Cada parte de uma página do Canvas é um bloco com painel de configurações, incluindo o cabeçalho, o rodapé e a área do título da página, e o painel avançado adiciona animação, CSS personalizado, atributos personalizados e condições de exibição a todos os tipos de bloco do site. O campo de CSS personalizado está disponível quando você quiser, não porque o produto precisa dele.
Crie seu próximo site com o Canvas
Iniciante, freelancer ou agência, você recebe os mesmos blocos e os mesmos Demos. Comece com um site e crie quantos precisar com a mesma licença.