A busca das pessoas pela criação de sites nos levou facilmente a uma nova era de desenvolvimento de sites. Onde, com a disponibilidade de ferramentas robustas de construção de páginas, a criação de websites tornou-se muito mais divertida (especialmente para não-desenvolvedores). A multiplicidade de ferramentas e plugins disponíveis para você é vasta quando você tenta construir sites no WordPress. Hoje vamos explorar um novo, WP Page Builder. Se você está cansado dos mesmos plugins antigos do construtor de páginas, este é um que você deve experimentar.

Com muitos elementos de design, add-ons, funcionalidades como controles de resposta específicos do dispositivo, opções de exportação/importação, ajuste de padding e, acima de tudo, sistema de edição de front-end em tempo real “drag & drop”, o WP Page Builder tem tudo o que há nele para alimentar um site completo. É um plugin WordPress tudo-em-um para as necessidades de construção do seu site.

É um plugin gratuito para construção de páginas WordPress que o ajuda a construir belos sites como um profissional.

O que é que o WP Page Builder tem de especial?

Perguntando-se o que torna o WP Page Builder tão especial? Eu diria, o que não diz? É desenvolvido pela equipe da Themeum, que tem criado temas para WordPress desde 2013. Como mencionado acima, o plugin é um pacote completo de elementos essenciais para a construção do site com todas as funcionalidades modernas que você já esperava de um plugin construtor de páginas. Vamos dar uma olhada abaixo em todas as características suculentas que o WP Page Builder inclui.

1. Edifício do site Drag & Drop

O WP Page Builder oferece um sistema de construção de sites de drag & drop. Você pode facilmente adicionar qualquer coisa como texto, botões, ícones ou outros elementos a qualquer página. Você só precisa arrastar o add-on particular e soltá-lo no lugar onde você quer tê-lo. Tudo acontece diante dos seus olhos e você tem controle total sobre tudo.

Construção do website Drag & drop
Construção do website Drag & drop

2. Edição de Front-End mais rápida e em tempo real

O plugin é incrivelmente rápido e extremamente intuitivo. Também é muito leve e leva muito menos tempo do que todas as outras ferramentas semelhantes para criar um local deslumbrante e funcional. Isso irá mudar a forma como você constrói sites no WordPress. Já há muitos elementos prontos lá dentro. Só precisas de saber como usá-los. Sendo construída utilizando as mais recentes tecnologias, esta ferramenta ajuda-o a ter o seu website pronto em minutos.

Se você não sabe como escrever código mas quer construir websites, WP Page Builder é a ferramenta certa para você. Não há necessidade de escrever código para adicionar qualquer funcionalidade ou design às suas páginas web. Os elementos ricos do WP Page Builder e a funcionalidade arrastar e largar fazem o trabalho por si.

Criar uma nova página e depois editá-la com o WP Page Builder é incrivelmente fácil. Você pode escolher que layout a página vai ter enquanto cria a página. Uma vez escolhido, basta um clique em “Editar com o WP Page Builder” para chegar lá. Você pode selecionar o número de colunas e começar a arrastar elementos sobre elas.

Desfrute de uma nova experiência de construção de sites com recursos de última geração no seu interior. Crie belas páginas web em uma interface moderna e agradável para o usuário.

3. 30+ Suplementos e Contagem

Desenvolva seu site com elementos como textos, imagens, ícones, botões e muito mais. Existem muitos add-ons no WP Page Builder para equipar e decorar completamente o seu site. Arraste e solte os add-ons nas páginas web e depois modifique a aparência deles do jeito que você quiser.

WP Page Builder add-ons
WP Page Builder add-ons

