Acessar um blog, site ou loja virtual e encontrar facilmente aquilo que estava procurando é o sonho de qualquer internauta. Muitas vezes a estrutura bem organizada mostra ao usuário coisas que ele queria, mas que nem sabia. A inteligência e planejamento fazem toda a diferença na hora de montar as áreas de suporte e ajuda para os seguidores do seu site.
Oferecer Posts Relacionados por Categoria no WordPress é um dos primeiros passos para deixar a coisa apresentável. Se você tem um portal de notícias – por exemplo, é imprescindível separar seus conteúdos por categorias. Deixar “à mão” dos seus leitores tudo que é sobre esportes, economia, moda e notícias do mundo é excelente para garantir uma navegabilidade fácil e confortável.
Posts Relacionados por Categoria no WordPress
Para conseguir organizar seu site utilizando de posts relacionados por categoria no WordPress, o CanalWP vai te mostrar diferentes formas de fazer isso. Primeiro vamos começar com a indicação e utilização de um plugin – ferramenta das mais práticasE EFICAZES QUE
a plataforma oferece. A segunda maneira é utilizando de código PHP, com a manipulação do arquivo functions.php do seu tema e da implementação de regras CSS para deixar o visual legal.
Posts por Categoria Com Plugin
O Plugin
A utilização de plugins no WordPress para solucionar, adicionar e melhorar o nosso site é algo totalmente viável e indicado. Assim, se o que você busca é exibir posts relacionados por categoria nas áreas de widgets, o plugin Category Post Widget é uma boa escolha.
Para realizar o download do plugin você precisa clicar apenas no botão abaixo.
Se preferir baixar e instalar direto pela Dashboard do seu site, acesse Plugins > Adicionar Novo. Adicione o nome do plugin para realizar a busca e depois clique em Instalar agora.
Configuração
Depois que o plugin está instalado e ativado em seu site, blog ou loja WordPress, sigaPARA A ÁREA de widgets (Aparência > Widgets). Na lista de widgets, que se encontra na lateral esquerda da sua tela,VOCÊ VERÁ um com o título Category Posts, arraste-o para a sidebar da sua preferência.
Primeiro, adicione um título para ser mostrado em seu site, escolha a CategoriaDE POSTS QUE serão relacionados naquele widget, informe o número/quantidade de posts a exibir e como devem ser ordenados. Agora, você deve marcar ou desmarcar os checkboxes de acordo com a forma que você deseja que seus posts relacionados devem ser exibidos. O plugin, por meio de seu widget, permite que você defina a quantidade de palavras para o resumo do post e também as dimensões para a imagem de destaque do mesmo.
Configure tudo com calma e salve. Depois siga para o Front-End do seu site e veja se ficou da maneira que queria. Realize quantas mudanças forem necessárias até que fique do jeito que te agrada, bem como, esteja em harmonia com o seu layout.
Posts por Categoria Utilizando Código
Acessando o functions.php
ParaIMPLEMENTARMOS FUNÇÕES A serem aplicadas em nosso site WordPress, precisamos abrir e editar o arquivo functions.php do tema que estamos utilizando. Assim, você tem a opção de acessá-lo via Editor do WordPress (Aparência > Editor) ou por um software editor de código com ligação FTP (wp-content > themes > SEU TEMA > functions.php).
Implementação de Código
A seguir você verá uma função PHP criada para buscar um determinado número de posts, para a categoria que você mesmo irá informar – colocando apenas o nome da mesma.
|
01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
|
function clwp_postsbycategory() {// Defino o Nome da Categoria e a Quantidade de Posts a serem exibidos$the_query = new WP_Query( array( 'category_name' => 'esportes', 'posts_per_page' => 10 ) ); // O Loopif ( $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 { // Se nenhuma imagem de destaque foi cadastrada, exibe apenas o título do post $string .= '<li><a href="' . get_the_permalink() .'" rel="bookmark">' . get_the_title() .'</a></li>'; } } } else { // Nada será exibido se nenhum Post Relacionado por Categoria foi encontrado}$string .= '</ul>'; return $string;/* Restaura os dados originais do post */wp_reset_postdata();}// Adiciona um Shortcodeadd_shortcode('categoryposts', 'clwp_postsbycategory');// Ativa shortcodes em Widgets de Textoadd_filter('widget_text', 'do_shortcode'); |
AQUI NÓS CRIAMOSa função de nome clwp_postsbycategory. Na primeira linha estamos informando a categoria das quais os posts devem ser puxados, no exemplo informei a categoria esportes. Depois, informei que quero 10 posts. Assim, a função vai trazer 10 posts relacionados a categoria “esportes” e exibir como lista na área que você escolher em seu site.
Se você quiser utilizar dessa funcionalidade para exibir posts relacionados de diferentes categorias em seu site, basta copiar a mesma função acima e alterar o nome da mesma na primeira linha e na penúltima. Ainda na penúltima linha, onde tem categoryposts – você deve utilizar sempre um único nome. Pois, ali criamos o shortcode referente a nossa função e que não deve se repetir, ou você terá problemas.
Depois, informa o nome da referente categoria e pronto!
Como Exibir No Site
Função criada no functions.php, categoria e quantidade dePOSTS INFORMADOS E nome da shortcode único? Só o que falta é ver a coisa acontecer ao vivo em nosso site.
Se você quer exibir os posts em um ou mais arquivos específicos do seu tema, basta adicionar a linha de código a seguir:
|
1
|
<?php clwp_postsbycategory(); ?> |
Quer exibir posts relacionados no WordPress por meio da utilização de widgets? Você precisa trabalhar com a shortcode que aponta para a função que faz a “mágica” acontecer. No nosso caso, a nossa shortcode é:
|
1
|
[categoryposts] |
Copie a shortcode, abra um widget de Texto e cole a mesma. Salve tudo e vai lá no site para conferir como tudo está funcionando.
Deixando Bonito
Agora que você já tem a função que traz os posts relacionados, é preciso trabalhar as regras CSS para deixar a listagem dos mesmos com um visual legal e condizente com o seu site e tipo de negócio.
|
01
02
03
04
05
06
07
08
09
10
11
12
13
14
|
ul.postsbycategory { list-style-type: none;}ul.postsbycategory li{ margin: 5px 0;}.postsbycategory img { float:left; padding:3px; margin:3px; border: 3px solid #EEE;} |
Conclusão
Buscar oferecer um ambiente organizado, prático e fácil de navegar para seus sites e blogs será o diferencial para o seu sucesso. Começar a exibir postsRELACIONADOS por categoria no WordPress é uma decisão acertada e que muito agradará aos seus leitores. Por isso, não meça esforços para fazer o seu empreendimento digital evoluir e ser mais eficaz para seu seguidores. Para um trabalho bem feito e importando-se com os usuários, a consequência não é nada menos que a fidelidade das pessoas.
Se você gostou desse artigo considere compartilhar nas redes sociais. Siga-nos nas redes sociais para acompanhar mais artigos como esse. Se de alguma forma este artigo lhe foi útil deixe seu comentário abaixo para podermos saber a sua opinião.
Tenho um blog no wordpress e já fiz o script do conteúdo correspondente. Onde colo para aparecer no final da postagem?
Meu tema é matala.
Agradeceria muito de puder me ajudar
Eder
Boa tarde amigo !O tutorial é exibição na categoria de postagem! e não na postagem entendeu!
no caso este tema matala que utiliza por ser um tema free pode não atender muito bem a nível profissional e questões técnicas.
Caso precise de um tema profissional temos varios em nosso site! da uma conferida: https://scriptcerto.com.br/
qualquer coisa estamos a dicposição!