Hosting Unlimited Indonesia
Go Blogging!Panduan membuat blog hingga menghasilkan uang!

Cara Membuat Artikel Terkait (Related Posts) Tanpa Plugin

Cara Membuat Artikel Terkait (Related Posts) Tanpa Plugin | tirailangit.com – Artikel terkait atau biasa juga disebut dengan related posts merupakan salah satu yang harus ada di blog. Karena artikel terkait ini diyakini efektif membuat halaman blog tidak langsung ditinggalkan oleh pengunjung. Hal ini tentunya mengakibatkan score bounce rates blog menurun..

..yang artinya pengunjung betah berlama-lama membaca artikel di blog kamu.

Selain itu, artikel terkait juga bisa mempermanis tampilan dari blog dan memudahkan pengunjung untuk menelusuri setiap “inchi” dari artikel yang saling berkaitan satu dengan lainnya.

Oleh karena itu..

Pada artikel kali ini saya akan membahas tentang cara membuat artikel terkait (related posts) tanpa plugin di WordPress.

Dengan tanpa plugin, diharapkan dapat meningkatkan kecepatan blog karena meminimalisir penggunaan plugin yang bisa memberatkan loading dari blog.

Tapi tentunya, cara ini hanya berlaku untuk WordPress.org (self-hosted), bukan untuk pengguna WordPress.com

Cara Membuat Artikel Terkait (Related Posts) Tanpa Plugin

Related Posts atau artikel terkait biasanya terdiri dari 2 jenis, yaitu :

  • Artikel terkait berdasarkan kategori; dan
  • Artikel terkait berdasarkan tag.

Saya akan bahas cara membuat artikel terkait berdasarkan keduanya, yaitu berdasarkan kategori dan tag.

#1. Cara Membuat Artikel Terkait (Related Posts) Berdasarkan Kategori

Untuk membuat artikel terkait (related posts) berdasarkan kategori, ikuti panduan berikut ini..

Sisipkan kode berikut ini di single.php blog kamu.

<h4>Artikel Terkait :</h4>
 <div class="relatedpost">
 <?php $this_post = $post;$category = get_the_category(); $category = $category[0]; $category = $category->cat_ID;$posts = get_posts('numberposts=5&offset=0&orderby=rand&order=DESC&category='.$category);$count = 0;foreach ( $posts as $post ) {if ( $post->ID == $this_post->ID || $count == 5) {unset($posts[$count]);}else{$count ++;}}?>
 <?php if ( $posts ) : ?>
 <div>
 <ol>
 <?php foreach ( $posts as $post ) : ?>
 <li><a href="<?php the_permalink() ?>" target="_blank"><?php if ( get_the_title() ){ the_title(); } else { echo "Tidak ada artikel terkait"; } ?></a></li>
 <?php endforeach // $posts as $post ?>
 </ol>
 </div>
 </div>
 <?php endif // $posts ?>
 <?php $post = $this_post;unset($this_post);?>

Script di atas akan menampilkan 5 buah artikel terkait berdasarkan kategori, jika kamu ingin menambahkan, ganti angka pada kode berikut..

$posts = get_posts('numberposts=5&offset=0&orderby=rand&order=DESC&category='.$category)

dan

$this_post->ID || $count == 5)

..sesuai dengan jumlah artikel yang kamu inginkan.

Misal jika ingin menampilkan 7 artikel terkait, ganti angka 5 menjadi 7.

Demikian cara membuat artikel terkait (related posts) berdasarkan kategori.

#2. Cara Membuat Artikel Terkait (Related Posts) Berdasarkan Tag

Untuk membuat artikel terkait (related posts) berdasarkan tag, ikuti panduan berikut ini..

Sisipkan kode berikut ini pada file single.php blog kamu.

