O que é um Page Builder e por que o Front-End é importante

Escrito por

em

O que é um Page Builder e por que o front-end importaSe você é um blogueiro assíduo e toda a criação de conteúdo que realiza gira em torno de escrever artigos completos que contêm uma imagem complementar ocasional, talvez o editor de conteúdo TinyMCE existente seja suficiente para as suas necessidades. O conjunto de ferramentas atual já contém os recursos necessários para escrever artigos; você tem as ferramentas básicas de formatação de texto, como negrito, itálico, títulos, etc. Mas isso é praticamente tudo.

Sem recursos amigáveis de layout

Embora você possa escrever artigos com o editor de conteúdo TinyMCE atual, não há uma maneira decente de diagramar seu conteúdo além de ter uma única coluna contínua de texto. Por padrão, você não consegue dividir seu texto em duas ou mais colunas, nem criar conteúdo dividido em seções com uma cor de fundo diferente. Se você quiser que outras seções do seu site, como páginas de destino e páginas de contato, sejam exclusivas, precisará de algum tipo de recurso básico de layout.

Outros tentaram contornar esse problema utilizando o recurso de shortcodes do WordPress. Em resumo, os shortcodes permitem que trechos de código sejam inseridos por meio de tags especiais. Existem plugins do WordPress que introduzem diferentes shortcodes que você pode usar para criar conteúdo em colunas. Por exemplo, você poderia envolver seu conteúdo com várias tags de coluna se quisesse colocá-lo em um layout de duas colunas. Embora esse método “funcione”, ele não é visualmente amigável, pois eventualmente, à medida que você adiciona mais conteúdo, tudo parecerá uma grande bagunça.

Para preencher essa lacuna de layout, os page builders foram criados.

Blocos de construção de páginas

Os page builders facilitam a criação de conteúdo com layout

Os page builders oferecem ferramentas adicionais que facilitam a organização do seu conteúdo em layouts exclusivos. Os page builders geralmente removem o editor de conteúdo TinyMCE do back-end e o substituem (ou adicionam) por um novo que ajuda você a visualizar seu conteúdo. Se você nunca usou um page builder de back-end antes, imagine um conjunto de blocos em que cada bloco representa um tipo de conteúdo: uma imagem, texto ou um shortcode. Ele permite, então, arrastar e soltar esses blocos em diferentes layouts e colunas.

Além da diagramação, os page builders também facilitam a criação e o posicionamento de shortcodes. Antes, você podia ver os shortcodes em toda a sua glória bruta. Você via os colchetes com todos os atributos e valores misturados ao seu conteúdo. Os page builders geralmente incluem criadores de shortcodes – caixas de diálogo pop-up que tornam a escolha de atributos de shortcodes muito mais prática do que simplesmente digitá-los.

Page builders de front-end são o futuro

Embora tudo isso proporcione uma experiência melhor para designers e criadores de conteúdo, os page builders de back-end têm um grande problema inerente a eles. Embora seja possível ver uma representação visual de como seria o seu conteúdo, o que você está vendo não é o seu conteúdo real. Isso faz com que as pessoas verifiquem constantemente a pré-visualização de suas páginas para ver se o que estão fazendo está correto. Ao usar page builders de back-end, eu pessoalmente clico no botão de pré-visualização pelo menos 20 vezes com facilidade apenas para verificar se o meu conteúdo está alinhado corretamente ou se minhas margens estão espaçadas uniformemente. Esse é um incômodo enorme que consome muito tempo.

Para resolver esse inconveniente, os page builders deveriam ser levados para o front-end. Se isso for feito, eliminará o processo de adivinhação da diagramação de páginas, já que você poderá ver os resultados imediatamente.

No momento, existem muitos page builders de back-end e apenas alguns de front-end. Entre esses poucos está o Page Builder Sandwich. Se você quiser saber mais sobre o que torna o Page Builder Sandwich único e por que ele é a ferramenta certa para você, leia o artigo Como o Page Builder Sandwich é diferente dos demais.