Uma das ferramentas mais úteis para WordPress são os plugins, para auxiliar na construção e organização estrutural das páginas. Quando instalamos um tema para montar o nosso site, contamos com os modelos de páginas existentes e caso queiramos algo mais organizado ao nosso modo, tínhamos de recorrer ao HTML. Até aí tudo bem, caso você trabalhe com programação Front-End.

Todavia, se você quer dar mais liberdade aos seus clientes, ou até mesmo agilizar o seu trabalho, os plugins Page Builder são extremamente interessantes. Hoje, o CanalWP vai te ensinar como utilizar uma dessas soluções. Confira!

Page Builder por SiteOrigin

O Plugin

Idealizado para ser a ferramenta que otimiza e deixa o usuário ainda mais livre dentro do seu Painel Administrativo, o plugin Page Builder por SiteOrigin te dá uma outra visão de mundo.

O plugin permite que você utilize elementos, arraste-os e organize da forma que melhor lhe parecer para o seu site. Você pode criar quantas páginas quiser e utilizar ou não das funcionalidades que a ferramenta possui.

Download e Instalação

Talvez você já saiba como realizar o processo de download e instalação de plugins no WordPress. Todavia, se isso for algo novo, não tem problema! O CanalWP te mostra como.

Para fazer a instalação do Page Builder por SiteOrigin, você pode eleger uma entre as diversas maneiras que o WP oferece para realizar a instalação. As mais comuns são: buscar pelo nome do plugin através do seu próprio Painel WordPress (Plugins > Adicionar novo) ou realizar o download do arquivo do plugin e fazer o upload do mesmo via FTP ou Dashboard WordPress.

Para fazer o download direto na página oficial no diretório do WordPress, clique no botão abaixo e nós vamos te redirecionar para lá sem qualquer complicação.

Baixar | Hospedagem

Configurações do Plugin

Agora que o plugin está devidamente instalado e ativado em seu site WordPress, vamos criar uma página e organizar os elementos dentro dela.

Antes de iniciarmos as nossas páginas, pode ser que você sinta a necessidade de realizar alguma configuração para funcionamento e comportamento do plugin na Dashboard e Front-End do site. Acesse Configurações > Page Builder para visualizar a página de configurações do plugin.

Nesta área, você pode escolher em quais tipo de páginas e posts o plugin irá funcionar. Defina também as dimensões e estruturas para exibição de conteúdo, e se quer utilizá-lo em tecnologia mobile. Salve todas as configurações, caso você tenha alterado algo, e siga para o próximo passo.

Organização de Páginas

Crie uma nova página (Páginas > Adicionar Nova) e siga os passos demonstrados a seguir.

Dentro da nova página criada, clique na nova aba que agora existe sob a área para inserção de textos – aba Page Builder. Para utilizar um layout pré-construído e disponibilizado pelo seu próprio tema, clique em prebuilt layout. Para adicionar um widget, clique em widget.

Para o exemplo que vou mostrar agora, vamos clicar em row para inserir uma linha e então, adicionar e organizar elementos dentro dela.

Na janela que será exibida, você deve definir o número de colunas, proporção e a ordem das modificações – Esquerda para Direita ou Direita para Esquerda. Escolha a opção que desejar e clique no botão Inserir.

Com a estrutura definida, agora você deve adicionar em forma de widgets: textos, imagens, loop de posts e tudo mais que o plugin oferece. Basta clicar em uma das colunas e depois na opção Adicionar Widget. A depender do que você queira utilizar, a instalação dos plugins que compõem o kit de funções desenvolvido pela SiteOrigin pode ser necessário.

Se você gostou desse artigo considere compartilhar nas redes sociais. Siga-nos nas redes sociais para acompanhar mais artigos como esse. Se de alguma forma este artigo lhe foi útil deixa seu comentário abaixo para podermos saber a sua opinião.