Olá a todos. Tenho o prazer de apresentar um autor convidado e amigo, Joe Casabona. Joe foi generoso o suficiente para compartilhar esta lição de seu curso, Up and Running with Beaver Builder.

Esta é uma prévia do curso WP em um mês,instalado e funcionando com o Beaver Builder.

Uma das vantagens do Beaver Builder é que ele oferece controle total sobre a área de conteúdo do seu site.

Porém, existe uma barreira que pode criar limitações: o seu tema.

Seu tema determina quais partes do seu site você pode personalizar e pode restringir sua capacidade de criar um site exclusivo ou fornecer a liberdade necessária para torná-lo perfeito.

Isso significa que selecionar o tema certo para o seu site Beaver Builder é fundamental. Neste post, falaremos sobre como fazer isso. Vamos trabalhar!

Por que o tema do seu site é crucial

WordPress é uma plataforma incrível precisamente porque o software principal é mínimo. Apenas os recursos mais importantes são incluídos por padrão.

Isso permite que você personalize totalmente o seu site, escolhendo a combinação perfeita de tema e plug-ins.

Se você não estiver usando um construtor de páginas, o tema do seu site determinará em grande parte sua aparência e seu layout.

Claro, uma ferramenta como o Beaver Builder permite personalizar o estilo e o layout do seu conteúdo, o que a princípio faz parecer que o seu tema é menos importante.

No entanto, como usuário do Beaver Builder, seu tema ainda é crucial. Pode não ter mais a palavra final sobre a aparência de suas páginas e postagens, mas afeta o que você pode ou não modificar e quanta liberdade você realmente tem para usar seu construtor de páginas.

Como o Beaver Builder interage com o tema do seu site

Antes de escolher um tema que funcione bem com o Beaver Builder, é útil entender como nosso construtor de páginas funciona.

Dessa forma, você saberá se o tema que está considerando permite aproveitar ao máximo sua funcionalidade.

Resumindo, o Beaver Builder permite personalizar ou revisar totalmente tudo o que você pode alterar usando o editor padrão do WordPress.

Em um nível mais técnico, ele substitui qualquer coisa adicionada por meio da tag de modelothe_content().

Embora você possa usar o Beaver Builder com qualquer tema, alguns podem restringir o que você pode personalizar. Vejamos um exemplo usando Twenty Sixteen.

Nesta primeira captura de tela, você verá uma página com algum conteúdo básico, criada usando o editor padrão do WordPress:

Aqui está a mesma página modificada usando o Beaver Builder. A parte editável da página está destacada em vermelho:

Como você pode ver, apenas uma pequena seção da página é realmente editável. Elementos como título e barra lateral não podem ser excluídos, movidos ou personalizados.

Isso significa que você não seria capaz de aproveitar ao máximo o potencial do Beaver Builder ao usar o Twenty Sixteen.

Além disso, seu site pode não parecer coeso. Se você modificou fortemente alguns elementos, mas deixou outros com o estilo padrão do seu tema, é provável que eles não se fundam perfeitamente.

Em outras palavras, seu tema fornece uma base que pode ajudá-lo a criar o site dos seus sonhos ou impedi-lo.

Se você está planejando usar o Beaver Builder, você precisa que seu tema tenha o máximo de espaço possível para trabalhar.

Como escolher o tema certo para o seu site Beaver Builder (3 dicas principais)

Tecnicamente falando, você pode usar qualquer tema que desejar junto com o Beaver Builder. No entanto, como esperamos ter deixado claro neste ponto, você precisará selecionar seu tema com cuidado se quiser evitar limitações e frustrações.

Aqui estão algumas das melhores maneiras de fazer isso.

1. Procure um tema que ofereça flexibilidade máxima

Mais importante ainda, você precisará procurar um tema que faça duas coisas. Primeiro, deve ser mínimo em termos de design.

Quanto mais simples for o layout padrão do tema, menos você terá que lutar contra o código existente para modificar a aparência do seu site.

É melhor selecionar um tema minimalista ou discreto e deixar o Beaver Builder cuidar do trabalho pesado.

Dessa forma, será mais fácil para você criar algo que seja exclusivamente seu, em vez de ficar limitado pela aparência específica do seu tema.

Isso inclui encontrar um tema com o mínimo possível de elementos na página. Também é benéfico escolher um que permita ocultar ou remover elementos padrão, como títulos de páginas.

Em segundo lugar, seu tema deve ter o máximo possível de área de conteúdo editável. A melhor maneira de garantir isso é procurar um tema com área de conteúdo de largura total.

