Search & Filter:複数の条件で絞り込み検索ができる
カテゴリ、タグ、投稿タイプ、投稿日付などで絞り込み検索できる WordPress 用プラグインの紹介です。
それは「Search & Filter」です。
そのインストール手順から日本語化・使い方と設定などを解説していきます。
Search & Filter
Search & Filter は、ショートコードを使用して複数の条件で絞り込み検索ができます。
絞り込みでは、複数の条件(カテゴリ、タグ、投稿タイプ、投稿日付など)を選択できます。
カテゴリーやタグなどのタクソノミと投稿タイプは、
ドロップダウン、チェックボックス、ラジオボタン、またはセレクトボックスで表示可。
WooCommerce でも使用可能。
記事を作成もしくは更新時点でのバージョン:v 1.2.11
インストール手順
下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化するか
Search & Filter – WordPress.org
もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面から入手できます。
ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「Search & Filter」と入力します。
検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。
プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。
WordPressプラグインのインストール手順を解説 – WordPress活用術
日本語化
Search & Filter を有効化した際に日本語化されない場合には、
日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。
WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。
※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。
日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。
WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術
専用メニュー
ダッシュボードの「設定」メニューの下に追加されています。
使い方
下のようなショートコードを投稿や固定ページもしくはウィジェットに貼り付けるだけです。
[searchandfilter fields="search,category,post_tag" headings=",Categories,Tags"]
見出しをつけたい場合には、以下のように「headings」パラメーターで指定します。
[searchandfilter fields="search,category,post_tag" headings=",Categories,Tags"]
fields で 3 個項目を指定しているので、
headings でも 3 個分指定する必要があります。
検索窓には見出し不要なので、未入力になっています。
submit ボタンのラベルを変更したい場合には、以下のようにします。
[searchandfilter fields="category,post_tag" submit_label="Filter"]
コンボボックスではなくて、ラジオボタンやチェックボックスにしたいは、以下のようにします。
[searchandfilter fields="search,category,post_tag" types=",radio,radio"]
[searchandfilter fields="search,category,post_tag" types=",checkbox,checkbox"]
[searchandfilter fields="search,category,post_tag" types=",radio,checkbox"]
投稿タイプで絞り込みたい場合には、以下のようにします。
[searchandfilter fields="search,post_types" post_types="post,page"]
絞り込み検索した結果を表示する際に並び替えたい場合には、以下のようにします。
[searchandfilter fields="search,category,post_tag" order_by=",id,name" order_dir=",asc,desc"]
詳しい使い方については、作者がドキュメントを公開しています。
Search & Filter – Designs & Code Docs
表示例
使用中のテーマによってはデザインが崩れるかもしれませんね。
代替プラグイン
Search & Filter にほしい機能が無かった場合には、
Search & Filter 以外にもサイト内検索を強化できるプラグインを記事にしています。
以下では、Search & Filter を含めて 11 個を簡単に紹介しています。