Existem dezenas e dezenas de construtores de páginas por aí, e você deve estar se perguntando: o que o Page Builder Sandwich tem de tão especial? Por que você se daria ao trabalho de usá-lo se já tem um em mãos?
Neste artigo, vou enumerar alguns recursos fundamentais encontrados no Page Builder Sandwich que o tornam único e um item totalmente indispensável tanto para criadores de conteúdo quanto para designers. Se você não sabe o que é um construtor de páginas e por que precisa de um, não se preocupe, temos um material que pode te ajudar.
1. Você não verá apenas uma representação visual do seu conteúdo, você vê e edita seu conteúdo real
Em outros construtores de páginas, você vê áreas que apenas representam o seu conteúdo. Você estrutura o conteúdo principalmente com blocos e formas retangulares, e o resultado se parece mais com um esqueleto de como seus conteúdos ficariam futuramente na sua página. Isso leva a um clique constante no botão de visualização apenas para ver como os resultados ficariam.
Com o Page Builder Sandwich, toda a edição é feita no front-end do seu site e você edita seu conteúdo diretamente para uma verdadeira experiência do tipo “o que você vê é o que você obtém” (WYSIWYG).
2. Edição direta rápida e fácil sem todas aquelas caixas de diálogo pop-up irritantes
Pop-ups têm sido um elemento básico nos construtores de páginas. Na maioria deles, se você quiser editar qualquer coisa em seu layout, seja um título, o rótulo de um botão ou um pequeno texto de slogan, primeiro teria que esperar uma caixa de diálogo pop-up abrir e realizar suas alterações dentro dela.
Fizemos como nosso objetivo minimizar o uso de pop-ups de ponta a ponta no Page Builder Sandwich. Ao remover os pop-ups, editar qualquer conteúdo se tornou mais fácil e fluido do que nunca.
A edição é feita de forma direta – clique no seu texto para posicionar o cursor e comece a digitar. Você não precisa mais esperar por uma caixa de diálogo pop-up contendo um editor TinyMCE para começar a editar. A melhor parte disso é que você ainda pode arrastar e soltar seu conteúdo para qualquer lugar.
Outra inovação que ajuda na edição sem complicações é o inspetor sempre presente. O inspetor serve como sua caixa de ferramentas e editor de propriedades. Ferramentas para formatar seu conteúdo: cores de texto, títulos, ajustes de tamanho de fonte, margens, espaçamentos internos (paddings), bordas, citações em bloco (blockquotes) e muito mais estão a um clique de distância.
3. Funcionalidades reutilizadas do WordPress
Outra coisa que notamos em outros construtores de páginas é que eles frequentemente reinventam a roda. Alguns implementam seus próprios seletores de cores, gerenciadores de upload de imagens, criadores de galerias e várias outras ferramentas. Não há nada de errado nisso por si só, mas o WordPress é um tesouro repleto de trechos de código, então por que não usá-los?
O WordPress é uma plataforma enorme e maravilhosa e contém muitas ferramentas incríveis criadas por diversos colaboradores fantásticos. O Page Builder Sandwich utiliza ao máximo as funcionalidades que já vêm integradas ao WordPress.
Em vez de usar nosso próprio seletor de cores, usamos o seletor de cores Iris. Em vez do nosso próprio uploader de imagens, usamos o gerenciador de mídia. Além disso, há também backbonejs, underscorejs, wp.hooks e wp.shortcode, para citar mais alguns scripts práticos. Usamos todos eles, e isso tornou nossas vidas mais fáceis, além de resultar em uma base de código mais estável.
Reutilizar as funcionalidades do WordPress também trouxe algumas surpresas incríveis. Por exemplo, como usamos o gerenciador de mídia para inserir imagens, foi uma grata surpresa constatar que agora também podíamos lidar de imediato com galerias do WordPress, playlists de vídeo e áudio e URLs remotas. Também podíamos usar apenas o gerenciador de mídia para realizar a edição de imagens, o que eliminou horas de dores de cabeça desnecessárias de desenvolvimento.
4. Navegação pelo teclado e atalhos
Em outros construtores de páginas, o mouse é o seu amigo. Você arrasta e solta coisas com ele e dá duplo clique nos itens para editar. Mas o teclado costuma ser deixado de lado.
Por exemplo, em alguns construtores, você não consegue editar facilmente o texto de um parágrafo/seção acima de onde está editando, porque teria que fechar uma janela pop-up e clicar em uma nova. No Page Builder Sandwich, você pode navegar com o seu teclado. Pressione as teclas de seta para navegar pelo seu conteúdo; isso funciona mesmo se o outro conteúdo estiver dentro de outra linha ou coluna.
Outro recurso importante são os atalhos de teclado para desfazer e refazer. Eles podem não parecer grande coisa a princípio, mas pense nisso: e se você arrastar e soltar acidentalmente o seu conteúdo no local errado? Em alguns construtores de páginas, você terá que arrastá-lo de volta para a posição original. No Page Builder Sandwich, tanto desfazer quanto refazer funcionam. Portanto, se você quiser reformular o que digitou ou quiser reverter o conteúdo que arrastou (ou múltiplos conteúdos arrastados), basta acionar desfazer ou refazer. O desfazer e refazer funcionam para conteúdos arrastados e soltos e até mesmo para alterações de propriedades, como tamanhos de fonte e espaçamentos internos de linhas. Isso os torna ferramentas poderosas em seu arsenal de edição.
5. Um verdadeiro construtor de páginas front-end – Uma experiência de edição mais relaxante e descomplicada
Nossa mentalidade durante o desenvolvimento foi a de que editar no front-end não deveria parecer como se você ainda estivesse editando usando ferramentas de back-end. Não deveria parecer que o construtor foi criado inicialmente para o back-end e depois adaptado para o front-end.
No fim das contas, para mim, o principal diferencial do Page Builder Sandwich é que nós o construímos com o objetivo de ser um “verdadeiro” construtor de páginas front-end – uma reinvenção de como a edição front-end deve ser.