Aqui estão alguns dos incríveis add-ons incluídos:

  • Formulário: Crie formulários web sem esforço. Dá-lhe uma forma conveniente de estilizar as suas formas como desejar. O próprio formulário add-on é capaz de configurar qualquer tipo de formulário sem a necessidade de instalar qualquer plugin. Além disso, você pode gerenciar plugins de formulário e ativar o reCAPTCHA com apenas um simples clique. Há também um add-on para o Contact Form 7, se preferir.
  • Carrossel: É difícil encontrar um add-on avançado como um carrossel num plugin de construção de páginas gratuito, mas o WP Page Builder permite criar deslizes heróicos espantosos sem ter de pagar por isso.
  • Post Grid: Mostrar posts de blogs em grelhas, definindo o número de posts e o estilo do look.
  • Caixa de características: Use o complemento Feature Box para exibir os recursos dos produtos em seu site.
  • Acordeão: Precisa de algum conteúdo de texto de colapso no seu site? Use o complemento Accordion do WP Page Builder e modifique o estilo da maneira que você quiser.
  • Carrossel de Pessoa: Além de exibir perfis e depoimentos individualmente, você também pode exibi-los em carrosséis. O Carrossel de Pessoa e os suplementos Carrossel de Testemunho farão isso por si.
  • Tabela de preços: Para serviços que você oferece ou produtos que você vende, você provavelmente precisa de tabelas de preços. Utilize o add-on Tabela de Preços no WP Page Builder para configurar facilmente as tabelas de preços.
  • Flip Box: Tenha um flip-box com logotipo, título, texto e botões, e mude as opções de flip-box e estilo para ficar do jeito que você quiser.
  • Progresso da torta: Coloque um elemento de progresso da torta no seu site com o add-on Progresso da torta.
  • Depoimento: Mostre o que as pessoas pensam sobre o seu negócio em qualquer lugar do site.
  • Número Animado: Use este add-on para exibir números animados para melhores apresentações de estatísticas.
  • Botão Social: Link para perfis de redes sociais usando diferentes botões no seu site.
  • SoundCloud: Adicione bits de áudio do SoundCloud.

4. Controles de Resposta Específicos para Dispositivos

Você pode determinar a aparência do seu site em dispositivos de diferentes tamanhos. O sistema de controlo de resposta específica do dispositivo no WP Page Builder permite ajustar e optimizar facilmente páginas Web para desktops, tablets e telemóveis.

WP Page Builder responsivo
WP Page Builder responsivo

O processo de fazer com que as páginas web respondam apenas com uma única unidade (pixel) não torna um construtor de páginas inteligente. O WP Page Builder introduz múltiplas unidades de resposta. Ao lado dos pixels, você também pode determinar o ponto de quebra responsivo com rem e unidades percentuais. Você pode alterar o tamanho dos elementos e até mesmo mostrar/ocultar elementos específicos para dispositivos específicos.

WP Page Builder pontos de ruptura responsivos
WP Page Builder pontos de ruptura responsivos

5. Muitos Layouts Premade

Qualquer que seja o tipo de site que você queira construir, uma ampla gama de modelos pré-desenhados dentro do WP Page Builder tem você coberto. Escolha qualquer layout que mais combine com a sua causa, personalize-os com o seu conteúdo, e abra um site completo em minutos.

WP Page Builder layouts pré-fabricados
WP Page Builder layouts pré-fabricados

Estes layouts prontos vêm sob a forma de pacotes de layouts. Os pacotes de layout mais populares são:

  1. Negócios: Construído para qualquer tipo de site de negócios. Empresas ou empresas que necessitem de, perfis e serviços podem tirar o melhor partido deste pacote de layout. As páginas disponíveis neste pacote incluem: Home, Sobre, Equipe, Portfólio, Preços, Contato e Serviços.
  2. Seguros: Perfeito para qualquer empresa financeira, firma corporativa ou agência que forneça serviços de seguros. O pacote vem com três páginas incorporadas, nomeadamente: Home, About, and Services.
  3. Spa: Feitos para salões de beleza, salões de beleza, salões de cabeleireiro e de unhas, barbearias e todos os outros sites de negócios similares. Atualmente, o pacote do Spa tem três páginas: Casa, Oferta, e Pacotes.
  4. Canalizador: Para diferentes serviços como encanamento, pintura, carpintaria, artesanato, limpeza doméstica e reparação de sites de utilidade pública. As páginas incluem: Home, About, and Services.
  5. Arquitetura: Construído para decoração de casas, design arquitetónico e outros escritórios corporativos relevantes. As páginas incorporadas incluem: Home, About, and Services.
  6. Advogado: Feito para advogados, indivíduos e escritórios de advocacia que prestam serviços relacionados com o direito. As páginas disponíveis incluem: Home, Sobre, Aviso, Contato e Serviços.
  7. Salão: Para qualquer salão de cabeleireiro, salão de unhas, barbearia e outros sites de negócios relevantes. As páginas pré-fabricadas incluem: Home, About, and Style Showcase.
  8. Layouts de páginas de terceiros: Você pode obter layouts de página adicionais na seção WP Page Builder’s Layouts. Construa um plugin que contenha o layout da sua página. Instale e ative esse plugin para poder usá-los. Fazer páginas web com a sua própria disposição de páginas é agora uma realidade.

Existem muitos outros layouts de páginas de grau profissional dentro do WP Page Builder. A escolha do layout certo é facilitada com diferentes categorias. E a melhor parte é que a maioria deles vem completamente livre.

6. Blocos Pré-Adesenhados Prontos

O WP Page Builder oferece muitos blocos de design prontos a usar para tornar o processo de desenvolvimento do seu site muito mais rápido e fácil.

