SearchWPブログ

WordPressのチュートリアル、ヒント、リソースでビジネスを成長させる

WordPressチュートリアルのヒーローバナー:「WordPressで訪問者がタグでナレッジベースをフィルタリングできるようにする方法」ミント色の背景に虫眼鏡を持つ人物

訪問者が特定のトピックに関する回答を探してナレッジベースにアクセスする様子を想像してみてください。タグによるフィルタリングオプションは、まさにその問題を解決します。

80件以上の記事の壁に直面して絞り込む方法がない代わりに、ユーザーはタグフィルターを使用して探しているものを正確に見つけることができます。

残念ながら、WordPressには、訪問者がタグでナレッジベースの検索やドキュメントアーカイブをフィルタリングできるようにする組み込みの方法がありません。しかし、適切なプラグインを使用すれば、ナレッジベースに強力なフィルターを設定できます。

この記事では、WordPressで訪問者がタグによってナレッジベースまたはドキュメントの検索結果をフィルタリングできるようにする方法を説明します。

WordPressでタグによってナレッジベース検索をフィルタリングすることが重要な理由

タグフィルタリングは、ナレッジベースの記事に既に割り当てられているタグに関連付けられた、チェックボックスリストやドロップダウンのような小さなウィジェットを追加します。

訪問者がタグを選択すると、リストはそれにタグ付けされた記事のみに絞り込まれ、新しい検索は不要になります。

この小さな追加機能が、訪問者がナレッジベースを体験する方法を変えることに気づきました。

設定する価値がある理由は次のとおりです。

  • 記事が見つけにくいとサポートチケットが増えます。 適切なドキュメントを見つけられない訪問者は、代わりにサポートチケットを開くことがよくありますが、そのチケットはタグフィルターで節約できたはずのチームの時間を消費します。
  • 長くてフィルタリングされていないドキュメントリストは、新規ユーザーを圧倒します。 何百ものタグ付けされた記事があるナレッジベースは、絞り込む方法がないとテキストの壁になります。
  • キーワード検索だけではトピックベースのブラウジングができません。 「トラブルシューティング」や「請求」のようなカテゴリを探している訪問者は、必ずしも特定のキーワードを入力しているわけではありません。
  • 一般的なアーカイブは、サポートコンテンツの整理方法を反映していません。 チームは意図的にトピックごとにドキュメントにタグを付けますが、WordPressはデフォルトではその構造を訪問者に公開しません。

WPFiltersを使用して、ナレッジベースにタグフィルターを追加して修正しましょう。

ナレッジベースのタグフィルターの追加

コードを書かずに、ドキュメントを含むあらゆるコンテンツタイプにタグフィルターを追加する最も簡単な方法として、WPFiltersをお勧めします。

WPFilters - 最高のWordPressフィルタリングプラグイン

WPFiltersは、SearchWPと同じチームによって構築された、WordPress向けの最高のフィルタリングプラグインです。

これにより、サイト上の任意の投稿タイプに対してカスタムフィルターウィジェットを作成し、タグ、カテゴリ、カスタムフィールドなどの既存のデータに接続できます。

WPFiltersがドキュメントまたはナレッジベースサイトに適している理由は次のとおりです。

  • あらゆる投稿タイプに対応。 WPFiltersは、標準の投稿やページだけでなく、ドキュメントやナレッジベース記事のようなカスタム投稿タイプをフィルタリングできます。
  • 複数のフィルターフィールドタイプ。 訪問者が結果を絞り込む方法に応じて、チェックボックス、ドロップダウン、ラジオボタンなどから選択できます。
  • 共有可能なフィルターURL。 訪問者がタグを選択すると、WPFiltersはその選択をURLにエンコードするため、フィルターされたビューを共有したりブックマークしたりできます。
  • SearchWP連携。 サイトでSearchWPがアクティブな場合、WPFiltersは同じ結果ページでタグフィルターと並んでキーワード検索フィールドを追加できます。

これで、WPFiltersを使用してナレッジベースをタグでフィルタリングする方法を見ていきましょう。

ステップ 1: WPFilters のインストールと有効化

WPFiltersアカウントにサインアップすることから始めることができます。

