『Search & Filter』プラグインはサイト内検索や絞り込み検索ができるプラグインです。

カテゴリー、タグ、キーワード、タクソノミーなどの複数条件で検索することができます。

『Search & Filter』プラグインはワードプレス初心者の方やまだ慣れていないという方にも簡単に設定・設置する事ができます。
それでは『Search & Filter』プラグインのインストール・使い方を順番に見ていきましょう!!

 

【Search & Filter】セットアップメニュー

1.【Search & Filter】をインストール

1.-1【Search & Filter】新規追加

まずは、【Search & Filter】をインストールしましょう。
管理画面の左側にあるメニューから「プラグイン」をクリックし、『新規追加』をクリック。

※画像をクリックすると拡大表示します。
1-1

1.-2【Search & Filter】を今すぐインストール

『新規追加』ページの右上にある検索ボックスで【Search & Filter】を検索します。
「今すぐインストール」をクリック。

※画像をクリックすると拡大表示します。
1-2

1.-3 【Search & Filter】を有効化

インストールが終了したら、「有効化」させます。

※画像をクリックすると拡大表示します。
1-3

2.【Search & Filter】の設置

2.-1【Search & Filter】設置

メニュー『Search & Filter』もしくはプラグイン一覧のSearch & Filterの『setting』をクリックします。

※画像をクリックすると拡大表示します。
2-1

設置したい場所に
投稿やウィジェットに使用する場合は
[searchandfilter fields="search,category,post_tag"]

 

phpにて好きな場所に設置して使用する場合は

 echo do_shortcode( '[searchandfilter fields="search,category,post_tag"]' ); 

を貼り付けましょう。

※画像をクリックすると拡大表示します。
2-2

投稿に貼り付けた場合、下記のように反映されます。(CSSでデフォルトと表示が少し違うかもしれません)

2-3

3.【Search & Filter】のカスタマイズ

3.-1【Search & Filter】カスタマイズ

続いてカスタマイズ方法をみていきましょう。

デフォルトの絞り込み検索(上記表示の検索フォーム)になっております。
こちらをカスタマイズしていきましょう。

≪カテゴリーのみ表示

[searchandfilter fields="category"]

もしくは

 echo do_shortcode( '[searchandfilter fields="category"]' ); 

≪タグのみ表示

[searchandfilter fields="post_tag"]

もしくは

 echo do_shortcode( '[searchandfilter fields="post_tag"]' ); 

≪キーワードとカテゴリーを表示≫

[searchandfilter fields="search,category"]

もしくは

 echo do_shortcode( '[searchandfilter fields="search,category"]' ); 

≪キーワードとタグを表示≫

[searchandfilter fields="search,post_tag"]

もしくは

 echo do_shortcode( '[searchandfilter fields="search,post_tag"]' ); 

≪カスタム投稿のタクソノミー表示≫

[searchandfilter fields="タクソノミー名"]

もしくは

 echo do_shortcode( '[searchandfilter fields="タクソノミー名"]' ); 

≪見出しを表示≫

[searchandfilter fields="search,category,post_tag" headings="キーワード,カテゴリー,タグ"]

もしくは

 echo do_shortcode( '[searchandfilter fields="search,category,post_tag" headings="キーワード,カテゴリー,タグ"]' ); 
midashi1

≪キーワード検索の「Search…」文字を変更≫

[searchandfilter fields="search" search_placeholder="キーワード"]

もしくは

 echo do_shortcode( '[searchandfilter fields="search" search_placeholder="キーワード"]' ); 
keyword

≪検索ボタン「Submit」文字を変更≫

[searchandfilter fields="search" submit_label="検索する"]

もしくは

 echo do_shortcode( '[searchandfilter fields="search" submit_label="検索する"]' ); 
button

≪カテゴリーやタグをラジオボタンで表示≫

[searchandfilter fields="search,category,post_tag" types=",radio,radio" submit_label="検索する"]

もしくは

 echo do_shortcode( '[searchandfilter fields="search,category,post_tag" types=",radio,radio" submit_label="検索する"]' ); 
radio

≪カテゴリーやタグをチェックボックスで表示≫

[searchandfilter fields="search,category,post_tag" types=",checkbox,checkbox" submit_label="検索する"]

もしくは

 echo do_shortcode( '[searchandfilter fields="search,category,post_tag" types=",checkbox,checkbox" submit_label="検索する"]' ); 
checkbox