WordPressの検索にAjaxタクソノミーフィルターを追加することで、ユーザーエクスペリエンスを大幅に向上させることができます。カテゴリー、タグ、カスタムフィールド、投稿タイプに基づいて検索することができます。
初期設定のWordPress検索には、このような高度な機能がありません。これが、私たちが自分のサイトでカスタム検索を使い始めた主な理由の一つです。
この投稿では、WordPressの検索にAjaxを使ったタクソノミーフィルターを追加する方法を説明します。
なぜWordPressの検索でAjaxタクソノミーフィルターを使うのか？
Ajaxを利用した検索は、WordPressの初期設定の検索機能よりも高速で、より優れたユーザー体験を提供します。
例えば、カーディーラーのサイトでは、異なる車種、価格帯、モデルなどのカスタマイザーがあるかもしれません。Ajaxフィルターは、ユーザーが必要なものを正確に見つけるのに役立ちます。
WordPressでも同様の検索フィルターを追加して、サイトのユーザー体験を向上させることができます。WordPressはまた、サイト管理者がユーザーが簡単にコンテンツを見つけられるように整理する手助けもします。
しかし、WordPressの初期設定の検索はそれほど強力ではなく、カテゴリー、タグ、投稿タイプ、商品詳細などに基づいてコンテンツをフィルターする機能を提供していません。サイトでカスタムのタクソノミーを使用している場合、初期設定の検索はさらにパフォーマンスが悪くなります。
そこで、WordPressプラグインが必要になります。以下のセクションでは、WordPressの検索にAjaxタクソノミーフィルターを追加する2つの方法について説明する。
最初の方法は、WordPressサイトのフロントエンドにフィルターを表示するのに役立ちます。2つ目の方法は、WordPressの初期設定の検索を改善し、サイト上の投稿やページを検索する際にタクソノミーを含めるのに役立ちます。
以下のリンクをクリックして、お好きなセクションにお進みください：
準備はいいかい？始めよう
方法1：SearchWPを使用してWordPress検索にAjaxタクソノミーを追加する
WordPressの検索にAjaxタクソノミーを追加する最も簡単な方法は、SearchWPを使用することです。これはWordPressのための最高の検索プラグインであり、ユーザーがあなたのサイトで探しているものを簡単に見つけることができます。
SearchWPは、ブログの投稿日やページのコンテンツだけを使って検索するのではありません。SearchWPはカスタムフィールド、タクソノミー、WooCommerce商品属性、テキストファイル、カスタムテーブルなどを使用します。
SearchWPはあなたのサイトのフロントエンドにタクソノミーフィルターを表示しません。しかし、検索プロセスにそれらを含め、初期設定のWordPress検索を改善します。
まず、SearchWPのサイトにアクセスし、アカウントにサインアップしよう。その後、プラグインをダウンロードしてサイトにインストールします。ヘルプが必要な場合は、WordPressプラグインのインストール方法のガイドをご覧ください。
有効化した後、WordPressの管理画面からSearchWP ” Settingsに移動する必要があります。ここからライセンスキーを入力します。ライセンスキーはアカウントエリアで簡単に見つけることができます。
これで、WordPressダッシュボードからSearchWP ” Algorithmに行くことができます。
ここから、サイトの検索関連性を編集することができます。例えば、ユーザーが探しているものを見つけやすくするために、タイトル、コンテンツ、スラッグ、抜粋のウェイトを増やすことができます。
検索関連にタクソノミーを追加するには、「属性の追加/削除」ボタンをクリックします。
新しいウィンドウが開きます。
タクソノミー」ドロップダウンメニューをクリックし、カテゴリー、タグ、フォーマット、またはこれらすべてをWordPress検索に含めるかどうかを選択できます。
タクソノミーを選択したら、忘れずに「完了」ボタンをクリックしてください。
WordPressブログ投稿検索アルゴリズムのタクソノミーが表示されるはずです。スライダーを使用して、WordPress検索での関連性を高めることができます。
また、「ルールの編集」ボタンをクリックして、検索結果に表示できるコンテンツと表示できないコンテンツを決定することもできます。
例えば、SearchWPはサイト上のすべてのカテゴリーを含めます。コンテンツを表示させたくないカテゴリーを削除したり、複数の条件を追加して検索結果をカスタマイズすることができます。
終了したら「完了」ボタンをクリックするのをお忘れなく。
ページ、メディアファイル、WooCommerce商品などをSearchWPに表示するための検索アルゴリズムを編集できるようになりました。
これで、訪問者がサイト上のページや投稿を検索するときはいつでも、SearchWPは検索プロセス中にタクソノミーが含まれるようになります。
方法2：Search & Filterプラグインを使ってAjaxタクソノミーフィルターを追加する。
サイトにAjaxタクソノミーフィルターを追加するもう一つの方法は、Search & Filterのような無料のWordPressプラグインを使用することです。少しコーディングが必須ですが、それでも使いやすく、ユーザーがカテゴリー、タグ、カスタマタクソノミー、投稿タイプなどに基づいて検索することができます。
まず、Search & Filter WordPress プラグインをインストールして有効化する必要があります。詳しくは、WordPressプラグインのインストール方法をご覧ください。
有効化すると、サイト上の任意の場所にAjaxタクソノミーフィルターを表示するショートコードを追加することができます。
例えば、カテゴリーと投稿タイプのドロップダウンフィルターを表示するには、以下のショートコードを入力します：
[searchandfilter fields="search,category,post_tag"]
一方、カテゴリーやタグの見出しを表示したい場合は、以下のショートコードを追加します：
[searchandfilter fields="search,category,post_tag" headings=",Categories,Tags"]
Ajaxタクソノミー検索フィルターはデモサイトではこんな感じです。
スクリーンショットでは、サイドバーにフィルターがあり、ユーザーはドロップダウンメニューを使ってカテゴリーやタグを選択することができる。
このプラグインでは、フィルターをラジオボタンやチェックボックスとして表示することもできます。
タクソノミーフィルターをチェックボックスとして表示するには、サイト上の任意の場所に以下のショートコードを追加します：
[searchandfilter fields="search,category,post_tag" types=",checkbox,checkbox" headings=",Categories,Tags"]
上のスクリーンショットでは、タクソノミーフィルターがチェックボックスとして表示されています。ユーザーは投稿やページを表示したいカテゴリーを選択するだけです。
この投稿が、あなたのサイトの WordPress 検索に Ajax を使用したタクソノミーフィルターを追加するのにお役に立てば幸いです。WordPress 検索を改善する方法と 中小企業に最適なライブチャットソフトウェアについてのガイドもご覧ください。
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Jiří Vaněk
Thanks for the advice on how to improve my blog search. I will try the SearchWP Live Ajax Search plugin. The only thing that discourages me a bit from using it is that it was only tested on WordPress version 6.2 and now we already have WordPress version 6.4.2. So hopefully an update will come very soon.
WPBeginner Support
If you also reach out to the plugin’s support you can normally let them know and they can look to update or let you know if they have a reason why they have not updated the tested version
管理者
Jiří Vaněk
Thanks for the advice, I will try to ask on the official forum directly on wordpress.org, because this plugin appeals to me mainly on those sites that have more articles and categories for a much better search experience. At the same time, when it’s not about my sites, I’m a little worried about security. Thank you for the advice.
Dylan
Is there anything like this plugin that is currently maintained? This plugin hasn’t been updated in a while.
realmag777
And one more thing – qTranslate friendly!+
James
Thanks for the recommendation. I went to install this plugin and found that the plugin author is no longer updating Ajax WP Query Search Filter.
Instead, he’s rolled this plugin into his newer one (which he’s still supporting): Ultimate WP Query Search Filter http://wordpress.org/plugins/ultimate-wp-query-search-filter/
WPBeginner Support
James, thanks for notifying us.
管理者
Mohammed Debashi
Can this plugin do search filters for a category, and its children. not sure if I am explaining myself properly. but something along the lines of Country -> State -> City..etc
Also is it compatible with WPML
Mike
Hey, thanks for this! Quick question: I’m having trouble applying jQuery stuff like tooltips to the AJAX content loaded, I guess because it only applies to content loaded upon initial page load. Any ideas on how to make the AJAX content get recognized? Thanks!
Thomas
Hi,
Which template file this plugin is looking for when displaying restults ?
Thanks !
th.
Zakaria
Hello!
I think Advance WP Query Search Filter is a lot better.
Piet
Cool, is the Ajax WPQSF plugin compatible with Relevanssi?
WPBeginner Support
We haven’t tested it with Relevanssi so we can’t say for sure.
管理者