「カテゴリー」「キーワード」での絞り込み検索ができる無料プラグインSearch & Filter

「カテゴリー」「タグ」「キーワード」での絞り込み検索を実装できる無料プラグイン「Search & Filter」をご紹介します。
無料で、難しい設定の一切ないお勧めプラグイン「search & filter」です。

インストール方法

一般的なプラグインと同様の方法で、Search & Filterをインストールできます。
ダッシュボード上のプラグインからインストールするか、公式サイトからファイルをダウンロードしFTPでアップロードする方法です。

Search & Filterプラグインを有効化すると、画面左に管理メニューが表示されます。
管理画面上から設定する項目はありません。
後は、検索機能を固定ページに設置するだけです。
ウィジェットのテキストにも記述できます。

１．ショートコード設置方法

「サーチ」（キーワード）、「カテゴリー」、「タグ」、「サブミット」（送信）
ショートコード 

[searchandfilter fields="search,category,post_tag"]

[searchandfilter fields=”search,category,post_tag”]

 

２．「サーチ」「カテゴリー」「サブミット」

ショートコード

[searchandfilter fields="search,category"]

[searchandfilter fields=”search,category,”]

３．「カテゴリー」「サーチ」「サブミット」

ショートコード

 

[searchandfilter fields="category,search,"]

[searchandfilter fields=”category,search,”]

４．キーワード検索の「Search…」を「キーワード」に変更

ショートコード

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

[searchandfilter fields=”category,search,” search_placeholder=”キーワード”]
末尾の「search_placeholder=”キーワード”」が該当のコードです。キーワードの部分を任意のもに変更し記述します。

５．キーワード検索の「Submit」を「検索」に変更

ショートコード

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

[searchandfilter fields=”category,search,” search_placeholder=”キーワード” submit_label=”検索”]
末尾の「search_placeholder=”キーワード”」が該当のコードです。キーワードの部分を任意のもに変更し記述します。

６．セレクトボックスの上部に見出しを付ける

ショートコード

 

[searchandfilter fields=",category,post_tag" headings=",見出し１,見出し２"]

[searchandfilter fields=”,category,post_tag” headings=”,見出し１,見出し２”]
「headings=”,見出し１,見出し２”」が該当のオプションです。

７．検索ボタン「Submit」のテキスト変更

ショートコード

 

[searchandfilter fields=",category,post_tag" headings=",見出し１,見出し２" submit_label="検索"]

デフォルトで「Submit」と表示されるボタンを、任意のものに変更する方法です。

[searchandfilter fields=”,category,post_tag” headings=”,見出し１,見出し２” submit_label=”検索”]
末尾の「submit_label=”検索”」が該当のコードです。

８．ラジオボタンに変更

ショートコード

 

[searchandfilter fields=",category,post_tag" types=",radio,radio" headings=",見出し１,見出し２" submit_label="検索"]

選択オプションは標準でセレクトボックスです。出力を、ラジオボタンに変更したい場合のオプションです。

[searchandfilter fields=”,category,post_tag” types=”,radio,radio” headings=”,見出し１,見出し２” submit_label=”検索”]
「types=”radio”」が該当の箇所です。

もし最初の選択項目を標準のセレクトボックス、二つ目をラジオボタンにしたい場合は以下の記述となります。

[searchandfilter fields=”,category,post_tag” types=”,,radio” headings=”,見出し１,見出し２” submit_label=”検索”]

９．チェックボックスへの変更

ショートコード

 

[searchandfilter fields=",category,post_tag" types=",checkbox,checkbox" headings=",見出し１,見出し２" submit_label="検索"]

選択項目を標準のセレクトボックスからチェックボックスにする方法です。

[searchandfilter fields=”,category,post_tag” types=”,checkbox,checkbox” headings=”,見出し１,見出し２” submit_label=”検索”]
「types=」のオプションでcheckboxと記述します。

[searchandfilter fields="search,category,post_tag"]