WPFiltersはSearchWPのAll Accessライセンスに含まれていることに注意してください。そのため、ライセンスキーを取得するにはそのプランが必要です。

サインアップが完了したら、アカウントダッシュボードのDownloadsタブに移動できます。そこから、Download WPFiltersをクリックしてプラグインZIPファイルを保存してください。

WPFiltersプラグインのzipファイルをダウンロード

その際に、ライセンスキーもコピーしておいてください。すぐに必要になります。

次に、WordPressダッシュボードにログインしてプラグインをインストールできます。ZIPファイルからWordPressプラグインをインストールしたことがない場合は、WPBeginnerのステップバイステップガイドで手順を確認してください。

インストール後、WPFiltersを有効化してください。Welcome to WPFiltersのオンボーディング画面が表示されます。Let’s Get Startedをクリックして、画面の指示に従ってライセンスキーを入力してください。

WPFiltersセットアップウィザード

これでWPFiltersの準備が整い、最初のタグフィルターを作成する準備ができました。

ステップ2:新しいフィルター要素を追加する

開始するには、WordPressダッシュボードからWPFilters » Elementsに移動してください。

そこから、画面上部近くにあるAdd Newボタンをクリックしてください。

WPFiltersで新しい要素を追加

新しい要素がデフォルトのタイトルで開きます。横にある鉛筆アイコンをクリックして、「Filter Docs by Tag」のようなわかりやすい名前に変更できます。

次に、Filter Fieldsセクションまでスクロールダウンします。ここでは、訪問者が一度に複数のタグを選択できるため、フィールドタイプとしてCheckboxを選択することをお勧めします。

希望するフィルタータイプを作成する

ステップ3:タグ分類をデータソースとして接続する

その後、Data Sourceセクションまでスクロールダウンします。ドロップダウンをクリックし、Taxonomiesグループの下を探してください。

WPFiltersがサイトに既に登録されているすべての分類をプルすることがわかります。そのため、ナレッジベースプラグインのタグ分類がここに自動的に表示されます。たとえば、BetterDocsを使用している場合は、同じリストでそのタグ分類を探すことができます。

見つけたら、ドロップダウンからその分類を選択できます。

BetterDocsは、ここで互換性のあるナレッジベースプラグインの一例にすぎないことに注意してください。同じ手順は、ドキュメントにタグを付ける任意のプラグイン、またはナレッジベースが標準のWordPress投稿で実行されている場合は、プレーンなTags分類でも機能します。

ドキュメントタグのデータソースを選択

ステップ 4: フィルター設定のカスタマイズ

データソースを接続したら、次にContainerセクションまでスクロールダウンできます。

ここで、訪問者がフィルターの上にラベルを表示できるように、Show Titleをオンにすることができます。

訪問者が小さな画面でフィルターを非表示にできるようにしたい場合は、Collapsibleもオンにしてください。

フィルターオプションをスタックするのではなく、左から右に実行したい場合は、Horizontalをオンにすることができます。

フィルタコンテナ設定を編集

そこから、Itemsセクションまでスクロールダウンできます。

各タグに一致する記事数を表示するアイテム数をオンにできます。

小規模なナレッジベースを運営している場合は、空の表示をオンにすることもお勧めします。これをオフにすると、一致する記事がゼロのタグはリストから完全に消えてしまい、フィルターが壊れているように見えるかもしれませんが、実際には期待どおりに機能しています。

フィルターのアイテム設定を編集

タグに親子関係があり、訪問者に見せたい場合は、階層表示もオンにできます。

設定に満足したら、保存をクリックし、右側のパネルでライブプレビューを確認して、どのように表示されるかを確認してください。

ドキュメントタグフィルターを保存

ステップ5:ドキュメントページにフィルターを表示する

フィルターが設定されたので、要素エディタの上部にある埋め込みボタンをクリックできます。

これにより、ページに埋め込むポップアップが開きます。

埋め込みモードの下で、ブロックエディタでドキュメントページまたはテンプレートを編集している場合は、Gutenbergブロックを選択できます。これはほとんどのサイト所有者にとって最も簡単なオプションです。

検索フィルターを埋め込む

テーマまたはページビルダーがGutenbergブロックをサポートしていない場合は、代わりにショートコードを選択できます。