Este poderia ser o layout padrão do tema ou uma opção fornecida por um modelo específico:

De qualquer forma, ter uma área de conteúdo de largura total significa que é menos provável que você fique limitado por elementos integrados que não podem ser movidos ou alterados.

Da mesma forma, um tema que permite excluir completamente aspectos como barras laterais permitirá que você crie o seu próprio usando o Beaver Builder.

2. Opte por um tema com elementos de cabeçalho e rodapé personalizáveis

Uma das características do Beaver Builder é que ele permite conteúdo incrivelmente flexível. Isso não se restringe simplesmente ao que está em suas páginas e postagens, ou mesmo na sua barra lateral.

Com nosso plugin Beaver Themer, você também pode ter esse nível de controle sobre o cabeçalho e rodapé do seu site.

Isso é algo que nem todos os construtores de páginas permitem, tornando o Beaver Builder uma ferramenta de valor único.

Quando você só consegue editar a área de conteúdo do seu site, provavelmente ficará preso a cabeçalhos e rodapés que não combinam com suas postagens e páginas.

No entanto, o Beaver Builder permite criar uma aparência coesa em todo o site.

Mais uma vez, isso só é possível com um tema que lhe dá controle sobre o design de seus cabeçalhos e rodapés.

Isso pode ser feito por meio de um personalizador robusto, várias áreas de widgets ou opções de temas personalizados. O 'como' não importa tanto quanto o fato de a opção estar disponível.

3. Considere os outros méritos do tema

Até agora, temos nos concentrado em como escolher um tema que funcione bem com o Beaver Builder. Isto é importante, naturalmente, mas não é toda a história.

Afinal, um tema que permite a personalização máxima, mas que é de baixa qualidade ou desatualizado, não favorecerá em nada o seu site.

Isso significa que ao selecionar seu tema, você também deve prestar atenção a alguns critérios importantes, como:

• Design e funcionalidade.Ao construir um site para um nicho ou caso de uso específico, você precisará considerar se o seu tema tem estilo e recursos adequados.
• Críticas e classificações.Isso pode dizer muito sobre a qualidade do tema e alertá-lo sobre problemas que outros usuários tiveram com ele.
• Atualizações regulares.Um tema de qualidade é atualizado frequentemente para mantê-lo compatível com WordPress e protegê-lo contra ameaças de segurança. Como regra geral, você deve ignorar qualquer tema não atualizado nos últimos seis meses.
• Velocidade da página.Seu tema pode ter um impacto significativo no desempenho do seu site. Se puder, instale o tema em um site de teste e certifique-se de que ele não deixe suas páginas lentas.

A melhor maneira de avaliar um tema potencial é experimentá-lo você mesmo, se possível. Veja se há uma demonstração com a qual você possa interagir ou, melhor ainda, uma versão gratuita que você possa instalar e testar o quanto quiser.

Naturalmente, você também vai querer experimentar o tema em combinação com o Beaver Builder. Tente usá-lo para construir algumas páginas e ver quais problemas ou frustrações surgem.

Freqüentemente, os problemas potenciais com um tema só aparecem quando você começa a usá-lo para valer.

4 temas excelentes para usuários do Beaver Builder

Nenhum tema é adequado para todos os casos de uso e encorajamos você a explorar todas as suas opções, tanto gratuitas quanto premium. No entanto, se você não sabe por onde começar, aqui estão alguns concorrentes fortes que funcionam bem junto com o Beaver Builder.

1.Estrutura do Construtor de Páginas

Page Builder Framework é um tema leve criado para desempenho máximo. Isso significa que não está cheio de elementos que distraem que você precisará ajustar ou remover.

Na verdade, esse tema específico foi projetado especificamente pensando nos construtores de páginas. Ele foi criado para ser personalizado em vez de usado como está e, como tal, possui um design extremamente minimalista. Ao mesmo tempo, ainda vem com um grande número de opções e configurações.

Principais recursos:

• Oferece um design leve e que melhora o desempenho
• Foi desenvolvido para funcionar perfeitamente com o Beaver Builder e outros construtores de páginas
• Oferece muitas opções de personalização

Preço:Gratuito, com versão premium a partir de US$ 58.

2.Gerar Imprensa

A seguir, GeneratePress é um tema multifuncional extremamente popular. É ideal para construir sites de negócios, mas também é aplicável a uma ampla variedade de nichos e estilos.

Em muitos aspectos, este tema é muito semelhante à nossa escolha anterior. É minimalista, leve e construído para desempenho máximo. Além disso, ele também foi projetado tendo em mente os criadores de páginas.

