Menambah Search Form di Menu Bar

Ada pertanyaan bagus yang disampaikan oleh Sdr. Andi. yaitu bagaimana memasang form pencarian di menu bar. Sebenarnya ada pertanyaan kedua yaitu bagaimana mengubah tampilan tombolnya.

Tapi di artikel ini saya bahas dulu pertanyaan pertamanya aja dulu ya biar penasaran untuk mengubah tombolnya hehehe.. Dan mas Andi biar sering2 kesini juga 😀

Oke, langsung aja ada 2 file yang kita edit yaitu index.php dan style.css. index.php kita gunakan untuk menentukan letak form-nya dan style.css untuk mengubah style-nya.

Pertama, di file index.php anda cari dulu kode untuk menampilkan menu bar-nya yaitu ini:

<div id="menu">
  <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
</div>

Di bawah wp_nav_menu kita masukkan deh kode form-nya sehingga hasilnya seperti ini:

<div id="menu">
  <?php wp_nav_menu( array( 'container_class' => 'menu-header', 'theme_location' => 'primary' ) ); ?>
  <div id="search">
  <form action="<?php bloginfo('url');?>" method="get">
  <input type="text" size="30" name="s"/>
  <input type="submit" value="search"/>
  </form>
  </div>
</div>

Jika anda menjalankan blog sekarang, maka bisa anda lihat kalau form-nya nempel dengan menu-menu yang diatas. Maka kita perlu memisahkannya dan meletakkanya di sebelah kanan. Untuk itu, kita pasang deh style-nya di file style.css dengan kode berikut:

#search {
  float:right;
  }

Sekarang sebuah form sudah hadir di sebelah kanan deretan menu anda 🙂

Dicari dengan kata kunci:

membuat menu search dengan php,cara membuat search dengan php,search form,search pada php,form pencarian php,cara membuat search di php,cara membuat menu bar di wordpress,form search php,membuat search di website,menu search php