Como Funciona o Page Builder Sandwich

Escrito por

em

Como o Page Builder Sandwich funcionaEste artigo trará uma visão geral rápida de como o Page Builder Sandwich funciona e serve como uma introdução para quem tem interesse em saber como nosso construtor de páginas se integra a diferentes recursos do WordPress. Não vou me aprofundar nos recursos individuais do Page Builder Sandwich; se quiser conhecê-los, acesse nossa página de vídeos, onde apresentamos cada recurso individualmente por meio de breves gravações de tela.

Se você quiser saber como o Page Builder Sandwich se diferencia de outros construtores de páginas disponíveis, confira nosso artigo Como o Page Builder Sandwich é diferente dos demais.

Onde está o construtor de páginas?

Onde ele fica? E o que posso editar com ele?

Ao contrário de muitos outros construtores de páginas, o Page Builder Sandwich funciona diretamente no front-end do seu site. Se você estiver no back-end, disponibilizamos um botão “Frontend” junto aos botões do editor de conteúdo que levará você diretamente ao front-end da sua página.

O Page Builder Sandwich permite que você edite seus posts, páginas e conteúdos de tipos de post personalizados (custom post types). No entanto, ele não permite editar diretamente a listagem de posts do blog na página inicial nem outras áreas não individuais do site. Pense da seguinte forma: se o que você deseja editar possui um editor de conteúdo no back-end (como “Novo post” e “Nova página”), o Page Builder Sandwich pode ser utilizado. Você pode editar suas páginas e posts de blog individuais e, se por exemplo tiver um plugin que adiciona cardápios de restaurantes ou itens de portfólio, também poderá editá-los.

No front-end, adicionamos um botão azul “Edit with Page Builder Sandwich” na sua barra de administração. Basta clicar nele para começar a editar sua página.

Edição direta de conteúdo

Com o Page Builder Sandwich, tornamos a edição de conteúdo o mais fácil e descomplicada possível. Editar conteúdo é simples e direto: basta clicar e digitar. Simples assim.

O inspetor

Apresentando o inspetor

Notamos que muitos construtores de páginas utilizam pop-ups em excesso. Pessoalmente, não gosto de pop-ups porque eles distraem e basicamente dizem: “ei, pare o que está fazendo até preencher esses campos primeiro”. Eles quebram o fluxo do que deveria ser uma experiência de edição fluida. Por isso, minimizamos o uso de pop-ups ao máximo e, em vez disso, criamos o inspetor.

O inspetor é uma barra lateral que reúne todas as ferramentas de formatação e layout de que você vai precisar. Ele pode ser fixado no lado esquerdo ou direito da tela para que você veja com facilidade o que está editando.

No inspetor, você pode ajustar várias propriedades de texto, como títulos, tamanhos de fonte, negrito, itálico, cores de texto e muito mais. Além disso, ele permite adicionar imagens e criar linhas ou conteúdo em colunas. Também oferece edições mais avançadas, como ajustar linhas para largura total da página, alterar cores de fundo de linhas e colunas, definir alinhamento vertical de conteúdo, além de margens e planos de fundo. É uma ferramenta muito poderosa que você utilizará na maior parte do tempo.

Integração com temas do WordPress

Por padrão, o Page Builder Sandwich quase não inclui estilos próprios. Ao editar o conteúdo, os estilos que você vê são baseados principalmente no seu tema.

Integração com shortcodes

Os shortcodes são um elemento fundamental no WordPress e, muito provavelmente, você usará vários deles no seu site. O Page Builder Sandwich lida muito bem com eles, exibindo os shortcodes devidamente renderizados no front-end. Eles continuam editáveis e o melhor é que, depois de fazer suas alterações, eles são renderizados novamente de forma instantânea.

Para maior comodidade, você pode editar seus shortcodes diretamente pelo inspetor. Caso queira mais controle, basta dar um duplo clique nos shortcodes para editá-los em formato bruto. Além disso, todos os shortcodes disponíveis no seu site são listados no inspetor para facilitar a inserção no seu conteúdo.

Sem inchaço

E quanto ao inchaço no site?

Quem gosta de sites lentos? Nós não, e você com certeza também não. Garantimos que o Page Builder Sandwich tenha um impacto praticamente nulo no desempenho do seu site. Para usuários desconectados, são carregados apenas os estilos CSS essenciais de linhas e colunas, além dos scripts JS e CSS estritamente necessários para os shortcodes utilizados.

Para desenvolvedores

Se você é um desenvolvedor e utiliza shortcodes nos seus plugins do WordPress, o Page Builder Sandwich disponibiliza uma Shortcode API para que você ofereça facilmente campos intuitivos de criação e edição dos seus shortcodes aos seus clientes.

Se quiser estender ainda mais os recursos ou integrá-lo a outras partes do Page Builder Sandwich, também disponibilizamos diversos action e filter hooks muito úteis para você utilizar.