Membuat Form Pencarian di WordPress

Membuat Form Pencarian di WordPress

Diposting pada

Form pencarian di WordPress, apa yang terbayang di benakmu mengenai form pencarian di WordPress? Bagi yang sedang belajar membuat template WordPress yang terbayang di benaknya adalah mengenai bagaimana cara membuat form pencarian di WordPress? Bagi yang belum tahu apa itu form pencarian, maka akan bertanya-tanya apa kegunaan form pencarian di WordPress? Bagi yang sudah mengetahui form pencarian, pasti akan mengetahui bahwa form pencarian digunakan untuk mencari objek.

artikel ini merupakan lanjutan atau seri dari artikel mengenai cara membuat template WordPress. Setelah kita membuat header, sidebar dan beberapa elemen lainnya, kini saatnya kita membuat form pencarian di WordPress. Membuat form pencarian di WordPress merupakan langkah yang kesekian setelah langkah-langkah awal telah terpenuhi.

Di zaman yang serba canggih ini, hampir setiap website menyediakan form pencarian. Dengan adanya form pencarian yang disematkan pada website khususnya atau aplikasi pada umumnya, akan memudahkan user untuk mencari konten yang ia inginkan, bayangkan bagaimana jika form pencarian tidak terdapat pada website? User pasti akan menemukan setidaknya kendala atau kesulitan ketika ingin mencari konten yang ia inginkan, bukan?

Baca juga:  5 Framework PHP Terbaik

Form pencarian biasanya diletakkan di sidebar, oleh karenanya kita memerlukan page sidebar.php, selain itu juga melibatkan halaman search.php yang bertujuan untuk menampilkan hasil pencarian, kemudian untuk membuat form pencariannya, kita membutuhkan halaman baru, taruhlah halaman tersebut kita beri nama searchform.php, dengan begitu kita setidaknya melibatkan 3 buah objek atau halaman untuk membuat form pencarian di WordPress. Lebih lanjut mengenai masalah ini, kamu bisa menerapkan langkah-langkah di bawah ini. Langkah yang cukup simpel dengan melibatkan sedikit kode.

Membuat Form Pencarian di WordPress

Berikut langkah-langkah dalam membuat form pencarian di WordPress:

Baca juga:  Cara Memasang Iklan di Header Blog WordPress

Step 1: Buatlah file searchform.php, lalu ketikkan kode berikut ini:

[html]

<form role="search" method="get" class="search-form" action="<?php echo esc_url( home_url( ‘/’ ) ); ?>">
<label>
<input type="search" id="field" placeholder="<?php echo esc_attr_x( ‘Search &hellip;’, ‘placeholder’, ‘sead’ ); ?>" value="<?php echo esc_attr( get_search_query() ); ?>" name="s">
</label>
<input type="submit" id="cari" value="<?php echo esc_attr_x( ‘Search’, ‘submit button’, ‘sead’ ); ?>">
</form>

[/html]


Step 2:
Buatlah file sidebar.php lalu letakkan script berikut ini:

[php]
<?php if ( is_active_sidebar( ‘sidebar-widget-area’ ) ) { ?>

<div class="sidebar-wrapper">
<?php get_search_form(); ?>

</div>

<?php } ?>
[/php]


Step 3:
Buatlah halaman search.php, lalu letakkan script berikut ini di dalamnya:

[php]
<?php /** * Halaman search, ketika user menginput suatu data, lalu kemudian menekan tombol enter/cari, maka akan dialihkan ke halaman ini. * The template for displaying Search Results pages. * * @package Sead */ get_header(); ?>

<div class="main-wrapper">

Baca juga:  Cek Password yang Berlaku Menggunakan AJAX dan jQuery | Validasi Password Menggunakan AJAX dan jQuery | Validasi Password yang Berlaku Menggunakan AJAX dan jQuery

<?php if ( have_posts() ) : ?>

<div class="page-title">

<h1><?php printf( __( ‘Search Results for: %s’, ‘sead’ ), ‘<span>’ . get_search_query() . ‘</span>’ ); ?></h1>

</div>

<!– .page-header –>

<?php while ( have_posts() ) : the_post(); ?>

<?php get_template_part( ‘content’, ‘search’ ); ?>

<?php endwhile; ?>

<?php sead_paging_nav(); ?>

<?php else : ?>

<?php get_template_part( ‘content’, ‘none’ ); ?>

<?php endif; ?>

</div>

<?php get_sidebar(); ?>
<?php get_footer(); ?>
[/php]

Itulah artikel mengenai cara membuat form pencarian di WordPress yang bisa kita lakukan ketika kita membuat template WordPress.

Demikian,
Semoga bermanfaat!

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *