Como criar posts relacionados no WordPress sem plugin

Como criar posts relacionados no WordPress sem plugin

Como criar posts relacionados no WordPress sem plugin 

Adicionar posts relacionados ao seu site WordPress é uma excelente maneira de manter os leitores engajados e aumentar o tempo de permanência em seu site.

Neste tutorial, vamos aprender como fazer isso sem a necessidade de plugins adicionais.

Aviso Importante:

Antes de começarmos, é crucial entender que editar os arquivos do seu tema WordPress pode ser arriscado.

Um erro pode causar problemas no seu site.

Portanto, é altamente recomendado fazer um backup completo do seu site antes de prosseguir.

Se você não se sentir confortável com alterações de código, considere pedir ajuda a um desenvolvedor experiente.

Passo 1: Localizar o Arquivo Correto O código deve ser adicionado ao arquivo single.php do seu tema.

Este arquivo é responsável por exibir postagens individuais no WordPress.

  1. Acesse o Painel de administração do seu WordPress
  2. Clique na opção “Aparência e depois em Editor de arquivos do Tema”
  3. Encontre e abra o arquivo single.php para edição.
Como criar posts relacionados no WordPress sem plugin

Passo 2: Adicionar o Código Agora, você vai adicionar o código que exibe as postagens relacionadas. Aqui está o código básico:

				
					<?php
// Obtenha a categoria atual
$current_category = get_the_category();
$category_id = $current_category[0]->cat_ID;

// Argumentos para a consulta personalizada
$args = array(
    'category__in' => array($category_id),
    'posts_per_page' => 5, // Número de postagens para mostrar
    'post__not_in' => array(get_the_ID()), // Exclui a postagem atual
);

// A consulta personalizada
$related_posts = new WP_Query($args);

if ($related_posts->have_posts()) {
    // Título da seção
    echo '<h3 style="margin-bottom: 20px;">Recomendados para Você</h3>';

    echo '<div class="related-posts" style="display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-gap: 10px;">';
    while ($related_posts->have_posts()) {
        $related_posts->the_post();
        // Obtém o link para a postagem atual
        $post_link = get_permalink();

        echo '<a href="' . esc_url($post_link) . '" class="related-post" style="width: 200px; min-height: 180px; margin-bottom: 20px; display: block; text-decoration: none; color: inherit;">';
        if (has_post_thumbnail()) {
            // Exibe a miniatura da postagem
            echo '<div class="post-thumbnail" style="width: 200px; height: 107px; overflow: hidden;">';
            the_post_thumbnail(array(200, 107));
            echo '</div>';
        }
        // Exibe o título da postagem
        echo '<div class="post-title" style="margin-top: 5px; font-size: 14px; line-height: 1.4; height: auto;">';
        the_title();
        echo '</div>';
        echo '</a>';
    }
    echo '</div>';
}

// Restaura a consulta original do WordPress
wp_reset_postdata();
?>
				
			
  1. Localize o Local de Inserção do Código:

    • Antes de adicionar o código completo, faça um teste simples para determinar onde ele será exibido em seus posts.
    • Insira um texto de teste, como “AAA”, no arquivo single.php do seu tema WordPress.
  2. Teste com Texto de Marcação:

    • Salve o arquivo e acesse um post no seu site para ver onde o texto “AAA” aparece.
    • Se o texto aparecer em uma posição que não é a desejada (por exemplo, muito no topo do post), você precisará encontrar outra linha no código para inserir.
  3. Inserção do Código Final:

    • Uma vez que você tenha identificado o local correto no arquivo single.php, substitua o texto de teste pelo código dos posts relacionados.
    • Este código será exibido na mesma posição que o texto de teste “AAA”.

Passo 3: Personalização do Código

  1. Alterando o Tamanho da Miniatura:

    • Para mudar o tamanho da miniatura, localize the_post_thumbnail(array(200, 107)); no código.
    • Altere 200, 107 para as dimensões desejadas (largura, altura em pixels).
  2. Alterando o Texto ‘Recomendados para Você’:

    • Encontre a linha que contém <h3 style="margin-bottom: 20px;">Recomendados para Você</h3>.
    • Substitua “Recomendados para Você” pelo texto que desejar.
  3. Alterando o Número de Posts Relacionados:

    • Localize 'posts_per_page' => 5 no código.
    • Mude o número 5 para a quantidade desejada de posts relacionados a serem exibidos.

Passo 4: Salvando e Testando Após fazer as alterações, salve o arquivo.

Em seguida, visite o seu site e abra uma postagem para verificar se as postagens relacionadas estão aparecendo como esperado.

Conclusão: Adicionar posts relacionados sem um plugin é uma maneira eficaz de manter seu site leve e garantir que os leitores encontrem mais conteúdo relevante.

Lembre-se, sempre faça backup antes de fazer mudanças e, se necessário, busque ajuda profissional.

Mais Conteúdo Interessante