Home / WordPress / Cara Membuat Related Post Tanpa Plugin Di WordPress

Cara Membuat Related Post Tanpa Plugin Di WordPress

Cara Membuat Related Post Tanpa Plugin Di WordPress – Diantara sekian banyak dalam hal melengkapi content sebuah web atau blog adalah dibuatnya Related Post atau Artikel Berkaitan pada setiap halaman single.php. Selain pemanis tampilan sebuah web atau blog, Related Post atau Artikel Berkaitan berguna untuk memudahkan pengunjung blog dalam menelusuri setiap artikel yang masih mempunyai korelasi dengan artikel yang ia baca. Tentunya ini akan menguntungkan pemilik blog, karena dengan berlama=lama pengunjung singgah di blog karena pengunjung mengklik link yang terdaftar pada Related Post atau Artikel Berkaitan maka ini akan meningkatkan pageview blog.

Baca Juga : Cara Melakukan Enable Keep Alive di WordPress

Banyak sekali keuntungannya jika Anda membuat related post di WordPress yang Anda kelola. Selain keuntungan yang saya terangkan diatas, dan juga dengan membuat related post atau artikel berkaitan di WordPress akan membantu serta meningkatkan ranking blog dan juga membantu meningkatkan trafik blog.

Cara-Membuat-Related-Post-Tanpa-Plugin-Di-WordPress

Cara Membuat Related Post Tanpa Plugin Di WordPress yang akan saya share disini adalah untuk WordPress Self Hosting. Sedangkan WordPress.com dulu ketika saya aktif ngeblog di WordPress.com, tidak bisa menampilkan Related Post secara otomatis (kecuali manual) karena kita tidak bisa oprek PHP dan CSS. Tapi sepertinya sekarang WordPress.com sudah menambahkan fitur Related Post tanpa harus mengonfigurasinya (tampil otomatis).

Cara Membuat Related Post Di WordPress untuk domain TLD, ada dua cara : membuat related post dengan plugin dan membuat related post tanpa plugin. Dari kedua cara tersebut dibagi menjadi dua pilihan juga, related post dengan tampilan thumbnail (gambar) dan related post dengan tampilan hanya link saja. Dan yang akan saya share disini cara membuat related post tanpa plugin dan tanpa thumbnail (gambar).

Dalam menampilkan related post tanpa plugin di WordPress, Anda bisa menampilkan berdasarkan kategori atau menampilkannya berdasarkan tags. Dan yang saya tampilkan di blog Info-Menarik adalah related post tanpa plugin ditampilkan berdasarkan kategori.

Berikut Cara Membuat Related Post Tanpa Plugin Di WordPress Berdasarkan Kategori

Pertama Anda buka file single.php di Editor WordPress Anda. Bisa melalui dashboard wp-admin atau cPanel tempat sewa hosting. Lalu tempatkan kode php berikut biasanya dibawah php tags.

<h3>Related Post :</h3>
 <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 "No Related Post"; } ?></a></li>
 <?php endforeach // $posts as $post ?>
 </ol>
 </div>
 </div>
 <?php endif // $posts ?>
 <?php $post = $this_post;unset($this_post);?>

Dalam setting cara membuat related post tanpa plugin di WordPress berdasarkan kategori diatas, saya hanya menentukan 5 artikel saja. Silahkan Anda tentukan lagi sesuai dengan kebutuhan.

Berikut Cara Membuat Related Post Tanpa Plugin Di WordPress Berdasarkan Tags

Tempatkan juga kode php berikut di file single.php di Editor WordPress Anda. Bisa melalui dashboard wp-admin atau cPanel tempat sewa hosting.

<h3>Related Post : </h3>
 <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>

Percantik Tampilan Related Post Dengan Menambahkan Kode CSS

Untuk lebih mempercantik lagi tampilan related post baik yang berdasarkan kategori ataupun berdasarkan tags, silahkan Anda modifikasi dengan menambahkan kode CSS di file style.css Editor WordPress Anda. Sebagai contoh saya menggunakan kode CSS sebagai berikut :

/*-[ Related Posts ]---------------------------*/
 .relatedpost {
 background: #ebeef2;
 border-top:3px solid #b11c42;
 padding: 2px 2px 2px 20px;
 font-size: 14px;
 line-height: 1.7em;
 }
 .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;
 }
Update : 14 September 2016

Jika judul Related Post diatas tidak berfungsi, berarti themes yang Anda gunakan tidak mendukung penggunaan kode ini. Solusinya adalah silakan Anda ubah/tambahkan kode berikut, yang semula disimpan didalam single.php :

<h3>Related Post : </h3>

Menjadi :

<div class="judul-relatedpost">
<h3>Related Post :</h3>
</div>

Kemudian tempatkan kode berikut pada style.css :

.judul-relatedpost {
font-size: 1.7em;
margin: 10px 0;
}

Untuk modifikasi, silakan disesuaikan lagi dengan selera masing-masing. Semoga bisa membantu.

About InfoMenarik

Berbagi Info & Tips Trik Menarik tentang Seputar EPS-Topik Korea, Kesehatan, Microsoft Office, Pendidikan, Photoshop, Software, Teknologi, WordPress Terlengkap dan Gratis.

61 comments

  1. keren nih related postnya, sayang bukan untuk blogspot. hehee

  2. Di WP masang CSS sama ya kaya di Blogger kirain beda gitu kode CSS :D

  3. Wah saya masih awam kalau di wp, terlebih jika bicara kode PHP. Namun menurut saya, memasang related posts tanpa plugin di wp ini bisa mempercepat loading blog wp kita di bandingkan jika kita memasangnya menggunakan plugin.

    Karena setiap plugin yang ada di blog wp akan menciptakan 1 sumber eksternal, dan sumber eksternal ini yang menjadi salah satu penyebab loading blog bertambah berat.

    Mudah-mudahan pendapat saya tidak salah. :D

    • Mantab, saya kasih nilai 100 saja lah … :)
      Memang betul mas Dory, pengguna WordPress jangan mempunyai ketergantungan sama Plugin. Kecuali kalau kita memang krisis pengetahuan koding, seperti saya. Plugin sebaiknya dibuat minimalis saja, karena seperti pendapat mas Dory jika terlalu banyak menggunakan Plugin, maka pengaruhnya buruk terhadap kecepatan blog.

  4. terima kasih mas kerana sudi berkongsikan ilmu ini..terbaik

  5. Kalau di Blogspot bisa diterapkan juga ya Mas? atau sama aja kayak wordpress ini

  6. lengkap mas, tutorialnya, dulu saya pernah pake WP, karena WP lebih advance akhirnya saya beralih ke blogspot.

    • Iya mas, masing-masing mempunyai kelemahan dan kelebihan. Itu tergantung kitanya mau pilih mana.

  7. Dengan begitu kita bisa lebih menghemat ruang ya Mas, karena makin sedikit plugins yang kita gunakan, sangat di rekomendasikan ini mas buat para pengguna wp

  8. point dalam memasang related /artikel terkait didalam blog kita juga tentunya lbih memudahkan pengunjung untuk membaca artikel kita yg lain hehee

  9. Cara ini perlu dikerjain, karena bisa membuat betah para pengunjung berlama-lama di blog kita. Dan akhirnya meningkatkan serp kita.

  10. Jd pingin punya wp :)

  11. Kenapa iya kalau urusan dengan HTML saya belum jago banget malah pusing liat kode-kodenya :D

  12. cara buat related post tanpaplugin bisa dicobain di blog wp saya nih.
    makasih ilmunya ya, langsung tak praktekin nih

  13. Wah, keinginan saya pindah ke wordpress kambuh lagi nih mas.. tapi ntarlah, kalo jadi usaha keroyokan sama teman ntar, saya bakal bikin blog baru pake wordpress. Cara dalam artikel ini bakal berguna juga nantinya, terimakasih mas :D

    • Blogspot juga bagus mas. Tapi boleh juga untuk studi perbandingan antara Blogspot dan WordPress.

  14. yang wp gratisan nyimak sajalah tidak bisa di praktekan.. gan..

  15. mana lebih mudah buat mas..WP blog atau blogspot?

    • Hmmm mana ya? Mungkin WordPress mas, karena saya belum terlalu jauh belajar Blogspot.

  16. Gan kalau buat yang tentang penulis nya gimana gan? tanpa plugin juga tentunya..hehe

  17. Halo gan pa kabar,

    Punya masalah nih, maklum newbie ga tau hehe

    di theme bawaannya sudah tersedia related post, nah saya sudah non aktifkan yang bawaan jetpack di reading settingnya, tapi jadi double nih, di kiri bawaan theme di bawah sehabis artikel muncul dan parahnya related nya tidak sesuai dengan topik,

    kenapa ya gan?
    thanks

  18. maksudnya gimana caranya supaya related post hanya satu yang bawaan theme nya,

  19. Iya ketemu penyakitnya di jetpack… settingannya di non aktifkan, hilang teh duh di menu reading tools nya..

    maap ngerepotin gan

    • Saya selama ini belum pernah coba plugin Jetpack gan. Untuk itu saya ga bisa komentar apapun.

  20. Nah ini. Luar biasa mas. dari sekian banyak ternyata cara dari blog ini paling jitu. makasih mas. salam

  21. yang bagian categorynya untuk merubah jumlah artikel supaya lebih dari 5 gimana mas, disitu gak ada dikasih taunya, saya pun bingung lihat kode sebanyak itu

    • Rubah angka 5 yang ini mas sesuai dengan kebutuhan :

      {if ( $post->ID == $this_post->ID || $count == 5) {unset($posts[$count]);}
  22. keren kang, btw ada refrensi theme wordpress simple yang free ngga? Terutama layout clean & sederhana biar ditermia adsens ;)

    • Referensi tema saya biasa menggunakan tema produksi MyThemesShop mas. Disana bagus-bagus temanya bahkan seluruhnya sudah responsive. Gratis ada dan juga premium …

  23. makasih banyak om dah ada related pos di artikel hehehe.

    emang kalo pake plugin agak lemot ya om loadingnya

  24. assalamualaikum
    trimakasih sebelumnya, saya mau tanya mas di wordpress saya tidak ada file single phpnya ya mas apa ada alternalif lain selain di singgle.php

    • Itu letak kesalahannya terdapat pada tema yang mas gunakan. Coba menggunakan tema lain dulu mas, apakah single.php masih tetap ga ada?

  25. ada masalah pada bagian menu di tab tutorial Anda, harusnya masukkan tanda # saja. :D bisa gak bikin nyaman pengunjung. :D

    • Terimakasih sudah diingatkan. Dulu sudah saya setting dengan tanda #, mungkin berubah setelah dirubah template blog ini.

  26. Apa ada cara menggabungkan related post kategory dan tag agar bisa digunakan bersama mas, karena kadang ada artikel yang beda kategory tapi berhubungan ?

    • Mungkin solusinya diartikel tersebut dikaitkan dengan kategori lebih dari satu aja mas. Saya belum menemukan penggabungan related post kategori dan tag.

  27. Terimakasih mas, sudah saya coba di blog saya dan berhasil :)

    Klo caranya biar ada gambar dan deskripsinya gimana caranya mas?

  28. Terima kasih gan. Sangat bermanfaat. Kalau di single php udah mau muncul. Kalau misal menaruh related post di di halaman image attachment gimana ya gan? tepatnya di image.php

  29. Related post ada yg bentuk vertikal tapi ada yg berbentuk misal 2 baris 2 kolom (4 artikel). nah itu gmn caranya ?

  30. Mau nanya nih gan, kalo buat related post kaya punya mas yang ada tulisan powered by google itu bagaimana ya? terimakasih gan

    • Itu jenis iklan baru Google gan atau tepatnya itu adalah “Matched Content”. Jenis iklan ini masih dalam tahap BETA dan tidak semua blog yang memperolehnya. Untuk caranya saya sudah menulis artikel disini.

  31. gan saya pernah dapat pemberitahuan untuk memasang iklan yang di mobile bisa muncul di bagian bawah , tetapi setelah saya refresh dan pemberitahuan itu hilang ,bagaimana cara bisa muncul lagi yah

  32. Terima kasih info menariknya mas, dan sudah saya terapkan pada blog saya. Namun, untuk memperbesar tulisan / judul Ralated Post nya bagaimana ya Mas ? Soalnya kalau pada template blog yang saya gunakan terlalu kecil. Atau barang kali mas bisa cek di blog saya langsung. Sekali lagi terima kasih dan mohon bantuan nya Mas.

  33. kalo cara pindah posisi nya gimana ya gan, soalnya di template saya muncul di sidebar paling atas, pengen nya di letakan di tengah atau bawah gitu gan

  34. kalau pake child theme gimana yah gan? soalnya pas masuk menu editor ga ada option single.php nya? mohon saran dan petunjuk nya yah gan

Leave a Reply

Your email address will not be published. Required fields are marked *