Uma das maiores dificuldades de fazer um site no WordPress é escolher o melhor tema. Depois de 5 anos trocando de temas constantemente eu encontrei o melhor tema de WordPress chamado de GeneratePress e quero falar tudo sobre ele neste artigo.
Durante minha longa jornada em deixar o meu site bonito, eu tentava encontrar temas gratuitos que fossem fáceis de mexer e que possibilitava muitas customizações. Infelizmente a maioria dos temas gratuitos oferecem uma versão melhor paga.
O GeneratePress também faz isso, existe uma versão gratuita que pode ser baixada direto do seu painel wordpress, mas neste artigo quero dar o total foco na versão premium desse tema, que vale totalmente o seu investimento.
Além de temas gratuitos, eu já torrei mais de 500$ dólares comprando temas, usando por um tempo e ficando insatisfeito com os resultados e configurações. O único tema que supriu todas as minhas necessidades sem dar nenhum problema foi o GeneratePress.
Por que o GeneratePress é o melhor tema pago do wordpress?
A maioria dos temas WordPress decentes encontrados no evanto market costumam custar cerca de 60 dólares. Eu já comprei os melhores e mais votados como Bimber, Rehub e Socialize, mas todos me deram algum problema que me deixou com raiva.
O suporte do tema é gigantesco, a base de sites ativos passam de 100.000, então o fórum sempre está em constante atividade, cheio de perguntas e respostas para resolver seus problemas e customizar o site da maneira que você quiser.
O tema também foi projetado pra ser o mais leve possível, pesando menos de 30kbps e fazendo seu site carregar mais rápido e ter uma boa pontuação nas métricas de carregamento. Ele é seguro, sem dependências de scripts externos e é muito fácil de usar para os que não possuem experiência com temas de wordpress.
Existem outros temas semelhantes com a mesma proposta como Astra, caso queira ver um comparativo, temos esse artigo em inglês que fala sobre o Astra Pro x GeneratePress.
Até a data deste artigo, o GeneratePress custa 49.95$ dólares fora de promoção, sua principal vantagem é que a licença permite ser usada em múltiplos sites ao invés de apenas um. Você pode comprar e usar esse tema maravilhoso em todos os seus sites e até compartilhar com amigos.
O tema premium do GeneratePress funciona através de um plugin onde você tem total capacidade de desativar e ativar módulos que não vai usar, deixando o tema ainda mais leve. Abaixo vamos ver todos os módulos do wordpress, suas vantagens e funcionalidades.
GeneratePress é um tema WordPress gratuito criado por Tom Usborne que se concentra na velocidade e usabilidade. O plugin chamado de GP-Premium permite a customização completa do tema abrindo a porta a inúmeras possibilidades pra qualquer tipo de site.
As vantagens e funcionalidades do GeneratePress
O melhor tema do wordpress permite você desativar todas as funcionalidades que não usar para deixar o site mais leve e não aparecer milhares de opções na hora de personalizar. Mesmo com todas ativas seu site vai ser super leve. Veja abaixo as funcionalidades:
Controle de Layout – Você pode ativar e desativar a hora que quiser as cores, tipografia, barras de navegação e layout do site. Existe inúmeras possibilidades com controle de layout, o plugin também possibilita escolher um layout padrão para ser customizado em um clique.
Criação de Página e Header – Com o GeneratePress você pode criar seções e layout de páginas. Além disso a opção Page Headers permite criar cabeçalhos cheios e flexíveis como deste site. Diga adeus a plugins desnecessário.
Elements e WooCommerce – Outra vantagem do GeneratePress é o suporte aos plugins Elements e WooCommerco possibilitando inúmeras coisas. O generate press é compatível com 99% dos plugins, e na maioria das vezes está preparado para entregar uma fusão de layout com outros plugins.
Barras de navegação – Além da tradicional barra de navegação, você pode colocar uma secundária e outra no estilo slideout. Você pode escolher fixar o menu, além das cores, tamanho, tipo de fonte, posição, logo e etc.
Hooks – Essa função permite adicionar códigos em determinas localizações de páginas globais como Header e Footer. Perfeito para adicionar códigos do Google Analytics, adsense, ADX e outras tags que você costuma utilizar em seu site.
Barras laterais e Footer – O GeneratePress permite configurar o tamanho das barras laterais que ficam o widget, ativar e desativar as barras laterais e também a customização completa do Footer.
Gutenberg – O tema Generate Press tem total compatibilidade com Editor Gutenberg e exibe as coisas da maneira que ela aparece na página. São inúmeras funções adicionadas a cada atualização do GeneratePress.
Essas foram apenas algumas das funcionalidades do melhor tema de WordPress que eu conheci até hoje. Você pode fazer tudo com esse tema com esse tema, personalizar ele da maneira que quiser, sem limites ou ter uma gigantesca experiência com códigos.
Atualmente o GeneraPress já recebeu mais de 700 avaliações de 5 estrelas no wordpress.
Clique aqui e acesse o site do GeneratePress para conhecer mais e comprar o tema.
MINHAS CUSTOMIZAçÕES – Como eu utilizo o Generate Press
Apesar das inúmeras possibilidades, meu foco é deixar o tema limpo e direto, perfeito para leitura. Então eu tirei todas as barras laterais e foquei apenas no cabeçalho e footer para capturar a atenção do leitor para assuntos além do texto do artigo.
No cabeçalho eu utilizo o Page Headers para colocar a imagem de fundo do artigo, o título, categoria e uma caixa de captura de e-mails para os visitantes. Posso mudar a hora que quiser e acrescentar e tirar links ou outros botões no cabeçalho de todos os artigos.
Para criar essa PageHeader eu utilizei o seguinte código:
<h1> <span class="titulo-artigo">{{post_title}}</span></h1>
<span class="titulo-artigo2">{{post_terms.category}}</span>
<span class="titulo-artigo3">ESCRITO POR <strong>{{post_author}}</strong> // [autor-imagem]</span>
<span class="titulo-artigo4"><a href="https://skdesu.com/pjosb" >MATRÍCULAS ABERTAS - PJO - CLIQUE AQUI</a></span>
<style> .container.grid-container {margin-top: -50px;} .titulo-artigo { margin: 0;
padding: 0; background-color: #c90202; padding:5px; text-transform: uppercase;} .titulo-artigo2 { background-color: #9e0101; padding:5px; text-transform: uppercase; font-size: 18px;} .titulo-artigo3 { background-color: #8e0601; padding:5px; text-transform: uppercase; font-size: 14px;} .titulo-artigo4 { background-color: #8e0601; padding:5px; text-transform: uppercase; font-size: 14px;} @media(max-width: 768px) {.page-header-content-container {max-height:200px; padding-top: 100px;} } .semana-japonesa { background-color: #000000; padding:5px; text-transform: uppercase; font-size: 22px; border: 2px; border-color: #bf0000; border-style: solid;} </style>
FORMULARIO DE E-MAIL AQUINo blog e arquivos eu utilizo a opção que permite mostrar 3 colunas de grades de artigo com a miniatura no tamanho de 375×175 o título do artigo e a categoria do qual o artigo pertence.
Abaixo vou compartilhar alguns códigos que eu utilizo para customizar o Generate Press da maneira que eu queria, talvez isso também ajude você a resolver alguns problemas.
Eu centralizei as imagens utilizando o seguinte código num container de 1200px:
.wp-block-image img {
width: 100%;
}
.myphoto {
padding-bottom:20px!important;
}Isso faz com que todas as imagens centralizadas que eu colocar no artigo fiquem bonitinhas e sem problemas. Eu também coloquei uma div em todas as imagens do artigo utilizando o seguinte código dentro do functions.php:
function breezer_addDivToImage( $content ) {
// A regular expression of what to look for.
$pattern = '/(<img([^>]*)>)/i';
// What to replace it with. $1 refers to the content in the first 'capture group', in parentheses above
$replacement = '<div class="myphoto">$1</div>';
// run preg_replace() on the $content
$content = preg_replace( $pattern, $replacement, $content );
// return the processed content
return $content;
}
add_filter( 'the_content', 'breezer_addDivToImage' );Eu também tive que utilizar o seguinte filtro no functions.php para as imagens da lista de artigos (blogs e arquivos) do GeneratePress hospedassem as miniaturas no Photon do Jetpack:
add_filter( 'jetpack_photon_override_image_downsize', '__return_true' );Eu também utilizei o seguinte código para excluir a exibição de artigos de determinadas categorias da página inicial do WordPress, funciona com qualquer tema:
function excludeCat($query) {
if ( $query->is_home ) {
$query->set('cat', '-675');
}
return $query;
}
add_filter('pre_get_posts', 'excludeCat');O 675 é o ID da categoria que você quer excluir, pode encontrar no link da página de editar a categoria no wp-admin.
Por fim eu também utilizei um código no functions.php que permite a adição de tags aos vídeos e corrigir alguns problemas de css relacionado com a posição do vídeo:
function alx_embed_html( $html ) {
return '<div class="video-container">' . $html . '</div>';
}
add_filter( 'embed_oembed_html', 'alx_embed_html', 10, 3 );
add_filter( 'video_embed_html', 'alx_embed_html' );Diferentes cores para categoria wordpress – Eu também customizei para cada categoria do site exibir cores diferentes nos menus e subtítulos H2. Vou deixar abaixo a folha de CSS para você fazer alterações caso tenha o desejo de fazer o mesmo no seu site:
body.nome-da-categoria .secondary-navigation {background-color: #690077;}
body.nome-da-categoria .main-navigation .main-nav ul li[class*="current-menu-"] > a {background-color: #8900bf;}
body.nome-da-categoria ::-webkit-scrollbar-thumb {background: #8900bf;}
body.category-nome-da-categoria .secondary-navigation {background-color: #690077;}
body.category-nome-da-categoria .main-navigation .main-nav ul li[class*="current-menu-"] > a {background-color: #8900bf;}
body.nome-da-categoria .inside-article a {color:#8900bf;}Não existe nenhum problema com tema GeneratePress, esses códigos que eu apresentei são opcionais e podem ser útil caso você resolva adquirir o melhor tema wordpresss da face da terra.
Eu espero que tenham gostado deste artigo sobre o melhor tema wordpress, e agradeço caso resolva adquirir o tema através de nosso site. Se gostou do artigo, deixe seus comentários e compartilhe com os amigos o melhor tema wordpress.
Clique aqui e acesse o site do GeneratePress para conhecer mais e comprar o tema.