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.
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.
Ferramentas WordPress Veja Mais Ferramentas
WP Discuz
MailChimp
SEO PowerSuite
Olá Sendy, meu Editor Ao Vivo vive sumindo na minha página principal, você saberia me explicar pq isso acontece?
Obrigado.
Bom dia Pessoal, estou com a versão 1.10.2 e ao criar uma nova página em branco está mostrando a seguinte linha na página. {“widgets”:[],”grids”:[],”grid_cells”:[]} conseguem me ajudar:? Abraços
Poderia explicar como eu poderia usar a formatação e salvar como tema?
Outro detalhe, como construir um menu usando Page Builder por SiteOriginr?
Gabriel, tenho o plugin instalado, mas nao aparece p mim as abas (visual) e (page builder).. Apenas texto!! sabe dizer o pq?? consigo adicionar os recursos widget mas nao consigo fazer certas edicoes por nao ter essas abas!
Não acho um plugin ” cx do face” que funcione Page Builder. Ja testei vários mas quando vejo a exibição ele não aparece na pagina
Obrigado
Olá!
É possível adicionar uma imagem no plano de fundo usando o PageBuilder?
Onde consigo maior variedades de Layouts pré-construídos page builder?
Olá Adam,
Você pode dar uma olhada no Visual Composer, é um dos plugins para construção de páginas mais utilizados https://codecanyon.net/item/visual-composer-page-builder-for-wordpress/242431?ref=johnkilla
Pela codecanyon você pode encontrar outros construtores de páginas além desse, mas esse é o mais vendido e utilizado até mesmo em temas.
Abraço.
Uso bastante o Plugin, mas tenho enfrentado um problema em algumas páginas específicas. Sempre que construo algo usando ele, fica uma margem bem grande entre o final do cabeçalho e o início do conteúdo da página criada e não sei como resolver isso.
Olá José,
Me manda o link do seu site, pode ser que usando css a gente consiga resolver isso.
Abraço.
Gente, só queria dizer que amo o site de vocês, que sempre que procuro algo no google referente a algo sobre o WP aparece o site de vcs! então vcs me ajudam mt! parabéns pelo trabalho <3
Olá! Instalei o plugin, estou a um tempo utilizando, porém hoje, do nada, ele sumiu da aba na página, clico em editar ao vivo e não funciona. Como resolvo isso?
Olá Beatriz,
O problema ainda persiste? Você pode tentar desativar todos os plugins (exceto o page builder) e verificar se o problema ainda continua.
Trocar o tema por um padrão do WordPress também pode ser uma boa ideia.
Abraço.
Olá, eu instalei o Pagebuilder, porém quando atualizo os widgets, mesmo sendo salvos, eles não aparecem na página.
Mesmo usando o Bundle em conjunto ao PageBuilder.
O que pode ser?
Olá Diogo,
Obrigado por deixar seu comentário.
Pode me enviar o link para que eu verifique o código do seu site?
Abraço.
Tive o mesmo problema com dois sites.
Neste do link eu fiz umas gambiarras e consegui deixar funcionando, mas nem todos os widgeds aparecem..
http://restaurajovem.org/
Você tem que ativar a opção de sidebar no seu tema primeiro.
Vá em Aparência > ALBAR settings > BLOG settings e marque a caixa “Enable Blog Sidebar ” e salve.
Veja se as widgets aparecem agora.
Abraço.