GeneratePress: Template gratuito para Elementor

Luiz Eduardo
May 26 · 7 min read

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é.

Receba vídeos exclusivos semanais sobre Elementor e Wordpress no Patreon por apenas $1/mês. Não perca essa oportunidade.

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.

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.

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.

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 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:

  • 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

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.

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

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.

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.

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.

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

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.

Luiz Eduardo

Wordpress, Elementor e Gutenberg

Luiz Eduardo

Written by

Curioso, preguiçoso, adorador de livros, idevices, seriados estranhos, ufos, etc .. muito ocupado, atrapalhado, palhaço e programador com alguma vida social.

Luiz Eduardo

Wordpress, Elementor e Gutenberg

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade