Cara Menambahkan Navigasi Link Tulisan

Mempunyai navigasi link yang baik di blog merupakan hal yang penting untuk diketahui dan diterapkan. Salah satu caranya dengan menempatkan link ke tulisan sebelum dan tulisan selanjutnya pada bagian akhir tulisan.

Navigasi Link Tulisan Sebelum dan Selanjutnya

Navigasi seperti ini akan memberikan peluang tulisan yang lainnya akan dilihat oleh pengunjung dan otomatis menambah internal link yang juga baik untuk mesin pencari.

Sebagian theme WordPress termasuk theme bawaan WP sudah menyertakan navigasi ini (Prev-Next), untuk theme yang belum mempunyai navigasi link ke tulisan sebelum dan berikutnya, bisa menambahkan kode berikut di single.php

<div id="prev-next">
<div class="prev-link">&laquo; Tulisan Sebelumnya <br />
<?php previous_post_link('%link', '%title'); ?>
</div>
<div class="next-link">Tulisan Selanjutnya &raquo; <br />
<?php next_post_link('%link', '%title'); ?>
</div>
</div>

Untuk penempatannya bisa sesudah tag < ?php the_content(); ?> atau sesuai keinginan seperti dibawah tulisan terkait seperti blog ini.

Untuk mengatur navigasi lebih lanjut, tambahkan juga kode CSS berikut di style.css

#prev-next {float: left;width:100%;}
#prev-next .prev-link {float: left;width:50%;text-align: left;}
#prev-next .next-link {float: right;width:50%;text-align: right;}
#prev-next a:{text-decoration: none; }
#prev-next a:hover { text-decoration: underline; }

Tambahan :

Untuk membuat navigasi link tulisan sebelum dan selanjutnya hanya untuk kategori yang sama, cukup ubah kode menjadi

<div id="prev-next">
 <div class="prev-link">&laquo; Tulisan Sebelumnya <br />
 <?php previous_post_link('%link', '%title', TRUE); ?>
 </div>
 <div class="next-link">Tulisan Selanjutnya &raquo; <br />
 <?php next_post_link('%link', '%title', TRUE); ?>
 </div>
 </div>

Dan jika tidak ingin memasukkan suatu kategori, misal kategori ber-ID 6 maka ubah menjadi

<div id="prev-next">
 <div class="prev-link">&laquo; Tulisan Sebelumnya <br />
 <?php previous_post_link('%link', '%title', FALSE, '6'); ?>
 </div>
 <div class="next-link">Tulisan Selanjutnya &raquo; <br />
 <?php next_post_link('%link', '%title', FALSE, '6'); ?>
 </div>
 </div>

Yap, sekarang dengan adanya navigasi link tulisan sebelum dan selanjutnya, tentu akan memberikan kemudahan bagi pengunjung blog.