wordpress-bootstrap-related-post

Besoin des rédacteurs web ?












13

Août 2019

Afficher les articles similaires dans WordPress sans plugin

Vous développez un site wordpress et vous souhaitez afficher les articles similaires (related posts) ? Il existe certains plugins capable de faire ça, mais pour éviter d’installer un plugin on va vous montrer comment mettre en place ce système manuellement.

Dans mon cas, j’utilise wordpress et Bootstrap donc on va afficher les articles similaires sur une ligne avec 3 colonnes. Ne vous inquiétez pas même site vous êtes novice dans le code. Pour ce faire il suffit de coller le code suivant dans le fichier single.php de votre thème enfant.

<div class="container">
<div class="row">
<?php $categories = get_the_category($post->ID); ?>
<?php if ($categories): ?>
<?php $category_ids = array(); ?>
<?php foreach($categories as $individual_category) : ?>
<?php $category_ids[] = $individual_category->term_id; ?>
<?php endforeach; ?>
<?php $args=array(
'category__in' => $category_ids,
'post__not_in' => array($post->ID),
'posts_per_page'=>3,
'ignore_sticky_posts'=>1,
'oderby' => 'rand'
);?>
<?php $my_query = new WP_Query($args); ?>
<?php if( $my_query->have_posts() ) : ?>
<section class="container">
<h3 style="text-transform: normal; font-weight: 400;">Vous aimerez aussi :</h3>

<div class="row">
<?php while ($my_query->have_posts()) : $my_query->the_post(); ?>
<div class="col-md-4">

<a href="<?php the_permalink()?>" class="related-thumb"><?php the_post_thumbnail(); ?></a>
<h4 class="title-like"><a href="<?php the_permalink()?>"><?php the_title(); ?></a></h4>

</div>
<?php endwhile;?>
</div>

</section>
<?php endif; ?>
<?php wp_reset_query();?>
<?php endif; ?>
</div>
</div>

Résultats (voir l’image)

articles-similaires

Spread the love