O Page Builder Sandwich não é como o seu construtor de páginas típico; ele é descomplicado e simples de usar.
Você pode assistir ao vídeo abaixo para um tour rápido.
Onde fica o editor?
Primeiro, crie uma nova página, post ou CPT. Em seguida, acesse seu novo post ou qualquer um já existente no frontend. O PBS é 100% frontend; você não precisará ficar mexendo no backend.
Deve haver um botão “Page Builder Sandwich” no topo da sua página (na sua barra de administração); clique nele para começar a editar. Você verá a área de formatação de texto surgir no topo e o painel de adição de elementos surgir na lateral. A área de conteúdo do seu tema agora é o seu editor!
Você só pode editar páginas individuais com o PBS. Não é possível editar uma lista de posts do blog ou uma página 404, pois elas são criadas pelo seu tema. Posts, páginas e tipos de post personalizados funcionam perfeitamente.
Editando seu conteúdo
Agora vem a melhor parte… assim que você estiver no frontend e dentro do editor, clique em qualquer texto no seu conteúdo ou clique dentro da sua área de conteúdo e comece a digitar! Ao contrário de outros construtores de páginas, o PBS permite editar o conteúdo diretamente, sem a necessidade de passar por caixas de diálogo pop-up.
Formatando seu conteúdo / Deixando tudo bonito
Durante a edição, a área no topo é chamada de Barra de Formatação de Texto. Essa barra contém todas as ferramentas de formatação que você usará para estilizar o texto, como: cores, negrito, itálico, alinhamentos, inserção de links, marcadores e muito mais. Passe o mouse sobre cada botão para descobrir o que a ferramenta faz.
Adicionando elementos
Passe o mouse sobre o botão Adicionar Elementos no canto superior esquerdo da tela para exibir o Painel Adicionar Elementos. Você também pode apenas mover o mouse para o lado esquerdo da tela para fazê-lo aparecer.
Para inserir qualquer elemento, segure o clique do mouse sobre ele e arraste-o para a sua área de conteúdo. A área onde o elemento será colocado ficará destacada. Solte o botão do mouse para posicionar o elemento.
Estilizando e modificando elementos
Passe o mouse sobre qualquer elemento presente em seu conteúdo para que contornos e barras de ferramentas apareçam sobre eles.
Você pode passar o mouse sobre as bordas dos contornos para aumentar/diminuir as margens entre os elementos.
Você também pode clicar em um botão na barra de ferramentas para executar ações rápidas no elemento. Clicar no ícone de engrenagem na barra de ferramentas abrirá o Inspetor de Propriedades, que contém mais opções.
O Inspetor de Propriedades
O inspetor de propriedades oferece mais controle sobre a aparência dos seus elementos. Você pode adicionar muitas coisas, como sombras, animações, alterar cores de mapas, raio de borda e muito mais.
Você também pode acessar as propriedades dos elementos-pai. Por exemplo, se você inseriu uma imagem dentro de uma coluna e abriu o inspetor de propriedades, poderá acessar as propriedades da imagem, da coluna em que ela está contida e da linha na qual a coluna está inserida.
O inspetor de propriedades contém diversas configurações diferentes para diferentes elementos, por isso não deixe de explorar todas elas.
Usando Shortcodes
O Page Builder Sandwich mostra os shortcodes reais no frontend, e você também pode editá-los facilmente!
Se você decorou seus shortcodes, pode inseri-los digitando diretamente no seu conteúdo. Mas se você não decorou todos eles (quem faz isso?), o inspetor lista todos os shortcodes disponíveis no seu site. Arraste um botão de Shortcode do inspetor para a sua área de conteúdo, encontre o que deseja inserir e clique nele para aplicá-lo.
Os shortcodes são renderizados em conteúdo real no frontend; para editá-los, basta selecioná-los e conferir seus atributos no inspetor. Ou, para obter mais controle, você pode dar um clique duplo no shortcode para editá-lo em formato bruto. Depois de fazer suas edições, o shortcode será atualizado para refletir as alterações.
Reorganizando seu conteúdo
Você pode clicar, arrastar qualquer coisa e movê-la para qualquer lugar com o PBS. Ao arrastar algo, posicione-o sobre outro elemento na página; você pode movê-lo para cima ou para baixo de qualquer outro conteúdo.
Salvando seu trabalho
Quando estiver satisfeito com o seu design, basta clicar no botão de salvar no canto superior esquerdo da sua página. E pronto!