Wordpress : Membuat halaman hasil pencarian ( search.php )

linkdesain.com. Untuk manampilkan hasil searching kita perlu membuat halaman khusus. Secara Hierarchy di Wordpress untuk membuat halaman pencariannya kita akan menggunakan file search.php namun Anda juga dapat membuat file php sendiri dengan nama lain untuk menampilkan hasil pencariannya, hanya saja untuk menggunakan nama file lain Anda harus mengubah lokasi form action nya dengan file php Anda (selain search.php) .

di artikel sebelumnya Wordpress : Membuat search form tanpa pugin kita memiliki script berikut untuk membuat form searchnya

<form method="get" id="searchform" action="<?php bloginfo('home'); ?>/">
<input type="text" value="" name="s" id="s" />
<input type="hidden" name="search-type" value="normal" />
<input name="submit" type="submit" value="Go" />
</form>

Karena pada form action diatas kita menggunakan <?php bloginfo('home'); ?>  maka untuk menampilkan hasil pencariannya kita menggunakan search.php (sesuai aturan wordpress).

Dan isi search.php nya (versi saya) adalah seperti berikut.. Anda dapat mengkustom sendiri data apa saja dari postinganya yang akan Anda tampilkan .
 
<?
$args = array( 'post_type' => 'post' );
$args = array_merge( $args, $wp_query->query );
query_posts( $args );?>


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


<?php
if ( has_post_thumbnail() ) { ?>
<img class="img-thumbnail" src="<?php $img=wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), 'large'); echo $img[0]; ?>" alt="<?php the_title(); ?>"/>
<?php } ?><br />
<?php echo get_the_category_list(', '); ?>
<h4><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h4>
<small><?php the_time('d/m/Y g:i:s A'); ?></small><br>
<p> <?php the_excerpt(); ?>  </p>
<?php the_author(); ?><br><br><br>
<?php endwhile;?>


<?php else : ?>                              
<?php _e( 'Nothing Found' ) ?><br />
<?php _e( 'Sorry, but nothing matched your search criteria. Please try again with some different keywords.'); ?>

<?php get_search_form(); ?>
       

<?php endif;?>
<?php the_search_query(); ?>


jika diterjemahkan kira-kira arti script diatas seperti berikut :


pertama query_post akan ditampilkan berdasarkan kata kunci yang kita input dari  kotak pencarian

<?
$args = array( 'post_type' => 'post' );
$args = array_merge( $args, $wp_query->query );
query_posts( $args );?>

 
kemudian jika ada post/artikel yang sesuai dengan kata kunci maka perintah looping akan dijalankan,
dengan diawali perintah berikut untuk medeteksi apakah ada artikel yang sesuai   

<?php if ( have_posts() ) : ?> dan diakhiri <?php endif;?> .

perintah looping arikel diawali dengan kode <?php while ( have_posts() ) : the_post(); ?> dan diakhiri <?php endwhile;?> masukan data apa saja dari artikel yang akan di looping.

untuk fungsi looping lihat lagi pembahasan sebelumnya Wordpress : Cara Menampilkan Post Artikel (Loop)


Apabila artikel tidak ditemukan sesuai kata kunci dari form pencarian kita munculkan teks

"Result for kata Nothing Found
Sorry, but nothing matched your search criteria. Please try again with some different keywords."


dengan kode berikut

<?php else : ?>                             
Result for <?php the_search_query(); ?>
<?php _e( 'Nothing Found' ) ?><br />
<?php _e( 'Sorry, but nothing matched your search criteria. Please try again with some different keywords.'); ?>

<?php the_search_query(); ?>  berfungsi menampilkan kata yang kita input untuk searchingnya


kemudian kita tambahkan form search (dari wp) dan menampilkan kata kunci yang kita cari di search formnya dengan kode


<?php get_search_form(); ?>
 


Share this

Related Posts

Previous
Next Post »

3 comments

comments
May 4, 2014 at 6:14 AM delete

Kalau untuk yang blogger gimana ya bro??
Tolong dong infonya...Trims

Reply
avatar
cs
May 5, 2014 at 7:40 AM delete

blogger kan cuma blog biasa, tambahin aja widget buat searchingnya..

Reply
avatar
November 10, 2016 at 9:28 AM delete

KALO UNTUK SEARCH KATA ATAU NOMOR DIDALEM POST SCRIPT NYA GIMANA GAN?

Reply
avatar

Komentar disini ..