Cara Membuat Random Post
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.
Manfaat dari ditampilkannya Random Post hampir sama dengan kegunaan Related Post, yakni memberikan kesempatan bagi pengunjung untuk mengeksplorasi dan menemukan lebih banyak informasi dan pilihan. Sedangkan manfaat untuk pemilik blog yakni untuk meningkatkan page view pada postingan postingan tertentu.
Berikut ini kode yang bisa ditambahkan untuk menampilkan postingan secara acak (random), ini sekaligus sebagai jawaban dari pertanyaan Mas Dhany Setiawan di sini tentang bagaimana cara menampilkan random post di bawah postingan, tepatnya di bawah Related Post atau artikel terkait seperti yang pernah saya sampaikan sebelumnya.
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>
<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>
<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>
<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>
<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 : Yang saya beri 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.
0 comments:
Post a Comment