Related Post & Random Post WordPress

Random Post adalah cara untuk menampilkan beberapa postingan secara acak atau tidak berdasarkan kategory tertentu. Ini sangat berbeda dengan Related Post atau posting terkait yang berdasarkan kesamaan tema atau topik bahasan tertentu. Tutorial kali ini akan dibagikan sebuah informasi bagaimana membuat random post tanpa plugins. Hal ini bertujuan untuk menghemat space hostingan Anda. Selain itu berguna agar Anda bisa semakin mengoprek mesin WordPress kesayangan.

Cara menampilkan random post :
1. Buka file single.php, bisa dari dashboard atau cpanel hosting.
2. Cari kode untuk menampilkan Related Post seperti ini :
<?php $this_post = $post;$category = get_the_category(); $category = $category[0]; $category = $category->cat_ID;$posts = get_posts('numberposts=6&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 ) : ?><br>
<strong>Artikel Yang Mungkin Berkaitan :</strong>
<div class="related_post">
<ul>
<?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 yang berkaitan"; } ?></a></li>
<?php endforeach // $posts as $post ?>
</ul></div>
<?php endif ?>
<?php $post = $this_post;unset($this_post);?>
3. Tambahkan kode berikut ini :
<strong>Random Posts :</strong>
<div class="random_post">
<ul>
<?php
$rand_posts = get_posts('numberposts=5&orderby=rand');
foreach( $rand_posts as $post ) : ?>
<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php endforeach; ?>
</ul>
</div>
di atas kode <?php endif ?> <?php $post = $this_post;unset($this_post);?>
4. Secara keseluruhan (kode related post dan random post) jadi seperti ini :
<?php $this_post = $post;$category = get_the_category(); $category = $category[0]; $category = $category->cat_ID;$posts = get_posts('numberposts=6&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 ) : ?><br>
<strong>Artikel Yang Mungkin Berkaitan :</strong>
<div class="related_post">
<ul>
<?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 yang berkaitan"; } ?></a></li>
<?php endforeach // $posts as $post ?>
</ul></div>

<strong>Random Posts :</strong>
<div class="random_post">
<ul>
<?php
$rand_posts = get_posts('numberposts=5&orderby=rand');
foreach( $rand_posts as $post ) : ?>
<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php endforeach; ?>
</ul>
</div>
<?php endif ?>
<?php $post = $this_post;unset($this_post);?>
Keterangan : warna merah adalah jumlah postingan yang ingin ditampilkan
5. Untuk mempercantik tampilan tambahkan kode css berikut ini ke dalam file css yang anda gunakan :
.related_post{background:#eef3f1;border:1px solid #B6B7B9;margin:5px;padding:5px}
.random_post{background:#eef3f1;border:1px solid #B6B7B9;margin:5px;padding:5px}
Untuk pengaturan tampilan lebih lanjut silahkan anda customisasi sendiri sesuai selera seperti padding, margin, font, border, box-shadow,  hover dll.

Semoga postingan mengenai cara membuat related post dan random post tanpa plugin diatas dapat bermanfaat bagi semuanya... :D
Download Kumpulan Soal CPNS

2 komentar:

Dwiky Reynaldi mengatakan...

posting ya menarik Om, hehehe :D

Dillah mengatakan...

Om?
Saya masih imut, kecil2 gini og...

Posting Komentar