Posts relacionados para WordPress sem plugin e com imagens | Quero Dicas

Quero Dicas : Posts relacionados para WordPress sem plugin e com imagens

Posts relacionados para WordPress sem plugin e com imagens

|

Posts relacionados para WordPress sem plugin e com imagens


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

Compartilhe


Nenhum comentário:

Postar um comentário

Que bom você reservou um tempinho para vir comentar. Você me deixa super feliz e desde já agradeço!

Apenas peço que leia:

1 - Devido a falta de tempo, não prometo responder a todos os comentários. Mais farei o possível.

2 - Educação sempre! Comentários com palavras de baixo calão, não serão publicados ou respondidos.

3 - Comentários não relacionados ao titulo, não serão publicados.

Beijinhos ♥


Divulgue o seu Blog

Agenda dos Blogs - Blog de divulgação de blogs

Agregadores e Amigos

Atoananet Linkirado Linkicha GeraLinks Universo das Dicas
subir