Como adicionar postagens relacionadas ao WordPress sem plugins

Uma das grandes vantagens de usar o WordPress são os plugins. Os plugins do WordPress cobrem quase tudo que você possa imaginar, desde expandir seu blog para um CMS, até adicionar recursos bacanas e otimizar seu blog para os mecanismos de busca - as possibilidades são infinitas (e não esqueçamos todos os diferentes temas por aí).

Mas usando muitos plugins, você corre o risco de entupir o seu blog WordPress, e no pior dos casos, você pode 'quebrá-lo'. Existem muitos exemplos de plugins que não são compatíveis entre si, assim como plugins que retardam o seu blog.

Algumas das categorias de plugins WordPress mais populares são baseadas em adicionar “mensagens relacionadas” para um blog. Como o WordPress não tem nada de padrão para isso, todos precisam usar algum tipo de plug-in para exibir postagens relacionadas em seu site..

Este artigo ensinará como adicionar postagens relacionadas com miniaturas ao seu blog sem nenhum plug-in, mantendo tudo simples, leve e acessível. Vamos começar!

Mas primeiro, por que evitar plugins?

Há uma série de razões pelas quais você deve sempre tentar usar o código embutido do WordPress e serviços, ao invés de um plugin. O principal benefício é que você não precisa depender de um terceiro (o desenvolvedor do plug-in) para que seu blog funcione. Há muitos casos em que plugins populares são abandonados por seus desenvolvedores, deixando inúmeros proprietários de sites presos a softwares desatualizados e potencialmente vulneráveis..

Outra razão é que você não está correndo o risco de usar um plug-in inchado que pode tornar seu site mais lento, ou pior, conter um código mal-intencionado, embora isso seja raro, desde que você obtenha seus plugins no diretório oficial do WordPress..

Primeiros passos: posts relacionados com miniaturas

Esse recurso de "posts relacionados", como a maioria dos outros, é projetado para ser colocado em sua página principal do artigo (single.php), mas você pode usá-lo em praticamente qualquer lugar, contanto que o mantenha dentro do loop do WordPress. Para obter as postagens relacionadas, usaremos as tags de postagens fornecidas para artigos individuais.

Miniaturas

O WordPress agora possui um sistema de miniaturas embutido, que precisaremos aqui. Para habilitá-lo, adicione este código ao seu arquivo functions.php na pasta do seu tema (na maioria dos casos, ele já está lá).

 add_theme_support ('pós-miniaturas');

Você também pode definir a largura e a altura das miniaturas adicionando outra linha ao código:

 add_theme_support ('pós-miniaturas'); set_post_thumbnail_size (100, 50, true);

Importante: Ao adicionar imagens a postagens, para criar uma miniatura, você precisa, no painel de upload de imagens, selecionar “Use como imagem em destaque”. Isto irá criar a miniatura para o post.

O código

  Posts relacionados
 IDENTIDADE); if ($ tags) $ tag_ids = array (); foreach ($ tags como $ individual_tag) $ tag_ids [] = $ individual_tag-> term_id; $ args = array ('tag_in' => $ tag_ids, 'post_not_in' => array ($ post-> ID), 'posts_per_page' => 4, // Número de postagens relacionadas a serem exibidas. 'caller_get_posts' => 1) ; $ my_query = new wp_query ($ args); while ($ my_query-> have_posts ()) $ minha_consulta-> the_post (); ?>

O pedaço de código the_post_thumbnail (array (150,100) define o tamanho da miniatura que será exibida, neste caso, largura de 150 px, altura de 100 px.

O CSS

Nós temos duas classes de divs aqui, “.postes relacionados”, que é o contêiner div geral e “.relatedthumb” que é a miniatura e o link individuais dentro dos .relatedposts. Vamos supor que a largura do post seja o padrão de 640px. O CSS:

 .posts relacionados largura: 640px; margem: 0 0 20px 0; flutuar: esquerda; tamanho da fonte: 12px; .relatedposts h3 font-size: 20px; margem: 0 0 5px 0;  .relatedthumb margin: 0 1px 0 1px; flutuar: esquerda;  .relatedthumb img margin: 0 0 3px 0; padding: 0; .relatedthumb a color: # 333; text-decoration: nenhum; display: bloco; preenchimento: 4px; largura: 150px; .relatedthumb a: hover background-color: #ddd; color: # 000;

O CSS acima irá renderizar as miniaturas das postagens com 150px de largura, o que significa que precisaremos de 4 miniaturas para preencher a largura de 640px da postagem (incluindo a margem entre elas). Você pode ajustar isso como quiser; Se você quiser 5 miniaturas, precisará de uma largura de largura de aproximadamente 125 px..

Importante: Certifique-se de definir a largura das miniaturas geradas nas configurações de mídia do WordPress para corresponder às que você definiu em CSS. Além disso, ele deve corresponder ao tamanho especificado no código php: the_post_thumbnail (array (150,100).

Exemplo

Os posts relacionados devem aparecer assim, como os usados pelo blog de jogos DigitalBattle (que usa a técnica exata descrita neste artigo):

Técnicas semelhantes

Esta não é a única maneira de fazer postagens relacionadas sem plugins - existem várias técnicas e guias que mostram como adicionar postagens relacionadas sem plugins, aqui estão algumas delas:

Posts relacionados com miniaturas no WordPress sem plugin (TechWalz)
Como: posts relacionados com miniaturas no WordPress sem plugins (WPBeginner)
Como adicionar mensagens relacionadas com miniatura sem o plugin (WPCode)

Conclusões

Podemos fazer muito com os recursos integrados que o WordPress oferece e, em muitos casos, não precisamos recorrer a plugins de terceiros para realizar o trabalho. Da próxima vez que você precisar de um plugin para o seu blog WordPress, veja se você pode conseguir o mesmo recurso sem o plugin. Vasculhe, pesquise na Web por uma alternativa. Você ficará surpreso com o quanto é possível com o WordPress fora da caixa.