どちらのオプションも同じフィルターをページに配置するので、セットアップに合った方を選択してください。

ただし、このステップは使用しているWordPressテーマによって若干異なる場合があることに注意してください。特に、フィルターをサイドバーまたはウィジェット領域に追加する場合です。

ドキュメントにWPFiltersブロックを追加

WPFilters Elementブロックを追加した後、右側の設定パネルからナレッジベースのタグフィルターを選択できます。

完了したら、ページを発行または更新するだけです。

ドキュメントタグフィルターを選択

最終ステップ:タグフィルターをテストする

すべてが整ったら、フロントエンドでドキュメントページにアクセスして、新しいタグフィルターが実際に機能していることを確認できます。

「入門」タグをクリックし、「入門」というタグが付いた記事のみがリストに表示されることを確認してください。

それが確認できたら、その選択をクリアして、サイトでSearchWPがアクティブな場合は、タグフィルターとキーワード検索を組み合わせて試すことができます。

ボーナス:タグフィルタリングとキーワード検索を組み合わせる

サイトでSearchWPがアクティブな場合は、ステップ2の新規追加要素プロセスと同じプロセスを使用して、タグフィルターの横に検索フィールドを追加できます。

WPFiltersは、その検索フィールドを自動的にSearchWP経由でルーティングするため、訪問者は同じ結果ページでタグで絞り込み、キーワードで検索できます。

これには、SearchWPのオールアクセスに含まれるWPFiltersと、アクティブなSearchWP検索エンジン以外に必要なものはありません。

SearchWPとのWPFilters統合を有効にする

まだドキュメントにSearchWPを設定していない場合は、WordPressでナレッジベースを検索可能にする方法に関するガイドをご覧ください。

よくある質問

1. WordPressでコーディングせずにドキュメントをタグでフィルタリングできますか?

はい。WPFiltersは、コーディング不要のビジュアルビルダーを使用して、ドキュメントまたはナレッジベースにタグフィルターを追加します。フィールドタイプを選択し、タグタクソノミーに接続し、Gutenbergブロックまたはショートコードで埋め込みます。

2. WPFiltersはBetterDocsや他のナレッジベースプラグインと連携しますか?

WPFiltersは、WordPressのタクソノミーを使用してコンテンツを整理するあらゆるプラグインと連携します。これは、サイト上の登録済みタクソノミーがすべてデータソースオプションとして表示されるためです。これには、BetterDocsや、記事にタグ付けするほとんどの他のナレッジベースプラグインが含まれます。

3.訪問者は一度に複数のタグでフィルタリングできますか?

はい、フィルター要素を作成する際にチェックボックスフィールドタイプを選択した場合です。訪問者は同時に複数のタグを選択でき、WPFiltersはそれらの選択に一致する記事に結果を絞り込みます。

4.タグフィルターは既存のナレッジベース検索と連携しますか?

はい。SearchWPがアクティブな場合、WPFiltersはタグフィルターの隣に検索フィールドを追加できるため、訪問者は同じ結果ページでキーワード検索とタグ選択を組み合わせることができます。

5.タグによるフィルタリングはドキュメントページを遅くしますか?

いいえ。WPFiltersはAJAXを使用してページをリロードせずに結果を更新し、フィルターデータをキャッシュするため、より大きなナレッジベースでも繰り返しリクエストは高速に保たれます。

次は何をしますか…

これで、訪問者は公開したすべてのものをスクロールするのではなく、タグでナレッジベースまたはドキュメントの結果を絞り込む方法を得ました。

この記事が、訪問者がタグでナレッジベース検索をフィルタリングできるようにする方法を学ぶのに役立ったことを願っています。

また、WordPressでWooCommerce製品をフィルタリングする方法WordPressで複数のタクソノミーでフィルタリングする方法に関するガイドも参照してください。

ナレッジベースを閲覧しやすくする準備はできましたか?WPFiltersから始めることができます。

著者アバター
アジム・アクター

今日からより良いWordPress検索エクスペリエンスを作成しましょう

役に立たない検索結果で訪問者を失うことはもうありません。SearchWPを使用すると、独自のスマートなWordPress検索をすばやく簡単に作成できます。

今すぐSearchWPを入手
複数の検索エンジンアイコン