Berkreasi dengan Link ‘MORE’ atau ‘SELANJUTNYA’ dalam Resume Post WordPress

Perhatian: Sementara Post ini berlaku untuk yang gemar mengolah WordPress dari sisi Script

Jika anda melakukan installasi WordPress dan dilanjutkan dengan installasi Themes, sedangkan themes tersebut mendukung adanya RESUME halaman awal, biasanya secara default, resume tiap post akan diakhiri dengan tanda […] tanpa Link, kecuali yang telah didukung oleh themes atau plugins tertentu. Contoh:

posting ini adalah posting yang pertama bahwa dengan blabalbalbalbal […]

Sedangkan pada umumnya web, kita menginginkan adanya tombol atau link : more, atau selanjutnya, untuk menuju ke post penuh dari resume tersebut. Nah, bagaimana caranya? Sangat mudah.

Dalam wordpress, terdapat berbagai fungsi yang dapat anda baca pada Function Reference pada codex.wordpress.com. Resume, dalam wordpress akan dinyatakan sebagai EXCERPT. Cara membuat resume dari sebuah post pun hanya tinggal memanggil the_excerpt. Biasanya para desainer themes wordpress akan banyak menggunakan ini untuk membuat tampilan halaman index. Desain awal dari WordPress, memiliki beberapa ketentuan untuk excerpt, antara lain adalah : karakter tertentu akan dibatasi, jumlah kata adalah 55 kata, dan akan diakhiri dengan tanda […]. Kita dapat mengubah semua itu dengan cara melakukan pengubahan suatu file dalam wordpress tersebut. Langkah pertama adalah bukalah CMS WordPress, dan pastikan, apakah Themes yang dipilih mendukung adanya Excerpt. Jika tidak, tutorial selanjutnya akan saya bahas tentang mendesain themes wordpress. Jika iya, apakah Resume atau Excerpt dari potongan artikel berakir dengan […] ? jika anda ingin mengubah, silakan buka file formatting.php dalam {DIREKTORI_UTAMA}/wp-includes/. Kopikan file tersebut sebagai backup apabila kita keliru dalam melakukan modifikasi.

Selanjutnya bukalah formatting.php tersebut, dan temukan fungsi bernama function wp_trim_excerpt($text)

kira-kira untuk WordPress Versi 2.x berisi seperti demikian:

function wp_trim_excerpt($text) {
	if ( '' == $text ) {
		$text = get_the_content('');

		$text = strip_shortcodes( $text );

		$text = apply_filters('the_content', $text);
		$text = str_replace(']]>', ']]>', $text);
		$text = strip_tags($text);
		$excerpt_length = apply_filters('excerpt_length', 55);
		$words = explode(' ', $text, $excerpt_length + 1);
		if (count($words) > $excerpt_length) {
			array_pop($words);
			array_push($words, '[...]');
			$text = implode(' ', $words);
		}
	}
	return $text;
}

Untuk versi 3.x kira-kira demikian:

function wp_trim_excerpt($text) {
	$raw_excerpt = $text;
	if ( '' == $text ) {
		$text = get_the_content('');

		$text = strip_shortcodes( $text );

		$text = apply_filters('the_content', $text);
		$text = str_replace(']]>', ']]>', $text);
		$text = strip_tags($text);
		$excerpt_length = apply_filters('excerpt_length', 55);
		$excerpt_more = apply_filters('excerpt_more', ' ' . '[...]');
		$words = preg_split("/[\n\r\t ]+/", $text, $excerpt_length + 1, PREG_SPLIT_NO_EMPTY);
		if ( count($words) > $excerpt_length ) {
			array_pop($words);
			$text = implode(' ', $words);
			$text = $text . $excerpt_more;
		} else {
			$text = implode(' ', $words);
		}
	}
	return apply_filters('wp_trim_excerpt', $text, $raw_excerpt);
}

Perhatikan, pada bagian

$excerpt_length = apply_filters('excerpt_length', 55);

anda dapat mengubah excerpt anda tidak lagi 55 kata, dengan cara mengubah angka yang ada tersebut.

Kemudian jika anda ingin mengubah […] menjadi ‘selanjutnya’ dalam bentuk miring, maka lakukan pengubahan […] dengan kode “…Selanjutnya“.

Hasilnya kira-kira akan menjadi seperti berikut:

versi 2.x

function wp_trim_excerpt($text) {
	if ( '' == $text ) {
		$text = get_the_content('');

		$text = strip_shortcodes( $text );

		$text = apply_filters('the_content', $text);
		$text = str_replace(']]>', ']]>', $text);
		$text = strip_tags($text);
		$excerpt_length = apply_filters('excerpt_length', 55);
		$words = explode(' ', $text, $excerpt_length + 1);
		if (count($words) > $excerpt_length) {
			array_pop($words);
			array_push($words, 'selanjutnya');
			$text = implode(' ', $words);
		}
	}
	return $text;
}

versi 3.x

function wp_trim_excerpt($text) {
	$raw_excerpt = $text;
	if ( '' == $text ) {
		$text = get_the_content('');

		$text = strip_shortcodes( $text );

		$text = apply_filters('the_content', $text);
		$text = str_replace(']]>', ']]>', $text);
		$text = strip_tags($text);
		$excerpt_length = apply_filters('excerpt_length', 55);
		$excerpt_more = apply_filters('excerpt_more', ' ' . 'selanjutnya');
		$words = preg_split("/[\n\r\t ]+/", $text, $excerpt_length + 1, PREG_SPLIT_NO_EMPTY);
		if ( count($words) > $excerpt_length ) {
			array_pop($words);
			$text = implode(' ', $words);
			$text = $text . $excerpt_more;
		} else {
			$text = implode(' ', $words);
		}
	}
	return apply_filters('wp_trim_excerpt', $text, $raw_excerpt);
}

Simpan, dan saksikan di halaman depan homepage CMS WordPress anda.. Anda pun dapat berekpsresi lanjut dengan membuat tanpilan lebih menarik dengan melibatkan CSS, seperti a:hover, a:link dan selanjutnya.. Enak bukan?

 

SEMOGA BERGUNA..

 

bimosaurus

eof

 

 

4 thoughts on “Berkreasi dengan Link ‘MORE’ atau ‘SELANJUTNYA’ dalam Resume Post WordPress

    1. Woke mas trie, siap!! Style memang ada di sisi client modifikasinya… memang akan banyak melibatkan browser.. tapi… mari kita jalan terus

Leave a Reply

Your email address will not be published. Required fields are marked *