GeneratePress: Template gratuito para Elementor

GeneratePress: Template gratuito para Elementor

Já testei diversos templates para utilizar com o Elementor e fiz até uma lista com os melhores, mas depois de alguns projetos lançados acabei escolhendo o campeão, o melhor template para Elementor que é o GeneratePress.

O GeneratePress oferece duas licenças (premium e gratuita) onde a versão gratuita do template oferece todos os recursos básicos para o desenvolvimento de websites completos e landing pages utilizando o Elementor Page Builder.

Podemos destacar diversos pontos na versão gratuita do GeneratePress como o recurso de posicionamento do menu no cabeçalho, a possibilidade de ocultar o título da página em Landing Pages e a possibilidade de controlar o layout da página com ou sem barras laterais ou widgets no rodapé.

Mas o que faz o GeneratePress especial?

Por algum tempo busquei um template que fosse genérico o suficiente para personalizar o cabeçalho, menu, rodapé e barras laterais para que fosse possível criar websites completos com o Elementor.

generatepress
Personalizando o cabeçalho do site com o GeneratePress

Minha procura acabou quando encontrei o GeneratePress e logo de cara montei um site com ele. Foi extremamente rápido e o resultado excelente. Posso personalizar o site inteiro através do Customizer do Worpress e de quebra mudar cores, tamanhos, posicionar elementos, etc.

O menu fica onde você quiser

O GeneratePress permite posicionar e alinhar os itens, alinhar os textos e até mesmo o tamanho do menu. Você também pode personalizar as cores do menu normal e hover.

Posicionando o menu do website com o GeneratePress
Posicionando o menu do website com o GeneratePress

Configurando o tamanho do corpo da página

Você pode ajustar a largura do contêiner geral do site em Aparência > Personalizar > Layout > Contêiner.

Você pode configurá-lo para uma porcentagem usando CSS, no entanto, eu geralmente recomendo que você escolha um valor de pixel realmente alto, como 2000, caso esteja procurando um website com largura de 100%. Como o GeneratePress é responsivo, ele terá 100% de largura na maioria das telas nessa largura.

Configurando o tamanho do corpo da página

Infinitas opções para páginas

O GeneratePress possui diversas opções de configuração para o desenvolvimento de páginas e landing pages.

Configurando Barras Laterais

Sempre sonhei com essas opções quando comecei a trabalhar com WordPress lá em meados de 2007. Agora o GeneratePress permite escolher o layout das barras laterais em páginas específicas!

Configurando Barras Laterais

Configurando Barras Laterais Globais do OceanWP

Existem duas barras laterais por padrão no GeneratePress que vêm com vários layouts, incluindo:

  • Conteúdo / Barra Lateral
  • Barra lateral / conteúdo
  • Conteúdo (sem barras laterais)
  • Barra lateral / conteúdo / barra lateral
  • Barra lateral / Barra lateral / Conteúdo
  • Conteúdo / Barra Lateral / Barra Lateral

Existem três opções diferentes que você pode encontrar em Personalizar > Layout > Sidebars. Essas opções se aplicam ao site inteiro:

opções diferentes que você pode encontrar
  • Layout da barra lateral: Esta configuração refere-se às suas páginas normais.
  • Layout da barra lateral do blog: Essa configuração é específica para o seu blog, arquivos, resultados de pesquisa etc.
  • Layout de barra lateral de postagem única: Essa configuração é específica para suas postagens únicas, incluindo postagens de blog ou qualquer tipo de postagem de tipo de postagem personalizada.

Widgets no Rodapé

Há quem goste e há quem odeie mas Widgets no rodapé estão ganhando espaço em diversos sites por aí. Com o GeneratePress é possível escolher quantos widgets estão no rodapé.

Existem 5 áreas de widget de rodapé no GeneratePress. Você pode escolher exibir 0 a 5 deles a qualquer momento.

Alterar o número de widgets de rodapé em páginas / postagens individuais

Alterar o número de widgets de rodapé em páginas / postagens individuais

Algumas páginas e postagens individuais podem exigir um número diferente de widgets de rodapé que suas configurações globais. Nesse caso, você pode usar o metabox do Layout ao editar essa página / postagem.

