Quando colocamos Posts relacionados ao nosso blog, damos algumas funções super úteis e importantes, tanto para os leitores quanto para os motores de busca.
Ao adicionar Posts relacionados, você faz com que os usuários se interessarem por outros conteúdos que tenham relação com o tema do post que ele esteja lendo e, consequentemente, continuam navegando no seu site, criando a diminuição da taxa de rejeição e auxiliando nas táticas de SEO.
Aqui no quero dicas eu já ensinei como adicionar postagens relacionadas na plataforma Blogger. A partir de hoje estarei dando e ensinando algumas dicas para Wordpress que aprendi e estarei aprendendo no decorrer do tempo.
A customização dos posts relacionados para WordPress (related posts), pelo que pude perceber, é muito mais simples quando não usamos plugin. Afinal, temos mais controle sobre o CSS tornando a personalização dos posts relacionados mais simples.
Sem falar que ao adicionarmos Posts relacionados sem plugin reduzimos a quantidade de plugins instalados na plataforma, criando redução no carregamento do site.
Posts relacionados com imagens
Tutorial
Passo 1
• Acesse o seu arquivo functions.php e insira:
add_image_size( ‘image-destaque’, 250, 200, true );
Passo 2
• Acesse o seu arquivo style.css e adicione:
/* Postagens Relacionas single */
#Postagem-Relacionada h4{text-decoration: none;font-size: 23px; color: #333; font-family: Oswald; font-weight: bold;text-align: center;margin-top: 40px; }
#Postagem-Relacionada img{width: 235px;height: 160px;float: left;margin: 0;padding: 0; margin-bottom: 10px; }
#Postagem-Relacionada ul li{color: #23b1ff;list-style: none;float: left;width: 230px; margin: -0;text-align: center;}
#Postagem-Relacionada p{float: left;text-align: center;}
#Postagem-Relacionada a{text-align: center;padding: 15px 0;}
Caso deseja trocar as cores : Tabela de cores
Passo 3
• Acesse o seu arquivo single.php e insira:
Clique para coletar o código
Importante:
• O numeral em vermelho (=> 3,) - Troque pela quantidade de imagens a serem visualizadas
• O texto em azul - Troque pelo título que desejar
Pronto!
Seus Posts relacionados para WordPress sem plugin e com imagens já está funcionando em seu site.
→ Não quer adicionar imagens as suas postagens relacionadas ←
Quer somente textos? Siga abaixo.
Posts relacionados para WordPress sem imagens
• Acesse o seu arquivo single.php e insira:
Clique para coletar o código
Importante:
• O numeral em vermelho (=> 6,) - Troque pela quantidade de posts a serem visualizados
• O texto em azul - Troque pelo título que desejar
Pronto!
Seus Posts relacionados para WordPress sem plugin e sem imagens já está funcionando
Gostou e ajudou? Comente!
Beijinhos ♥