最も必要とされている時に、信頼できるWordPressチュートリアルを。
WordPress入門ガイド
WPBカップ
2500万人以上
当社のプラグインを使用しているウェブサイト
16+
WordPress経験年数
3000+
専門家によるWordPressチュートリアル

WPFiltersのご紹介:WordPressに高度な検索フィルターを追加する最も簡単な方法

AmazonやAirbnbの検索フィルターを見て、自分のウェブサイトのコンテンツもそれと同じくらい簡単に見つけられるようにしたいと思ったことはありませんか?

訪問者が「価格:安い順」、「評価:星4つ」、「色:青」などの検索フィルターでいくつかのオプションをクリックするだけで、完璧な結果が即座に表示されると想像してみてください。

残念ながら、市場に出回っているほとんどのフィルタリングツールは、非常に複雑であるか、設定に開発者を雇う必要があるか、またはWooCommerceストアに厳密に限定されています。

訪問者が探しているコンテンツを見つけるのを手助けすることが、こんなに難しいべきではありません。

だからこそ本日、WordPressに「Amazon風」のファセット検索を完全にシームレスに追加できる画期的なプラグイン、WPFiltersのローンチを発表できることを嬉しく思います。

wpfiltersの紹介

私たちは、必要なものが見つからない訪問者を失うのをやめる手助けをするためにこのツールを構築しました。ブログ、eコマースストア、ディレクトリのいずれであっても、WPFiltersを使用すると、ユーザーはカテゴリ、タグ、カスタムフィールドなどで投稿、製品、カスタムコンテンツをフィルタリングできます。

WordPressサイトを数分でプロフェッショナルな検索可能なデータベースに変える、究極のナビゲーションアップグレードと考えてください。

背景ストーリー – なぜWPFiltersなのか?

数年前、私たちはSearchWPを買収し、壊れたデフォルトのWordPress検索を修正しました。現在、50,000以上のサイトオーナーが、オーディエンスに適切な結果を表示するのに役立っています。

コミュニティが成長するにつれて、フィードバックの中に一貫したパターンがあることにすぐに気づきました。

検索バーはすべての適切なコンテンツを見つけるようになりましたが、ユーザーはサイト訪問者がそれらの結果を絞り込む方法を求めていました。

例えば、訪問者がブログで「朝食レシピ」のような一般的な用語や、ストアで「靴」を検索した場合、何百もの結果が得られる可能性があります。ユーザーは私たちに、「訪問者がこれらの結果をフィルタリングして、探しているものを見つけるのを手伝うにはどうすればよいですか?」と書いてきました。

市場に出回っているほとんどのフィルタリングツールは、それらをサイトで機能させるためだけに開発者を雇うことを期待しています。その時、ファセット検索が「プレミアム」機能になったことに気づきました。つまり、予算の大きい大企業だけが現実的に提供できるものだったのです。

それは私にとって納得のいくものではありませんでした。強力なウェブサイト機能は、コーディングできる人だけでなく、誰もが利用できるべきだと信じています。

そこで、チームと話し合い、次のような課題を設定しました。Amazonと同等の強力なフィルタリングソリューションを構築しましょう。ただし、WordPressブロックエディターのように簡単に使えるようにしましょう。

それがまさにWPFiltersが提供するものです。 

WPFiltersの概要はこちらです。ビデオをご覧ください。

WPBeginnerを購読する

WPFiltersとは何ですか?

wpfiltersホームページ

WPFiltersは、複雑なコードを書かずに高度な検索フィルターを作成できる強力なWordPressフィルタリングプラグインです。

開発者の世界では、これは「ファセット検索」と呼ばれます。しかし、あなたとあなたの訪問者にとっては、単に即座の明確さを意味します。

WPFiltersを使用すると、カテゴリ、タグ、またはカスタムデータに基づいてカスタムフィルターセットを構築し、サイトのどこにでも配置できます。これにより、訪問者はコンテンツをドリルダウンして、必要なものを数秒で見つけることができます。