Integração com o Elementor para desenvolvimento de Websites

A versão gratuita do template oferece apenas a opção para conteúdo com largura total (full width) que são excelente para landing pages e websites.

O GeneratePress é perfeito para desenvolvimento de websites e Landing Pages e é perfeitamente integrado ao Elementor Page builder.

GeneratePress: O melhor template gratuito para Elementor

Principais vantagens do GeneratePress Premium

O GeneratePress Premium oferece uma suíte de recursos onde você pode personalizar diversos pontos do tema, desde as fontes, cores base, tamanho dos itens do menu, etc.

Tipografia, cores, espaçamentos, etc

Generatepress Tipografia, cores, espaçamentos, etc

Você pode alterar a tipografia do body, títulos, menu e widgets, etc, além de poder alterar a paleta de cores do seu website e também os espaçamentos utilizados nas áreas de conteúdo, menu e widgets.

Basicamente você pode personalizar a tipografia de todo do GP Premium e padronizar as cores, fontes e tamanhos.

Menu Responsivo do GeneratePress

Falando em menu o GenerarePress Premium oferece um dos melhores menus responsivo que já trabalhei no WordPress. Você pode ter até 2 tipos de menu sendo um principal e o outro secundário.

A opção de cabeçalho para celular é encontrada em Aparência > Personalizar> Layout> Cabeçalho. Essa opção desativa o cabeçalho do website principal em dispositivos móveis e o substitui por uma versão simplificada.

O cabeçalho para celular herda suas cores de navegação definidas em Personalizar > Cores> Navegação primária.

GeneratePress Menu Plus

O complemento Menu Plus do GenerarePress adiciona várias opções relacionadas ao menu no Personalizador. Para usar este complemento, primeiro verifique se o GP Premium está instalado e se o complemento está ativado.

Todas as opções do Menu Plus são adicionadas em Personalizar > Layout dentro de suas respectivas seções.

GeneratePress Stick Menu

Também há a opção de incluir um Stick Menu (aquele menu que acompanha a rolagem da página) com o logo do seu website e um campo para pesquisa dentro do próprio menu. Fantástico!

A opção Sticky Navigation Transition tem 3 opções:

  • Fade – sua navegação fixa desaparecerá assim que você iniciar a rolagem.
  • Slide – sua navegação fixa deslizará para baixo quando você começar a rolar.
  • Nenhum – não há transição, já que você começa a rolar a navegação e simplesmente fica na parte superior da tela.

As opções de navegação do GeneratePress Premium contam ainda com menu no rodapé e um incrível suporte para a navegação da Sidebar que é muito usada em blogs.

GeneratePress e a Integração com WooCommerce

Todo tema de respeito possui compatibilidade com o WooCommerce e o GenerarePress não poderia ficar de fora. a Integração permite customizar tipografia e cores e algumas opções de layout mais comuns.

GeneratePress e a Integração com  WooCommerce

A página do produto e o checkout são bem simples e atrativas para o usuário final. Você não precisa se preocupar com carrinhos e checkouts confusos pois foram muito bem trabalhadas no GeneratePress.

Cabeçalho e Rodapé

Outro ponto positivo do GeneratePress Premium é a personalização do cabeçalho e rodapé. Basicamente o Cabeçalho permite a inclusão do logo, do menu principal e também de 2 widgets no lado direito para você incluir links e redes sociais.

Cabeçalho e Rodapé do GeneratePress

Se você quer realmente personalizar 100% o cabeçalho e o rodapé você pode utilizar o plugin Header Footer Elementor quer permite substituir o cabeçalho e o rodapé por um template do Elementor. Imagine as possibilidades 😉

Os hooks do GeneratePress fazem toda diferença

Outro fator que torna o GeneratePress Premium poderoso são os diversos Hooks que podemos utilizar no tema.

Hooks são locais específicos do tema onde podemos especificar um shortcode, um HTML ou até mesmo executar códigos PHP. Você pode incluir mais de 30 hooks no seu website para compor ainda mais opções de layout.

