Como exibir posts recentes de uma categoria específica no WordPress

Deseja exibir postagens recentes de uma categoria específica em seu site WordPress?

A filtragem de posts por categoria permite que você mostre posts recentes mais relevantes, o que pode ajudar a reduzir a taxa de rejeição e aumentar as visualizações de página.

Neste artigo, mostraremos diferentes maneiras de exibir publicações recentes de uma categoria específica no WordPress.

Por que filtrar posts por categoria no WordPress?

A exibição de posts recentes permite que os usuários descubram novos conteúdos enquanto navegam pelo seu site. Isso ajuda muito a aumentar o tráfego do seu blog e as visualizações de página.

Ele também pode ajudar na otimização do mecanismo de pesquisa do seu site, tornando seu conteúdo mais detectável e melhorando a interligação entre as publicações do blog.

Para tornar sua lista de postagens recentes ainda mais útil, convém mostrar apenas as postagens relevantes para o conteúdo que os usuários estão visualizando no momento.

Essa simples etapa pode incentivar os visitantes a passar mais tempo em seu site, o que pode até mesmo levar a mais assinantes de e-mail e clientes.

Agora, se você quiser exibir todos os posts de uma categoria específica em uma página separada, o WordPress já cuida disso para você.

Para encontrar a página da categoria, basta acessar Posts ” Categorias ” Exibir página e clicar no link “Exibir” abaixo de uma categoria.

Dito isso, vamos dar uma olhada em como exibir facilmente as postagens recentes por categoria em diferentes áreas do seu site. Abordaremos os seguintes métodos, para que você possa ir para o que lhe interessa:

Método 1: Adicionar posts recentes por categoria usando o Block Editor

Por padrão, o WordPress vem com o bloco de postagens mais recentes no editor de blocos. Ele permite que você exiba facilmente as postagens recentes em uma página ou postagem, e você pode até mesmo filtrá-las por categoria.

Primeiro, você precisa editar o post ou a página em que deseja exibir os posts recentes por categoria. Na tela de edição do post, clique no botão adicionar novo bloco (+) e procure o bloco “posts mais recentes”.

Você verá o bloco aparecer na área de conteúdo com uma visualização de suas postagens recentes. Basta clicar para selecionar o bloco e você verá as configurações do bloco na coluna da direita.

Na parte superior das configurações, você verá diferentes opções, como mostrar a imagem em destaque, o autor da postagem, a data e o conteúdo.

Agora, você precisa rolar para baixo até a seção Sorting and filtering (Classificação e filtragem ) nas configurações de bloco. A partir daí, você precisa inserir o nome da categoria da qual deseja mostrar as postagens.

Você pode até mesmo selecionar várias categorias, separando os nomes das categorias com uma vírgula.

Você notará que a visualização de suas postagens recentes será alterada para incluir apenas postagens das categorias que você escolheu.

Agora você pode salvar sua postagem ou página e visualizá-la em uma janela do navegador. Veja como ficou em nosso site de teste, mostrando posts recentes de uma categoria específica com imagens em destaque e trechos de posts.

Método 2: Adicionar posts recentes por categoria na barra lateral do WordPress

Esse método é recomendado para usuários que desejam exibir publicações recentes de categorias específicas na barra lateral do WordPress.

Basta acessar a página Appearance ” Widgets e adicionar o bloco “Latest Posts” à sua barra lateral.

Por padrão, o bloco mostrará suas postagens mais recentes. Edite as configurações do bloco e vá até a seção “Sorting & Filtering” (Classificação e filtragem).

A partir daí, você pode escolher a categoria da qual deseja exibir as postagens.

Opcionalmente, você pode optar por mostrar a imagem em destaque, o trecho, o autor e muito mais.

Não se esqueça de clicar no botão “Update” (Atualizar) para publicar suas alterações.

Agora você pode acessar seu site para ver suas postagens recentes filtradas por categoria.

Método 3: Adicionar posts recentes por categoria usando código

Esse método requer que você adicione manualmente o código ao seu site WordPress. Se você nunca fez isso antes, consulte nosso guia sobre como copiar e colar trechos de código no WordPress.

Primeiro, você precisa copiar e colar o seguinte código no arquivo functions.php do seu tema do WordPress ou em um plug-in de trechos de código.