無関係な結果のページをスクロールする代わりに、単に「カテゴリ」のチェックボックスをオンにしたり、「価格」のスライダーをスライドしたりできます。

デフォルトのWordPress検索を使用している場合でも、強力なSearchWPエンジンを使用している場合でも、WPFiltersは、サイトの閲覧を楽しくするフロントエンドインターフェイスを作成します。

特別な点は次のとおりです。

1.複数の入力タイプで「Amazon風」フィルターを作成する

AmazonやAirbnbのような主要なサイトを見ると、フィルターオプションを簡単に使用して適切な結果を見つけられることに気づくでしょう。 

単一選択にはラジオボタン、複数選択にはチェックボックス、価格帯にはビジュアルスライダーを使用しています。

wpfilters Amazonの例

これはまさにWPFiltersがあなたのサイトにもたらす体験です。データに一致する完璧な入力コントロールを割り当てることができ、あなたのサイトはプロフェッショナルなカスタムコーディングされたアプリのように感じられます。

パブリッシャーやブログオーナーにとって、これは標準のカテゴリができることをはるかに超えています。たとえば、訪問者が「ビーガン」のレシピで、「30分以内」かつ「5つ星評価」という条件を組み合わせることを可能にできます。

このような詳細なドリルダウンは、読者が探しているものを即座に見つけるのに役立ち、サイトに長く滞在させます。

WPFiltersには、さまざまなニーズに対応する多様な入力タイプが用意されています。

フィルターフィールド
  • チェックボックス:ユーザーが一度に複数のオプションを選択できます(カテゴリやタグに最適)。
  • ラジオボタン:ユーザーに単一の排他的な選択をさせたい場合に最適です。
  • ドロップダウン(単一選択&複数選択):画面スペースを節約しながら、強力な並べ替えオプションを提供します。
  • 範囲スライダー:価格、重量、サイズなどの数値データをフィルタリングする視覚的な方法です。
  • 検索バー:ユーザーが特定のキーワードで結果リストをフィルタリングできるようにします。
  • リセットボタン:ユーザーがすべてのフィルターをクリアして最初からやり直すためのワンクリックの方法です。

あらゆるものをフィルター:カテゴリ、タグ、カスタムフィールド&その他

あなたのWordPressサイトには貴重なデータが満載ですが、そのほとんどは訪問者から隠されています。通常、一般的なカテゴリアーカイブにリンクできるだけで、それでおしまいです。著者やカスタムフィールドのような特定の条件でユーザーにフィルタリングさせたい場合、通常は運が悪いです。

WPFiltersは、そのすべてのデータをアンロックし、クリック可能なフィルターに変換します。標準のカテゴリだけでなく、データがWordPressに存在すれば、それをフィルターできます。

これには、標準のカテゴリ、タグ、またはカスタムタクソノミー(製品カテゴリ、ジャンルなど)が含まれます。

追加の詳細を保存するためにAdvanced Custom Fieldsを使用している場合、WPFiltersはこれらのフィールドを自動的に検出し、それらをフィルターとして即座に使用できます。

フレキシブルな埋め込みオプションで、どこにでもフィルターを表示

すべてのWordPressサイトは異なる方法で構築されています。モダンなブロックエディターを好む方もいれば、SeedProdやDiviのようなページビルダーを好む方もいます。私たちは、サイトがどのようにセットアップされていても、既存のワークフローにシームレスに適合するようにWPFiltersを構築しました。

フィルターを構成したら、どこに表示するかを完全に自由に制御できます。WordPressブロックエディター(Gutenberg)を使用している場合は、単にWPFilters Elementsブロックを検索して、ページ上のどこにでもドロップしてください。エディター設定とネイティブに統合されます。

wpfiltersブロック

または、SeedProd のようなページビルダーを使用している場合や、Classic Editor を使用したい場合は、各フィルターに提供されるユニークなショートコードを使用できます。コピーして、埋め込みたい場所に貼り付けるだけです。

開発者であれば、WPFilters はすぐに使用できる PHP スニペットにもアクセスできるため、テンプレートファイルにフィルターを直接ハードコーディングできます。

