WordPressの記事検索機能を簡単に作る方法【初心者向け】

inputにてnameをsにしていますが、Wordpressの検索窓を作る時は必ずnameをsにする必要があります。これで検索窓の設定は完了です。しかし、これだけだと検索窓を表示することはできません。

表示するには、 <?php get_search_form( ) ; ?> というコードを表示させたい場所に記述する必要があります。

そのためには、トップページのindex.phpにコードを入れます。コードを入れると、検索窓が表示されます。検索ボタンの表示はされていませんが、これだけでも検索することが可能です。

しかし、ボタンがないというのはいくらなんでも、見栄えがよくありません。よって、これに実行するボタンをつけていきます。 先ほどのコードにさらに一行加えていきます。

<form method=”get” action=”<?php echo home_url(‘/’)?>”> <input name=”s”type=”text> <input type=”image” src=”<?php bloginfo(‘template_url’);?>/images/search.pn ↑一番下に新たなコードを加えています。

<input type=”image” src=”<?php bloginfo(‘template_url’);?>/images/search.pn style=” vertical-align:middle; height:32px; “>

このようにコードを入力し、vertical-alignをmiddleに設定して画像を検索窓の中央に持って行き、検索窓とボタンの高さを同じにします。

表示が整ったので、これで検索フォームの制作は完了です。

検索結果を作る

<?php if ( have_posts( ) ) : ?> <h1><php printf( __( ‘Search Results for: %s’, ‘altitude’ ),’<span>’.g <?php while ( have_posts() ): the_post();?> <php get_template_part( ‘content’,’search); ?> <php endwhile ; ?> <php else : ?>

該当なし

<php endif; ?>

search.phpにこのようなコードを記述します。 できたら実際に検索し、検索結果を見てみましょう。

これで基本的な検索機能をつけたことになります。

カテゴリー別絞り込み検索

カテゴリー別の絞り込み検索はWordpressのタグですでに用意されているので、簡単に実装することができます。

<?php wp_dropdown_categories( ); ?>

これを入れ込むだけで実装は完了です。

お好みでカッコ内にオプションをつけ加えましょう。オプションの種類や初期値はWordpress Codexで確認できます。

タグ別絞り込み検索

タグの場合、カテゴリー別絞り込み検索のようなWordepressタグはないので、地道にコードを書いていく必要があります。コードは「foreach」を使って、<option>にタグを表示します。

<?php $tags =  get_tags( ) ; if ( $tags ) : ?> <select  name=’tag’  id=’tag’ > <option value=”” selected=”selected”>タグ選択 </option> <?php foreach ( $tags as $tag ): ?> <option value=”<?php echo esc_html( $tag->slug );   ?>”><?php echo esc_html(  $tag         <?php endforeach; ? > </select > <?php endif; />

カスタムフィールド別の絞り込み検索

WP Custom Fields Searchというプラグインを利用すると、カテゴリー別・タグ別絞り込み検索に加え、カスタムフィールド別にも検索することができます。

たとえば、「値段」「色」「サイズ」など、カスタムフィールドを使って、投稿記事より細かな設定をしているサイトにはオススメです。

日本語化するには、「WP Custom Fields Seauchの日本語版配布」から日本語.moファイルをダウンロードし、まずはフォルダ内に保存します。

有効化をすると、さまざまな項目を簡単に追加することができます。値が数値の場合は、「〜以上」「〜未満」の値を指定することもできます。 テーマファイルに挿入する場合は、

<?php if( function_exists(‘wp_custom_fields_search’)) wp_custom_fields_search( );  ?>を、 投稿記事やページ内に挿入する時は [ [wp-custom-fields-search]] こちらのコードを記述します。

検索内容と検索結果を表示する

検索結果ページをindex.phpなどの記事一覧ページとは違う仕様やデザインにしたい時は、別にsearch.phpというファイルを作成しましょう。これが検索結果ページとなります。

検索結果に検索したワードや検索結果件数を表示するためには、検索結果ページに以下のような記述をします。表示方法を変更する場合はechoの部分を書き換えてください。

<?php if (have_posts()) : ?> <?php $allsearch =& new WP_Querry(“s=$showposts=-1”); $key = wp_specialchars($s, 1) ; $count = $allsearch->post_count; echo ‘<h1>$#8216;’.$key.’&#8217; で検索した結果:’.$count.’件　</h1>’; ?> コンテンツ <?php endwhile; endif;  ?>

投稿記事のみ表示する

デフォルトでは検索結果にページも含まれます。ページを除外し、投稿記事のみを検索対象とする場合は、finctions.php に以下のコードを記述してください。

まとめ

検索フォームはWordPressに標準搭載されているものやテンプレートにもともと付いているものがあります。 しかし、中には「自分で検索フォームを作りたい」「テンプレートに検索機能がついていない」という場合があると思います。

そんな時は、 ●プラグインを使って実装する ●phpファイルから作成する という2つの方法で検索フォームを実装することができます。 検索フォームがあればよりサイトが使いやすくなりますので、ぜひ実装してみてください。