mengatasi couldn\t resolve di vps baca juga server grab, android-app://com google android googlequicksearchbox, cara grab di wordpress

bold

Highlighting atau menyoroti kata kunci di laman pencarian wordpress ini berbeda dengan highlighting syntax yang pernah saya bahas. Jika Syntax Highlighting adalah menyoroti dan memberi style untuk setiap syntax dari berbagai bahasa pemprograman, sementara highlighting kata kunci (keyword) pencarian adalah menyoroti query pencarian dengan style tersendiri. Untuk memperjelas bagaimana maksudnya silahkan Anda lakukan pencarian di blog ini dengan memasukan keyword apa saja (kira-kira yang ada di blog ini deh, jangan yang gak ada ya?! :D). Anda akan melihat keyword yang dicari memiliki style yang berbeda seperti ini: kata kunci 1, kata kunci 2 dan seterusnya.

Highlighting Kata Kunci di Hasil Pencarian WordPress

Memberi Hiasan & Style Kata Hasil Pencarian WordPress

 

Untuk memberi highlight atau menyoroti kata kunci pencarian (search terms) ada dua hal yang harus dirubah, yaitu titel atau judul artikel dan konten. Silahkan buka file search.php pada template sesuai tema yang digunakan. Fungsi pencarian mungkin tidak selalu sama untuk setiap template dan tidak selalu disimpan pada file search.php. Silahkan cari dan pastikan dengan benar, biasanya file yang digunakan sebagai halaman pencarian mengandung kode <?php if (is_search()) : ?>. Selanjutnya cari kode asal untuk memunculkan title yaitu <?php the_title(); ?> dan ganti dengan kode di bawah ini:

// highlight kata kunci pencarian pada titel
<?php
	$title = get_the_title();
	$keys  = explode(" ", $s);
	$title = preg_replace('/('.implode('|',$keys).')/iu','<span class="search-terms"></span>',$title);
	echo $title;
?>

Langkah selanjutnya adalah mengubah kode default isi/ konten. Pada bagian ini kode untuk memunculkan konten secara keseluruhan sudah diganti dengan ringkasan saja atau excerpt. Silahkan cari kode <?php the_excerpt(); ?> atau <?php the_content(); ?> lalu gantikan dengan kode di bawah ini:

// highlight kata kunci pencarian pada titel content
<?php
	$excerpt = get_the_excerpt();
	$keys  = explode(" ", $s);
	$excerpt = preg_replace('/('.implode('|',$keys).')/iu','<span class="search-terms"></span>',$excerpt);
	echo $excerpt;
?>

Sampai tahap ini perintah highlight terhadap titel dan konten sudah selesai. Namun Anda tidak akan menemukan perbedaan, karena kata kunci yang disoroti belum memiliki style yang khusus. Maka tambahkan kode di bawah ini pada file CSS template Anda.

span.search-terms { 
	background:#eef;
	border:1px dotted #88f;
	font-weight: bold;
}

Nah, selesai deh! Sekarang coba lakukan pencarian di blog Anda dan perhatikan perbedaannya. Demikian artikel mengenai Highlighting – Menyoroti Kata Kunci di Laman Pencarian WordPress semoga bermanfaat dan selamat mencoba.

Membuat tebal tulisan Pada hasil pencarian WordPress | Morveus | 4.5

Leave a Reply