ユーザーエクスペリエンス (UX) のスマートコントロール

フィルターリストが長すぎたり、結果のないオプションが表示されたりすると、訪問者をイライラさせる可能性があります。WPFilters には、フィルターがクリーンでプロフェッショナルに見えるようにするためのいくつかのスマートコントロールが付属しています。

フィルター要素の動作とレイアウトを完全に制御できます。

  • 折りたたみ可能なセクション: フィルターリストが長い場合は、セクションを折りたたみ可能にできます。これにより、特にモバイルデバイスで貴重な画面スペースを節約できます。
  • アイテム数: 各フィルターオプションの横に結果の数を自動的に表示します(例:「マーケティング (12)」)。これにより、ユーザーはクリックする前に正確な投稿数を把握できます。
  • 空のオプションを非表示: 結果がゼロのオプションを非表示にすることができます。これにより、ユーザーがカテゴリをクリックしても「結果が見つかりませんでした」というメッセージが表示されるという、煩わしい体験を防ぎます。
  • 「さらに表示」リンク: いくつかのオプションのみを表示し、残りを「さらに表示」リンクの後ろに隠すことで、サイドバーをすっきりと保ちます。
  • 横レイアウト: 標準の縦リストの代わりに、チェックボックスやボタンを横並びに表示できます。これはトップバーフィルターに最適です。

SearchWPチームが開発

WPFiltersは、何千ものWordPressウェブサイトオーナーに信頼されている主要な検索プラグインであるSearchWPの背後にあるのと同じチームによって構築されています。

何年もの間、SearchWPはWordPressの検索関連性(バックエンド)を改善するためのゴールドスタンダードでした。ユーザーが「青い靴」を検索したときに、実際に青い靴が見つかるようにしました。

しかし、適切な結果を見つけることは戦いの半分に過ぎないことに気づきました。それらを閲覧しやすい方法で提示することも同様に重要です。

そのため、WPFiltersを開発しました。

SearchWPに期待されるレベルのコード品質と信頼性を、サイトのフロントエンドにもたらしたいと考えました。WPFiltersはデフォルトのWordPress検索でも美しく機能しますが、SearchWPの完璧なコンパニオンとなるように設計されています。

これらを組み合わせることで、高価なSaaSサブスクリプションやカスタム開発を必要とせずに、関連性とユーザビリティの両方を向上させた、完全なエンタープライズグレードの検索エクスペリエンスを提供します。

次は何が来る?

このローンチは始まりに過ぎません。

私たちはここで本当に特別なものを作っており、あなたにもその一部になってほしいと思っています。私たちの目標は、WPFiltersをWordPressにとって最高のフィルタリングソリューションにすることであり、それを達成するための最良の方法は、あなたに耳を傾けることです。

私たちはエキサイティングなロードマップを用意していますが、あなたが本当に必要としているものを構築していることを確認したいのです。新しいフィルタータイプ、統合、またはあなたの生活を楽にする機能のアイデアがあれば、提案をお送りください

私たちは耳を傾けており、今後何年にもわたって皆様にサービスを提供し続けることを楽しみにしています。

敬具

サイード・バルキ
WPBeginner創設者

開示: 当社のコンテンツは読者によってサポートされています。これは、一部のリンクをクリックすると、手数料が発生する可能性があることを意味します。WPBeginnerがどのように資金調達されているか、なぜそれが重要なのか、そしてどのように私たちをサポートできるかを確認してください。こちらが当社の編集プロセスです。

究極のWordPressツールキット

無料のツールキットにアクセスしましょう - すべてのプロフェッショナルが持つべきWordPress関連の製品とリソースのコレクションです!

読者とのインタラクション

コメント

  1. おめでとうございます。この記事の最初のコメント者になる機会を得ました。
    質問や提案はありますか?コメントを残して、議論を開始してください。

返信する

コメントいただきありがとうございます。すべてのコメントは、コメントポリシーに従ってモデレーションされ、メールアドレスは公開されません。名前フィールドにキーワードを使用しないでください。個人的で意味のある会話をしましょう。