Menambahkan Fitur Penghitung Karakter di Kotak Excerpt

Posting kali ini saya ingin menulis tutorial singkat saja. Bagi yang memakai theme yang auto excerpt yaitu tulisan pembuka pada halaman depan (kadang disebut auto read more) biasanya memberikan batas maksimal karakter yang ditampilkan (biasanya 250 karakter). Jika theme belum support fitur ini bisa menggunakan plugin Auto Excerpt atau coding sendiri. Nah, di wordpress sendiri ada fiturƒâ€š Excerpt Box dimana excerpt otomatis akan tergantikan dengan teks yang kita masukkan di box tersebut.

Namun kendala saat kita memanfaatkan fitur ini adalah tidak adanya counter / penghitung jumlah karakter yang telah kita ketikkan. Hal ini akan membantu kita dalam menyusun kalimat excerpt sesuai jumlah yang diharapkan serta efektif bisa membuat pembaca untuk membukanya.

Menambahkan Fitur Penambah Karakter di Kotak Excerpt

Menambahkan Fitur Penambah Karakter di Kotak Excerpt

Menambahkan Fitur Penghitung / Counter Karakter di Kotak Excerpt

Untuk menampilkannya kita bisa menggunakan trik menambah beberapa kode di file functions.php. Tambahkan kode berikut di barisan paling bawah. Kode ini karya Kevin Chard diƒâ€š wpsnipp.com.

function excerpt_count_js(){
      echo '<script>jQuery(document).ready(function(){
jQuery("#postexcerpt .handlediv").after("<div style=\"position:absolute;top:0px;right:5px;color:#666;\"><small>Excerpt length: </small><input type=\"text\" value=\"0\" maxlength=\"3\" size=\"3\" id=\"excerpt_counter\" readonly=\"\" style=\"background:#fff;\"> <small>character(s).</small></div>");
     jQuery("#excerpt_counter").val(jQuery("#excerpt").val().length);
     jQuery("#excerpt").keyup( function() {
     jQuery("#excerpt_counter").val(jQuery("#excerpt").val().length);
   });
});</script>';
}
add_action( 'admin_head-post.php', 'excerpt_count_js');
add_action( 'admin_head-post-new.php', 'excerpt_count_js');

Backup

Jangan lupa untuk backup dulu file functions.php sebelum Anda mengubahnya. Penting untuk menghindari jika terjadi crash.