Tips sederhana untuk mengubah pesan default di bagian search form theme WordPress kita.
Misalkan kita menggunakan pesan default ‘Search this site…’ pada text input search form kita, maka untuk membuat pesan default itu terhapus ketika pengunjung memindahkan mousenya ke kolom input, tambahkan kode berikut ini di bagian text input search form kita:
onblur="if (this.value == '') {this.value = 'Search this site...';}" onfocus="if (this.value == 'Search this site...') {this.value = '';}"
Hasil akhirnya nanti kira-kira seperti ini:
<form role="search" method="get" id="searchform" action="/" accept-charset="utf-8">
<div><label class="screen-reader-text" for="s">Search for:</label>
<input type="text" value="Search this site..." name="s" id="s" onblur="if (this.value == '') {this.value = 'Search this site...';}" onfocus="if (this.value == 'Search this site...') {this.value = '';}"/>
<input type="submit" id="searchsubmit" value="Search" />
</div>
</form>
Oya, kode untuk search form ini ada di file searchform.php theme yang kita gunakan.
Jika themenya tidak mempunyai file searchform.php dan cuma menggunakan fungsi bawaan WordPress get_search_form(), kita bisa bikin sendiri file searchform.php tadi. Copy paste file diatas ke file searchform.php yang kita buat atau lihat source code halaman blog kita dan copy paste kode yang ada dibagian search formnya.
