Menampilkan Nomor Tiap Post WordPress

Untuk keperluan tertentu, mungkin Anda ingin memberi nomor pada tiap postingan WordPress Anda dan menampilkannya pada theme yang Anda gunakan. Seperti contoh berikut:


Screenshot penggunaan nomor post tersebut diambil dari blog saya, Simon Collison dan Theme percobaan saya

[related_posts]

Dengan memberi dan menampilkan nomor post, maka kita sudah membuat theme WordPress kita menjadi sedikit berbeda. Dan pengunjung akan tahu postingan tersebut adalah tulisan Anda yang ke berapa. Yang akan kita lakukan adalah menambahkan beberapa baris php pada functions.php dan pada template yang menampilkan nomor post tersebut, misalnya pada single.php. Berikut koding yang kita butuhkan:

step 1: tambahkan kode berikut pada functions.php

<?php
function Get_Post_Number($postID) {
   $temp_query = $wp_query;
   $postNumberQuery = new WP_Query('orderby=date&order=ASC&posts_per_page=-1');
   $counter = 1;  $postCount = 0;
   if($postNumberQuery->have_posts()) : while ($postNumberQuery->have_posts()) : $postNumberQuery->the_post();
   if ($postID == get_the_ID()){ $postCount = $counter;
   } else {
   $counter++;
}  endwhile; endif;
wp_reset_query();
$wp_query = $temp_query;
return $postCount;} ?>

Anda bisa menentukan post akan di beri nomor dari yang paling lama ke yang baru dengan order=ASC atau sebaliknya dengan order=DESC.

step 2: selanjutnya pada (misalnya) single.php

Nah, berikutnya menempatkan kode ini pada area dimana Anda pengin menampilkannya, dengan syarat harus di dalam loop.

<!--awal LOOP Anda-->
    <!-- menghitung untuk mendapatkan nomor post -->
    <?php $currentID = get_the_ID(); ?>
    <?php $currentNumber = Get_Post_Number($currentID); ?>
    <!-- menampilkan nomor post, misalnya sebelum judul -->
    <h3 class="post-title">Postingan no.<?php echo $currentNumber; ?>: <?php the_title(); ?></h3>

<!--akhir LOOP Anda-->

Jika kita melakukannya dengan benar, maka seharusnya tampilan yang kita dapat seperti ini:

Baca Juga:  Optimasi Gambar Agar Tampil Lebih Cepat

Postingan no.8: Judul Postingan Anda yang KEDELAPAN

Selamat mencoba 🙂

Komentar

comments

Edy Pang

Think, feel, design and code for front-end development. Love apple, apples & apple juice.

grain storage instagram türk takipçi satın al