WordPress Reading Time

Jun 20, 2021 Abay

Pengen nyoba niruin fitur reading time dari Medium di WordPress. Sebenernya ada beberapa plugins yang bisa langsung pake, tapi kali ini bikin yang tanpa plugin.

Buka dashboard, ke halaman Tampilan > Edit Tema, cari file single.php. Tambahin kode:

function reading_time($content) {
	// ambil konten
	$the_content = $content;
	// hitung jumlah kata
	$words = str_word_count( strip_tags( $the_content ) );
	// pembulatan dan pembagian 200 kata per menit
	$minute = floor( $words / 200 );
	// hitung total waktu baca
	$estimate = $minute . ' minute' . ( $minute == 1 ? '' : 's' );
	// tampilkan output
	$output = $estimate . ' read.';
	// return hasil estimasi waktu baca
	return $output;
}

Panggil functions reading_time di sekitar tanggal post dan/atau author post, contoh:

<div class="entry-meta">
	<?php
	incise_posted_on();
	incise_author_outside_loop();
	echo " • " . reading_time(get_the_content());
	?>
</div>

Function get_the_content() buat ambil isi konten. Cara ini juga bisa dipake di homepage WordPress—saat looping posts. Tinggal get_the_content sama function ambil konten by post_id nya aja.

Pengen nyoba niruin fitur reading time dari Medium di WordPress. Sebenernya ada beberapa plugins yang bisa langsung pake, tapi kali ini bikin yang tanpa plugin.

Buka dashboard, ke halaman Tampilan > Edit Tema, cari file single.php. Tambahin kode:

function reading_time($content) {
	// ambil konten
	$the_content = $content;
	// hitung jumlah kata
	$words = str_word_count( strip_tags( $the_content ) );
	// pembulatan dan pembagian 200 kata per menit
	$minute = floor( $words / 200 );
	// hitung total waktu baca
	$estimate = $minute . ' minute' . ( $minute == 1 ? '' : 's' );
	// tampilkan output
	$output = $estimate . ' read.';
	// return hasil estimasi waktu baca
	return $output;
}

Panggil functions reading_time di sekitar tanggal post dan/atau author post, contoh:

<div class="entry-meta">
	<?php
	incise_posted_on();
	incise_author_outside_loop();
	echo " • " . reading_time(get_the_content());
	?>
</div>

Function get_the_content() buat ambil isi konten. Cara ini juga bisa dipake di homepage WordPress—saat looping posts. Tinggal get_the_content sama function ambil konten by post_id nya aja.