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, visite o seu novo post ou qualquer um existente no frontend. O PBS é 100% frontend, você não precisará mexer 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 para adicionar 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 de blog ou uma página 404, já que essas são criadas pelo seu tema. Posts, páginas e tipos de post personalizados funcionam perfeitamente.

Editando seu conteúdo

Agora vem a parte incrível… quando 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 que você edite 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, adiçã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 Elemento. 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 um deles e arraste-o para a sua área de conteúdo. A área onde o elemento será posicionado ficará destacada. Solte o botão do mouse para posicionar o elemento.

Estilizando e modificando elementos

Passe o mouse sobre qualquer elemento que você tenha no seu conteúdo e, então, contornos e barras de ferramentas deverão aparecer 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ê colocou uma imagem dentro de uma coluna e abriu o inspetor de propriedades, você poderá acessar as propriedades da imagem, da coluna em que ela está contida e da linha na qual a coluna está contida.

O inspetor de propriedades contém muitas configurações diferentes para diferentes elementos, então não deixe de conferir todas elas.

Usando shortcodes

O Page Builder Sandwich mostra os shortcodes reais no frontend, e você também pode editá-los facilmente! 

Se você memorizou seus shortcodes, pode inseri-los digitando diretamente no seu conteúdo. Mas se você não decorou todos (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 inseri-lo.

Os shortcodes são renderizados em conteúdo real no frontend; para editá-los, você pode selecioná-los e verificar 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 realizar 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, mova-o para cima de outro elemento na página; você pode movê-los tanto para cima quanto para baixo de qualquer outro conteúdo.

Salvando seu trabalho

Quando estiver satisfeito com o seu design, basta clicar no botão salvar no canto superior esquerdo da sua página. Só isso!