Principais recursos:

• Adiciona volume mínimo ao seu site para manter o desempenho rápido
• Oferece uma variedade de áreas de widgets, locais de navegação, layouts de barra lateral e opções de menu, para máximo potencial de personalização
• É totalmente responsivo e traduzido para mais de 25 idiomas

Preço:Gratuito para a versão básica, com uma versão premium que custa US$ 49,95.

3.Astra

Astra é outro tema extremamente popular e por boas razões. É leve e personalizável, o que significa que serve como uma base sólida para muitos tipos de sites.

Este tema também oferece muito conteúdo pré-construído para trabalhar, incluindo modelos e sites completos. Você pode desativar o título da página e a barra lateral, bem como criar páginas de largura total – tornando este um tema perfeito para modificação com o Beaver Builder.

Principais recursos:

• Inclui uma grande biblioteca de conteúdo pré-construído para você começar
• Fornece muito controle sobre os layouts de sua página e permite desativar facilmente elementos desnecessários
• É muito leve, para melhorar o desempenho

Preço:existe uma versão gratuita, mas a versão premium (a partir de US$ 41) é recomendada para uso com o Beaver Builder.

4.Estrutura Gênesis

Por último, mas não menos importante, Genesis Framework não é exatamente um tema tradicional. Como o nome indica, seu objetivo é fornecer uma estrutura básica para você construir seu site. Para esse fim, ele mantém as coisas o mínimo possível, fornecendo uma estrutura básica junto com algumas ferramentas robustas de personalização.

Você pode fazer edições usando as opções de tema nativo ou combinar esta estrutura com o Beaver Builder para criar sites completamente exclusivos. Genesis Framework é uma opção popular para desenvolvedores e pode ser um excelente ponto de partida para quem está começando no setor.

Principais recursos:

• Fornece uma ampla variedade de opções de personalização e modelos pré-construídos
• Minimiza a desordem e evita que seu site fique atolado com dados e arquivos desnecessários
• É flexível o suficiente para que você possa usá-lo para criar sites altamente originais ou até mesmo usá-lo como base para construir seu próprio tema

Preço:Genesis Framework é uma opção apenas premium, a partir de US$ 59,95.

O tema dedicado do Beaver Builder

Claro, ainda não mencionamos o melhor tema para usar com o Beaver Builder – o tema dedicado do Beaver Builder, vem como padrão com todos os nossos planos premium: Starter, Professional e Unlimited:

Este tema atende facilmente a todos os critérios que discutimos e combina perfeitamente com nosso construtor de páginas. Com o robusto conjunto de ferramentas oferecido em seu Personalizador, você pode transformar esse tema de forma rápida e fácil para criar praticamente qualquer tipo de site.

Não muito diferente do Genesis Framework, o Beaver Builder Theme foi projetado para ser o mais simplificado e organizado possível.

É uma estrutura inicial para você construir seu site, tornando muito mais fácil conseguir um design criativo que não se parece em nada com os sites de seus concorrentes.

O tema Beaver Builder também é leve, otimizado para SEO e configurado para funcionar perfeitamente com o WooCommerce.

Você ainda terá acesso a suporte de alta qualidade. O melhor de tudo é que você não precisa saber nada sobre código para criar um site incrível.

No entanto, se vocêse sentirconfortável com o código, o tema Beaver Builder também é responsável por isso. Ele permite que você use CSS personalizado para modificar seu site e fornece muitos ganchos, filtros e documentos amigáveis ​​ao desenvolvedor. Como tal, este tema é a melhor opção para iniciantes e profissionais.

Conclusão

O plugin Beaver Builder oferece a oportunidade de criar páginas exclusivas com designs e layouts totalmente personalizados. No entanto, é muito importante escolher um tema que suporte essa funcionalidade.

Escolher um tema que use um design minimalista, páginas de largura total e cabeçalhos e rodapés personalizáveis ​​é um ponto de partida sólido. Embora o plugin funcione com praticamente qualquer tema, o tema Beaver Builder dedicado é sua melhor opção para aproveitar ao máximo tudo o que nosso construtor de páginas tem a oferecer.

Você tem um tema favorito compatível com o Beaver Builder que não mencionamos? Conte-nos sobre isso na seção de comentários abaixo!

Sobre José Casabona

Joe Casabona é um desenvolvedor Front End que trabalha em WordPress… muito. Em 2014, ele escreveu um livro chamado Responsive Design with WordPress, desenvolve cursos de WordPress no WP em um mês e desenvolveu um curso credenciado sobre temas WordPress. Ele também hospeda o podcast How I Built It.