Cara Membuat Read Time di WordPress (Estimasi Waktu Baca): Dengan & Tanpa Plugin

Pernah melihat label kecil seperti “5 Menit Baca” di situs-situs besar seperti Medium? Fitur ini, yang dikenal sebagai estimasi waktu baca atau read time, adalah “label harga” untuk komitmen waktu pembaca. Ini adalah alat sederhana namun sangat kuat untuk mengelola ekspektasi dan menjaga mereka tetap terlibat.

Menambahkan fitur ini adalah sentuhan profesional yang menunjukkan bahwa Anda menghargai waktu pengunjung. Panduan ini akan membahas tuntas dua metode utama cara membuat read time di WordPress: cara super mudah dengan plugin dan cara kustom tanpa plugin.

Mengapa Ini Penting untuk Website Anda?

• Mengelola Ekspektasi: Pembaca tahu persis berapa lama waktu yang dibutuhkan, membuat mereka lebih mungkin untuk berkomitmen membaca.

• Meningkatkan CTR: Label waktu baca di halaman arsip blog dapat menarik lebih banyak klik dari pengguna yang memiliki waktu terbatas.

• Terlihat Profesional: Fitur ini menunjukkan bahwa blog Anda dikelola dengan baik dan fokus pada pengalaman pengguna (UX).

• Meningkatkan Engagement: Memberi motivasi kepada pembaca untuk menyelesaikan artikel hingga akhir.

Cara 1: Dengan Plugin (Mudah, Cepat, Kaya Fitur)

Ini adalah rute yang paling direkomendasikan untuk 99% pengguna WordPress.

Reading Time WP: Pilihan Terbaik & Paling Populer

Plugin ini menawarkan keseimbangan sempurna antara kesederhanaan dan fungsionalitas. Setelah menginstal dan mengaktifkannya, Anda bisa langsung menuju Settings > Reading Time WP. Di sana, Anda bisa mengatur segalanya: label teks (misal: “Waktu Baca:”), postfix (misal: “Menit”), kecepatan membaca rata-rata (standarnya 200 kata per menit), dan di mana info ini akan ditampilkan secara otomatis.

Cara 2: Tanpa Plugin (Lanjutan, Ringan, Kontrol Penuh)

Metode ini cocok jika Anda ingin website tetap ramping dan nyaman mengedit file tema.

PERINGATAN: Metode ini melibatkan pengeditan file tema. Kesalahan bisa merusak situs Anda. Selalu buat backup lengkap sebelum memulai. Sangat disarankan untuk menggunakan Child Theme atau plugin “Code Snippets” agar perubahan tidak hilang saat tema di-update.

Langkah 1: Tambahkan Kode PHP ke functions.php

Kode ini akan membuat fungsi untuk menghitung waktu baca dan menyisipkannya secara otomatis di atas konten postingan Anda.

1. Buka Tampilan > Penyunting Berkas Tema (Appearance > Theme File Editor).

2. Dari daftar file di kanan, pilih Functions.php.

3. Salin dan tempel kode berikut di bagian paling bawah file:

/**
 * Menghitung dan menampilkan estimasi waktu baca (Read Time)
 * Ditempel di functions.php
 */

// 1. Fungsi untuk menghitung waktu baca
function wps_get_reading_time( $content ) {
    $word_count = str_word_count( strip_tags( $content ) );
    $words_per_minute = 200; // Atur kecepatan membaca rata-rata di sini
    $reading_time = ceil( $word_count / $words_per_minute );

    // Tampilkan "1 menit" jika kurang dari 1, atau format "X menit"
    if ( $reading_time < 1 ) {
        $display_time = 'Kurang dari 1 menit baca';
    } else {
        $display_time = $reading_time . ' menit baca';
    }
    
    return '<p class="reading-time-meta">⏱️ ' . $display_time . '</p>';
}

// 2. Fungsi untuk menyisipkan waktu baca di atas konten
function wps_display_reading_time_before_content( $content ) {
    if ( is_single() && in_the_loop() && is_main_query() ) {
        return wps_get_reading_time( get_the_content() ) . $content;
    }
    return $content;
}
add_filter( 'the_content', 'wps_display_reading_time_before_content' );

4. Klik Perbarui Berkas.

Langkah 2: Tambahkan Styling (CSS) agar Tampil Cantik

Sekarang, kita perlu membuat tampilan waktu baca tersebut terlihat bagus.

1. Buka Tampilan > Sesuaikan (Appearance > Customize).

2. Klik menu CSS Tambahan (Additional CSS).

3. Salin dan tempel kode CSS berikut:

/* Styling untuk Read Time Meta */
.reading-time-meta {
    font-size: 0.9em;
    color: #555;
    background-color: #f7f7f7;
    padding: 8px 12px;
    border-radius: 4px;
    margin-bottom: 20px;
    display: inline-block; /* Agar background tidak full-width */
    border-left: 3px solid #0073aa; /* Ganti kode warna sesuai brand Anda */
}

4. Klik Terbitkan (Publish). Sekarang fitur estimasi waktu baca Anda sudah aktif dan terlihat profesional!

Kesimpulan: Pilih Jalur Anda

• Pilih JALUR PLUGIN jika: Anda pemula, ingin hasil cepat, dan butuh opsi kustomisasi visual tanpa menyentuh kode.

• Pilih JALUR MANUAL jika: Anda nyaman dengan kode, ingin solusi yang 100% ringan, dan menginginkan kontrol penuh atas implementasi dan penempatannya.

Apapun metodenya, menambahkan estimasi waktu baca di WordPress adalah sebuah kemenangan kecil yang akan dihargai oleh audiens Anda, menunjukkan bahwa Anda menghargai waktu mereka.

Etgar Kurniawan

Etgar Kurniawan adalah penulis konten teknologi di Teknovatif.com, yang antusias membahas perkembangan dompet digital, aplikasi, dan layanan teknologi di Indonesia.