Você pode arrastar e soltar os blocos em qualquer página e ele recebe o desenho. Todo o processo se completa num piscar de olhos. Como todas as outras seções da página, você também pode modificar o visual e a sensação do bloco. Há um botão “view block” em cada bloco para verificar como eles ficam no site ao vivo.

Blocos WP Page Builder
Blocos WP Page Builder

Os blocos vêm em diferentes categorias. Encontre-os usando as palavras-chave certas. As categorias disponíveis são:

Destaque: Use estes blocos para mostrar as características da sua empresa, produtos e serviços que você oferece no seu site. Há muitos desenhos diferentes para escolher. Selecione aquele que combina com o seu design.

Blocos de características do WP Page Builder
Blocos de características do WP Page Builder

Depoimento: Precisa de partilhar o feedback do cliente sobre o seu site? O Testemunho do WP Page Builder vem a calhar neste caso. Você pode escolher o design desejado, incluindo estas variações: Luz, Escuridão, Deslizamentos, Grelha Estilizada.

Equipe: Mostre os membros da sua equipa de uma forma profissional com os elementos prontos do WP Page Builder. Os blocos disponíveis têm múltiplas variações de design com diferentes efeitos e comportamentos. Cada bloco tem nomes, designações e vínculos sociais para os membros da equipe em diferentes estilos.

Bloco da equipe WP Page Builder
Bloco da equipe WP Page Builder

Chamada para a ação: Quer que os seus visitantes tomem certas medidas no site? Use a chamada para blocos de ação. Você pode ter uma chamada para o botão de ação com diferentes visuais e textos para inspirar os visitantes a clicar neles.

Tabela de preços: Tem tabelas de preços dos seus produtos e serviços? Os blocos têm múltiplas tabelas de preços com características incorporadas. Alguns deles também permitem que você destaque os planos de preços.

Conteúdo: As seções de conteúdo com um belo design vêm como blocos prontos a usar no WP Page Builder. Use qualquer bloco de conteúdo que você quiser para o seu site.

Bloco de conteúdo do WP Page Builder
Bloco de conteúdo do WP Page Builder

Blocos de terceiros: Se você quiser usar blocos de sua própria escolha além de todos esses blocos integrados, você certamente pode fazer isso com o WP Page Builder. A ferramenta suporta blocos de terceiros.

Há toneladas de mais blocos chegando, a equipe por trás do WP Page Builder está muito interessada em melhorá-lo.

7. Toneladas de Ícones Essenciais

Durante a construção de um site, os ícones desempenham um papel fundamental. Além do design, você precisa deles para destacar ou diferenciar o seu conteúdo. WP Page Builder tem uma rica coleção de ícones de fontes para atender a essa necessidade.

Fontes de ícones WP Page Builder
Fontes de ícones WP Page Builder
  • A fonte Awesome: Existem mais de 670+ ícones de fonte Awesome dentro desta ferramenta de composição de páginas do WordPress. Você pode usá-los facilmente em qualquer lugar em qualquer conteúdo do seu site.
  • Ícones WPPB: Juntamente com os ícones Font Awesome, você também pode utilizar mais de 340 ícones de linha WPPB em suas páginas web.

O WP Page Builder permite editar os estilos de fonte do seu site e modificar as cores.

8. Construído com a facilidade de utilização em mente

Qualquer pessoa que conheça o WordPress deve passar um bom bocado usando o WP Page Builder. O plugin traz uma experiência de usuário extremamente versátil em uma interface maravilhosa que é muito parecida com o ecossistema padrão do WordPress. A ferramenta é sem esforço, mesmo para aqueles que possam estar usando o WordPress pela primeira vez.

Considerando todos os níveis de usuários WordPress, o plugin WP Page Builder foi construído com todos os recursos inclusos. É inspirado e desenvolvido por profissionais, mas é construído para todos.

9. Biblioteca para Guardar os Seus Próprios Blocos

Você pode facilmente reutilizar uma seção previamente projetada repetidamente em diferentes páginas de seu website. O sistema de biblioteca no WP Page Builder permite que você armazene seus próprios blocos de design. Basta salvá-los na biblioteca uma vez, e depois você pode reutilizá-los quantas vezes quiser.

Biblioteca do WP Page Builder
Biblioteca do WP Page Builder

É a sua própria biblioteca. Depois de criar uma seção de conteúdo em uma linha, passe o mouse sobre a linha e clique no ícone “Salvar linha”. Dê-lhe um nome e carregue no botão “Guardar”. A fila será guardada mesmo no fundo da Biblioteca. Sim, é assim tão simples.

10. Mecanismo de Construção Fácil e Flexível