<h4>Artikel Terkait : </h4>
<div class="relatedpost">
 <ul>
 <?php
 $tags = wp_get_post_tags($post->ID);
 if ($tags) {
 $first_tag = $tags[0]->term_id;
 $args=array(
 'tag__in' => array($first_tag),
 'post__not_in' => array($post->ID),
 'showposts'=>5,
 'caller_get_posts'=>1 );
 $my_query = new WP_Query($args);
 if( $my_query->have_posts() ) {
 while ($my_query->have_posts()) : $my_query->the_post(); ?>
 <li><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></li>
 <?php endwhile; }} ?>
 </ul>
</div>

Script di atas akan menampilkan 5 buah artikel terkait berdasarkan tag, jika kamu ingin menambahkan, ganti angka pada kode berikut..

'showposts'=>5,

..sesuai dengan jumlah artikel yang kamu inginkan.

Misal jika ingin menampilkan 7 artikel terkait, ganti angka 5 menjadi 7.

Demikian cara membuat artikel terkait (related posts) berdasarkan tag.

Cara Penerapan Artikel Terkait (Related Posts) Pada Single.php

Bingung bagaimana cara mengakses file single.php dan dimana meletakkan script-nya?

Ikuti panduan berikut ini..

#1. Melalui File Manager pada cPanel

File single.php bisa diakses melalui cPanel pada menu File Manager.

Cara Membuat Artikel Terkait (Related Posts) Tanpa Plugin WordPress

..pada direktori public_html/wp-content/themes/namatema.

Klik kanan pada single.php, kemudian pilih Edit.

Cara Membuat Artikel Terkait (Related Posts) Tanpa Plugin WordPress

#2. Melalui Dashboard Admin WordPress

File single.php juga bisa diakses melalui Dashboard Admin WordPress.

Caranya, masuk ke menu Appearance » Editor, pilih Single Post (single.php),

Cara Membuat Artikel Terkait (Related Posts) Tanpa Plugin WordPress

Nah..

Pilih salah satu cara di atas untuk mengakses file single.php.

Selanjutnya, letakkan script artikel terkait (related posts) di atas tadi pada file single.php.

Sebelum meletakkan script artikel terkait, sebaiknya backup terlebih dahulu file single.php kamu, jaga-jaga apabila terjadi error. Kecuali kamu memang benar-benar sudah terbiasa dan mahir mengoprek tema.

Peletakannya bisa berbeda-beda tergantung dari tema blog kamu, biasanya diletakkan di bawah script author atau di atas script comment.

Lihat contoh berikut..

Cara Membuat Artikel Terkait (Related Posts) Tanpa Plugin WordPress

Silahkan coba-coba saja dimana meletakkan kode yang sesuai dengan tema kamu sehingga artikel terkait (related posts) bisa muncul di halaman postingan.

Ga bakalan error kok, kecuali kamu tidak sengaja mengubah script asli tema kamu.

Jika sudah, jangan lupa disimpan..

Untuk mempercantik tampilan, masukkan kode CSS berikut ini pada file style.css yang bisa diaksees melalui menu Appearance » Edit CSS.

/*-[ Related Posts ]--------------------------*/
 .relatedpost {
 background: #FFF;
 border-top:2px solid #1e73be;
 padding: 15px 5px 15px 20px;
 }
 
.relatedpost a:hover {
 background: #0074a2;
 color: #ffffff;
 text-decoration: none;
 padding: 2px;
 border: 1px solid #666;
 border-radius: 3px;
 -moz-border-radius: 3px;
 -webkit-border-radius: 3px;
 }

Seperti ini…

Cara Membuat Artikel Terkait (Related Posts) Tanpa Plugin WordPress

Jika sudah, jangan lupa simpan.

Sekarang coba akses salah satu artikel kamu..

Tada…

Sekarang artikel terkait (related posts) sudah muncul pada bagian bawah postingan blog.

Seperti ini contohnya..

Cara Membuat Artikel Terkait (Related Posts) Tanpa Plugin WordPress

Demikian Cara Membuat Artikel Terkait (Related Posts) Tanpa Plugin WordPress.

Semoga bermanfaat..

Disclaimer : Tulisan adalah sebuah karya cipta. Anda diperbolehkan untuk mengutip sebagian dari isi artikel ini namun harus selalu mencantumkan sumber dari blog ini.