Membuat Related Post WordPress

August 15, 2018 Artikel,Snippets,Tips dan Trik,WordPress Kholis Muhaimin

Fitur Related Post sangat penting, dengan related post kemungkinan visitor membaca artikel lainnya sangat besar. Biasanya Related Post ditampilkan pada Single Page, tepatnya setelah artikel tersebut.

Pada artikel ini kita akan membuat Related Post dengan jumlah 4 artikel, caranya cukup mudah dan cepat. Yang perlu kita lakukan adalah copy paste script di bawah ini ke single.php, setelah looping.


<div class="related-post">
<?php $orig_post = $post;
global $post;
$categories = get_the_category($post->ID);
if ($categories) {
$category_ids = array();
foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id;

$args=array(
'category__in' => $category_ids,
'post__not_in' => array($post->ID),
'posts_per_page'=> 4, // Number of related posts that will be shown.
'caller_get_posts'=>1
);

$my_query = new wp_query( $args );
if( $my_query->have_posts() ) {
echo '<div id="related_posts"><h3>Recommended for You</h3><div class="row">';
while( $my_query->have_posts() ) {
$my_query->the_post();?>
<div class="col-md-3" style="width: 18rem;">
<a href="<?php the_permalink(); ?>">
<?php
if ( has_post_thumbnail() ) {
the_post_thumbnail('thumbnail', array('class' => 'img-fluid card-img-top'));;
}
else {
echo '<img class="img-fluid" src="' . get_bloginfo( 'stylesheet_directory' ) . '/images/thumb.jpg" alt="<?php the_title(); ?>" />';
}
?></a>
<div class="card-body related">
<h3 class="card-title related"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
</div>
</div>
<?
}
echo '</div></div>';
}
}
$post = $orig_post;
wp_reset_query(); ?>
</div>

Sekarang buka artikelnya, jika berhasil akan muncul artikel terkait seperti gambar di bawah ini.

Related post wordpress

61 total views, 1 views today

Facebooktwittergoogle_plusredditpinterestlinkedinmail

Yes No