Cara Membuat Related Post Thumbnail di WordPress tanpa Plugin
Related post atau postingan terkait juga sering disebut artikel terkait adalah fitur yang menyisipkan atau menampilkan judul suatu artikel yang terkait dengan artikel halaman yang sedang dibuka.
Tujuannya, untuk mempermudah pengunjung menemukan artikel untuk dibaca dan juga supaya pengunjung betah karena adanya daftar posting terkait sehingga membuat mereka terlibat.
Dalam panduan cara berikut ini, AGOAGA menunjukkan bagaimana cara membuat atau menampilkan artikel terkait tanpa plugin, tapi menggunakan kode.
Cara Menampilkan Related Post Thumbnail tanpa Plugin
Cara ini diperlukan pengetahuan dasar tentang penerapan kode di website, karena menampilkan related post tanpa plugin berarti menggunakan kode.
Kemudian, untuk menghasilkan related post yang menggunakan kode ini dibagi dalam dua algoritme berbeda:
1. Cara Menampilkan Related Post di WordPress berdasarkan Tags
Agar cara ini berjalan, maka harus dibuat daftar tags yang akan ditambahkan ke postingan atau artikel di website Anda.
Tags adalah salah satu fitur yang disediakan WordPress yang digunakan untuk mengelompokkan postingan.
Tambahkan kode berikut ini. Dalam banyak kasus kode ini ditempelkan ke file single.php setelah <?php the_content();.
$orig_post = $post;
global $post;
$tags = wp_get_post_tags($post->ID);
if ($tags) {
$tag_ids = array();
foreach($tags as $individual_tag) $tag_ids[] = $individual_tag->term_id;
$args=array(
'tag__in' => $tag_ids,
'post__not_in' => array($post->ID),
'posts_per_page'=>5, // Number of related posts that will be shown.
'ignore_sticky_posts'=>1
);
$my_query = new wp_query( $args );
if( $my_query->have_posts() ) {
echo '<div id="relatedposts"><h3>Related Posts</h3><ul>';
while( $my_query->have_posts() ) {
$my_query->the_post(); ?>
<li><div class="relatedthumb"><a href="<?php the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><!--?php the_post_thumbnail(); ?--></a></div>
<div class="relatedcontent">
<h3><a href="<?php the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><!--?php the_title(); ?--></a></h3>
<!--?php the_time('M j, Y') ?-->
</div>
</li>
<!--?php }
echo '</ul--></ul></div>';
}
}
$post = $orig_post;
wp_reset_query();
Kode ini mencari tag yang terkait isi postingan atau dan kemudian menjalankan kueri database untuk mengambil halaman dengan tag serupa.
2. Cara Menampilkan Related Post di WordPress berdasarkan Kategori
Masih seperti cara pertama yaitu berdasarkan tags, kode di tambahkan ke dalam file single.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'=> 2, // Number of related posts that will be shown.
'ignore_sticky_posts'=>1
);
$my_query = new wp_query( $args );
if( $my_query->have_posts() ) {
echo '<div id="related_posts"><h3>Related Posts</h3><ul>';
while( $my_query->have_posts() ) {
$my_query->the_post();?>
<li><div class="relatedthumb"><a href="<?php the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><!--?php the_post_thumbnail(); ?--></a></div>
<div class="relatedcontent">
<h3><a href="<?php the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>"><!--?php the_title(); ?--></a></h3>
<!--?php the_time('M j, Y') ?-->
</div>
</li>
<!--?php }
echo '</ul--></ul></div>';
}
}
$post = $orig_post;
wp_reset_query();
Maka daftar related post tampil di bagian bawah setiap posting atau artikel.
Jika dirasa style tampilan related post belum sesuai dengan tampilan web, Anda perlu menambahkan CSS kustom.
Semoga artikel panduan cara kali ini bermanfaat sehingga bisa membantu bagaimana cara menampilkan related post thumbnail tanpa plugin di situs WordPress milik Anda. Jika di artikel panduan cara ini terdapat kekeliruan, silahkan kirim komentar perbaikan Anda ke email yang ada di Contact.