function wpb_postsbycategory() {
// the query
$the_query = new WP_Query( array( 
    'category_name' => 'travel', 
    'posts_per_page' => 5 
) ); 
   
// The Loop
if ( $the_query->have_posts() ) {
    $string .= '<ul class="postsbycategory widget_recent_entries">';
    while ( $the_query->have_posts() ) {
        $the_query->the_post();
            if ( has_post_thumbnail() ) {
            $string .= '<li>';
            $string .= '<a href="' . get_the_permalink() .'" rel="bookmark">' . get_the_post_thumbnail($post_id, array( 50, 50) ) . get_the_title() .'</a></li>';
            } else { 
            // if no featured image is found
            $string .= '<li><a href="' . get_the_permalink() .'" rel="bookmark">' . get_the_title() .'</a></li>';
            }
            }
    } else {
    // no posts found
 $string .= '<li>No Posts Found</li>';
}
$string .= '</ul>';
   
return $string;
   
/* Restore original Post Data */
wp_reset_postdata();
}
// Add a shortcode
add_shortcode('categoryposts', 'wpb_postsbycategory');

Não se esqueça de substituir “travel” pelo slug de sua própria categoria (o nome da categoria usado nos URLs) e salve as alterações.

Dica: você também pode adicionar várias categorias separadas por vírgula.

Recomendamos adicionar esse código usando o WPCode, o melhor plug-in de snippets de código. Ele permite que você adicione código com segurança no WordPress, sem editar o arquivo functions.php. Assim, você não precisa se preocupar com a possibilidade de danificar seu site.

Para começar, você precisa instalar e ativar o plug-in gratuito WPCode. Se precisar de ajuda, consulte este tutorial sobre como instalar um plug-in do WordPress.

Após a ativação, vá para Code Snippets ” + Add Snippet no painel do WordPress.

Isso o levará à página Add Snippet. Nessa página, localize a opção “Add Your Custom Code (New Snippet)” (Adicionar seu código personalizado (novo snippet)) e clique no botão “Use Snippet” (Usar snippet) abaixo dela.

Em seguida, adicione um título para seu snippet, que pode ser qualquer coisa que o ajude a lembrar para que serve o código.

Em seguida, cole o código acima na caixa “Code Preview” (Visualização de código) e selecione “PHP Snippet” como o tipo de código na lista suspensa à direita.

Depois disso, alterne a chave de “Inativo” para “Ativo” e clique no botão “Salvar snippet”.

Esse código simplesmente pede ao WordPress para exibir 5 publicações recentes da categoria “notícias”. Em seguida, ele exibe essas postagens como uma lista de marcadores com imagens em destaque no tamanho de miniaturas.

Por fim, ele cria um shortcode [categoryposts] que você adiciona a uma página, post ou widget da barra lateral. A seguir, mostraremos como usar esse shortcode.

Uso de shortcode para adicionar Recent Posts by Category a posts e páginas

Basta editar o post ou a página em que você deseja exibir os posts recentes por categoria. Na tela de edição do post, clique no botão adicionar novo bloco (+) e, em seguida, adicione o bloco Shortcode à sua área de conteúdo.

Em seguida, você precisa adicionar o shortcode [categoryposts] nas configurações do bloco.

Agora você pode salvar seu post ou página e visualizá-lo para ver seus posts recentes de uma categoria específica em ação. Esta é a aparência em nosso site de teste.

Como você pode ver, o estilo não parece tão limpo. Não se preocupe, você pode mudar isso adicionando algum código CSS personalizado ao seu tema.

Basta acessar a página Appearance ” Customize (Aparência ” Personalizar ) para abrir o personalizador de temas e, em seguida, alternar para a guia “Additonal CSS” (CSS adicional) na coluna da esquerda.

Você pode adicionar o seguinte código CSS personalizado como ponto de partida.

ul.postsbycategory {
list-style: none;
}
.postsbycategory li {
padding-bottom:5px;
}
.postsbycategory img {
margin-right:5px
}

Não se esqueça de clicar no botão “Publicar” para salvar seu código CSS personalizado. Agora você pode visitar sua postagem ou página para ver suas postagens recentes com um estilo um pouco mais organizado.

Adição do shortcode Posts recentes por categoria à barra lateral do WordPress

Você pode adicionar o mesmo shortcode à barra lateral do WordPress ou a qualquer área preparada para widgets.

Basta acessar a página Appearance ” Widgets e adicionar o bloco “Shortcode” à sua barra lateral.

Agora você pode colar seu shortcode [categoryposts] nas configurações do bloco. Não se esqueça de clicar no botão Update (Atualizar) para armazenar suas configurações de widget.

Agora você pode acessar seu site para ver o widget de postagens recentes por categoria em ação. Veja como ficou em nosso site de teste.

Esperamos que este artigo tenha ajudado você a aprender como exibir posts recentes de uma categoria específica no WordPress. Talvez você também queira ver nosso guia sobre como mostrar conteúdo personalizado para diferentes usuários no WordPress e nossa lista dos melhores plug-ins de blocos do WordPress para personalizar ainda mais seu site.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.