WP Page Builder oferece uma grande variedade de funcionalidades, que você pode usar para desenvolver um website de forma fácil e rápida. Os elementos do site oferecem opções de edição, duplicação, exclusão e outras opções de personalização enquanto pairam sobre eles no modo de edição. Aqui estão alguns dos benefícios de desenvolvimento emocionantes que este construtor de páginas oferece.

  • Criar estruturas de várias linhas-colunas

Criar uma linha e determinar o número de colunas nela é apenas um clique de distância com o WP Page Builder. Ao clicar em “Adicionar linha”, um painel com o número de colunas é exibido. Selecione facilmente o número que você quer. É isso aí!

  • Duplique qualquer elemento em um clique

Uma vez criada uma seção, seja uma coluna ou uma linha, você não precisa criá-la novamente. Você pode duplicá-lo com um único clique. Encontre o ícone “Duplicar” no painel de opções de personalização e clique nele. Literalmente, você pode duplicar qualquer coisa em uma página.

WP Page Builder elemento duplicado
WP Page Builder elemento duplicado
  • Espaçamento horizontal da coluna de controle (Gutter)

O ajuste de espaços entre colunas é muito mais fácil com a calha de colunas do WP Page Builder. Não importa o número de colunas em uma única linha, você pode facilmente determinar o espaço entre elas. Arraste a Calha na barra lateral esquerda para ajustar o espaçamento horizontal da coluna com a sua altura e largura.

  • Exportar, importar e limpar o conteúdo da página

O WP Page Builder permite exportar páginas que criou com ele. Você também pode importar páginas de fora. Há um menu chamado “Ferramentas” na barra lateral esquerda que lhe permite exportar, importar e limpar o conteúdo de uma página com três sub-ferramentas diferentes.

WP Page Builder importação e exportação
WP Page Builder importação e exportação
  • Ajuste de acolchoamento flexível por arrastamento

Quer definir o estofamento do conteúdo com flexibilidade? Você pode literalmente brincar com ele. Prepare o acolchoamento arrastando. A unidade de acolchoamento também é mostrada em pixel (px). Todos os elementos (addons, blocos, modelos de página, linhas e colunas) recebem algum acolchoamento por padrão, mas você pode facilmente ajustá-lo.

  • Opções de desfazer/redo ilimitadas

Não importa se você apagou algo por engano. Existem opções ilimitadas de desfazer/redo para reverter essas ações. Portanto, não te preocupes. Os botões de desfazer e refazer ficam no final da página. Enquanto edita qualquer página com o WP Page Builder, você sempre tem esses botões para agir.

  • Adicionar CSS personalizado

Quer ir além das opções de personalização existentes do WP Page Builder? Sim, você tem a liberdade para o fazer. Há um sistema para adicionar CSS personalizado a qualquer elemento que você tenha na página. Você só precisa ir para a opção Advanced styling e depois adicionar CSS. Você também pode chamar ids & classes e definir um índice z para todos os elementos, se necessário.

Suporte a Widgets WordPress

Apesar de ter elementos tão avançados dentro, você pode querer usar os widgets do WordPress enquanto constrói seu site. Os widgets padrão são mostrados logo após os add-ons. Estes podem ser usados em qualquer lugar da página. Como os add-ons, os widgets também podem ser arrastados e largados.

Suporte ao Desenvolvedor (Faça seus próprios add-ons)

Ao lado de mais de 30 addons para capacitá-lo a construir sites com elementos de página versáteis, desenvolvedores que querem usar seus próprios addons para qualquer funcionalidade/design extra podem certamente fazer isso. Os desenvolvedores podem adicionar seus blocos e layouts personalizados ao WP Page Builder facilmente. Você pode visitar a documentação do desenvolvedor do plugin para obter diretrizes.

Resumo

Com o WP Page Builder instalado no seu site WordPress, você tem o poder de criar qualquer site sem se preocupar com a capacidade de resposta ou com a escrita de uma única linha de código. O processo é completamente “arrastar e largar”. Você pode ter usado outros construtores de páginas no passado, mas eu o encorajo a experimentar este aqui! Se você é um cliente Kinsta, instale-o no seu local de desenvolvimento e brinque sem se preocupar em quebrar nada. Você pode baixá-lo gratuitamente do repositório WordPress.

Você já usou o WP Page Builder? Se sim, o que pensou? Deixe-os abaixo nos comentários.

Rayhan Arif

Rayhan Arif é um entusiasta da tecnologia que ama programação web e escreve para diferentes blogs (JoomShaper, Themeum, ThemeHunt) sobre WordPress, Joomla e muitas outras questões técnicas. Ele é um apaixonado debatente de linguagens e ferramentas web, com uma ampla gama de experiências.