WordPress検索にAjaxタクソノミーフィルターを追加する方法

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.