Com os hooks você pode incluir um banner após o menu ou especificar um novo rodapé para o seu website. Ah você pode também inserir algum elementor após o conteúdo dos posts do blog e banners antes do conteúdo. Se você utiliza o Elementor Pro você pode utilizar os shortcodes dos templates para ajustar o seu website.

Aqui você pode visualizar todas as opções de hooks do GeneratePress Premium.

Compatibilidade com outros plugins

Não identifiquei nenhum problema de incompatibilidade com plugins utilizando o GeneratePress.

Portfólio de Elementor e GeneratePress Premium

Nestes 6 meses consegui desenvolver alguns projetos utilizando o par GeneratePress e Elementor, ambos na versão paga (Elementor Pro Unlimited) e o (GeneratePress Premium). Como mérito consegui algumas listagens no website ElementorExamples que lista os websites desenvolvidos com Elementor 😉 Veja alguns:

Também tenho outros websites que não foram listados no ElementorExamples ainda mas que também foram desenvolvidos com a dupla GP Premium e Elementor Pro:

Galeria de Imagens das Opções do GeneratePress Premium

Finalizando

O GeneratePress Premium é hoje a base que utilizamos na Powertic para o desenvolvimento de websites e oferecemos para todos os nossos clientes consultoria para que eles mesmos possam utilizar todos os recursos do tema. Você pode ler um tutorial bem interessante da equipe do Elementor sobre a integração com o GeneratePress aqui.

Vale muito a pena utilizar este tema como base para o Elementor.

No dia 15 de Maio de 2017 comecei meus testes com o template OceanWP com todos os extras gratuitos e pagos. Daqui a seis meses eu volto contando o que estou achando dele 😉

Luiz Eduardo

Infra @ Powertic, Rails Developer, Maintainer do Mautic Docker e do Saelos Docker, Revisor da Tradução do Mautic, Administrador da Comunidade Mautic Brasil.

Este post tem 2 comentários

  1. Com certeza Luiz.
    Uso o GeneratePress em vários projetos (não somente para Elementor) o melhor tema gratuito que já testei.

  2. POSSO USAR GRATUITAMENTE COM O ELEMENTOR?. OUTRAS PESSOAS FALAM QUE A VERSAO GRATUITA DO GENERATEPRESS NO É BOA COM ELEMENTOR.
    OBRIGADO PELA RESPOSTA.
    SAUDOS DA COLOMBIA.
    DESCULPE MEUS ERROS NA LINGUA PORTUGUESA.

Deixe uma resposta

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

5a5a6b7d14d8c4188e0b0888

Torne-se membro hoje mesmo!

Obtenha acesso exclusivo aos artigos, vídeos, plugins e temas sob licença GPL.
Área de Membros

Como funciona a Área de Membros?

Este é um sistema mensal de assinatura onde a cada ciclo é permitido acessar novos recursos. A faixa de valor de R$ 9,00 mensal torna a área de membros acessível e com um ótimo retorno aos assinantes.

A cada novo ciclo mensal novos plugins, temas, vídeos e artigos serão liberados no website e você recebe semanalmente notificações sobre o que acontece no mundo Wordpress e Elementor.

Principais Vantagens

Plugins Mensais

Downloads mensais de plugins e temas sob a licença GPL.

Alertas sobre Atualizações

Receba notícias sobre as atualizações do Wordpress e as novidades do Elementor

Webinars

Acesso aos Webinars quinzenais sobre Wordpress e Elementor.

Descontos e Promoções

Descontos no Treinamento VIP, na Master Class e nos Cursos do Udemy.

Fórum para Dúvidas

Área de Perguntas e Respostas para membros direto no Patreon.

App Mobile

Acesse seu conteúdo no app oficial do Patreon para Android e iOS

Conteúdo Mensal

Dicas de plugins, truques e temas para você trabalhar melhor com Wordpress.

Vídeos Exclusivos

Quinzenalmente serão adicionados vídeos sobre utilização de plugins e temas

Dicas de Design

Dicas de Design e apresentação de Websites feitos em Elementor

Fechar Menu
×

Carrinho