Membuat Form Pencarian di WordPress | KafeinKode

Kursus bahasa arab berkualitas

Membuat Form Pencarian di WordPress

Anonim Tue, December 26, 2017 No Comments 273 views



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.

Membuat-Form-Pencarian-di-WordPress

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?

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:

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


<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>


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

<?php if ( is_active_sidebar( 'sidebar-widget-area' ) ) { ?>

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

		  </div>


<?php } ?>


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

<?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">

		<?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(); ?>

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

Demikian,
Semoga bermanfaat!

Kursus bahasa arab berkualitas

[shareaholic app="recommendations" id="20730868]

0 comments

Leave a Reply

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