WordPress Web サイトのフィルター検索を使用して画像ギャラリーを作成する方法

何年も前に、ニッチなサイト向けのフィルタリングされた検索ソリューションを探していたことを覚えています。 当時私が思いついた最善の方法は、いくつかの不動産の WordPress テーマをハッキングすることでした。 明らかにアイデアではありません。

幸いなことに、WordPress プラグインは長い道のりを歩んできましたが、まだ思ったほど簡単ではありません.

フィルター検索画像ギャラリーとは何ですか?

これは、Web サイトの訪問者がさまざまな検索パラメーターを選択して画像検索を絞り込むことができる画像ギャラリーです。多くの場合、ドロップダウン メニューやチェック ボックスを使用します。 これの別の用語は、パラメトリック検索です。

私のニッチな 2 つのサイトは画像中心なので、訪問者にフィルタリングされた検索を提供できることは、彼らにとって素晴らしいユーザー エクスペリエンス ツールです。

Web サイトでフィルター検索を提供したい理由は何ですか?

すべてのサイトがフィルタリングされた検索の恩恵を受けるわけではありませんが、一部の種類のサイトにはメリットがあります。 たとえば、不動産サイトは大きな利益をもたらします。 フィルタリングされた検索を使用すると、訪問者は、価格、寝室の数、バスルームの数、および提供するその他の基準 (分類法) などの複数の検索基準を使用して家を検索できます。

フィルタリングされた検索があなたのサイトにとって理にかなっている場合、それは訪問者が高く評価する非常に便利なツールです.

何年にもわたって、フィルター検索を設定するために見つけられるあらゆるツールを試してきました。 いくつかは素晴らしいです。 あまり良くないものもあります。

どのツールを選択するかは、設定​​方法や、訪問者に検索してもらいたいコンテンツの種類によっても異なります。 たとえば、投稿またはページのカスタム投稿タイプのフィルター検索を提供したい場合があります。 私、フィルターをかけた画像検索を提供する必要があります。

私のニッチなサイトで動作するように、フィルタリングされた（パラメトリック）検索を行うために私がしたことは次のとおりです。

以下では、サンプル ギャラリーのスクリーンショットを使用しています。

フィルタリングされた検索でサンプル画像ギャラリーにジャンプ!

ステップ 1: カスタム投稿タイプ UI プラグイン

• 無料

カスタム投稿タイプ UI プラグインは、カスタム分類法を作成するための主要なプラグインです。 複雑な分類法を設定している場合は、間違いなくこのプラグインが必要になります。 分類構造が単純な場合は、次のツールだけで問題を解決できる可能性があります。

このプラグインをインストールしたら、タクソノミーを作成する必要があります。 複雑な場合は、慎重に計画してください。 何千もの画像や投稿に分類法を割り当てた後、元に戻すのは大変な作業です。

以下のスクリーンショットは、カスタム投稿タイプ UI プラグインを使用してカスタム分類法を作成する方法を示しています。

カスタム分類法を作成したら、各カスタム分類法にさまざまな基準/オプションを追加します。

たとえば、自動車の Web サイトを構築している場合、上の画面で作成するカスタム分類法は「色」になります。 「色」に配置する基準/オプションは、「赤」、「白」、「青」などです。

ステップ 2: 拡張メディア ライブラリ プラグイン

• 無料版とプレミアム版

強化されたメディア ライブラリ プラグインにより、メディア ライブラリ内の各画像にカスタム分類を割り当てることができます。 組み込みのメディア カテゴリとタグがあります。 前述のように、メディア カテゴリとタグだけですべてを分類的に整理できる場合は、カスタム投稿タイプ UI プラグインは必要ありません。 より堅牢な分類構造が必要な場合は、カスタム投稿タイプ UI と拡張メディア ライブラリ プラグインの両方が必要になります。

タクソノミーを設定したら、適用可能なタクソノミーを各画像に割り当てるのは非常に簡単です。 メディア ライブラリの画像をクリックするだけで、右側に適用される分類を確認できます。 私のように何千もの画像がある場合、これは面倒です。 したがって、私はこの仕事をするためにここで 2 人の VA を雇いました (そして彼らはとてもうまくやっています)。

メディア ライブラリにチェック ボックスを表示するには、次の手順を実行します。

設定 => メディア => メディア分類法 (タブです) => 以下に示すように、ページを「オプション」セクションまでスクロールします。

ステップ 3: 画像をアップロードするか、投稿を作成する

分類法を画像に割り当てる場合は、画像をアップロードして分類法を割り当てます。 フィルタリングされた投稿グリッドを作成している場合は、それらの投稿を作成して公開し、その間に該当する分類法を適用します。

タクソノミーでタグ付けする画像/投稿が数百または数千ある場合、これは非常に時間のかかる作業になる可能性があります。

ただし、次のステップに進むには、フィルタリングするものが必要です。そのため、フィルタリング可能なギャラリーまたはフィルタリング可能な投稿グリッドを設定する前に、これを行う必要があります。

画像をアップロードしたら、メディア ライブラリの画像をクリックすると、カスタムの分類法とメディア カテゴリが次のように右側に表示されます (下のスクリーンショットを参照)。

各画像をクリックして、該当するものすべてにチェックを入れるだけです。 数百または数千の画像がある場合、これは非常に面倒なことになると想像できます。

参考までに、エンハンスト メディア ライブラリ プラグインのプロ バージョンでは一括タグ付けが許可されていますが、一括タグ付けを選択するすべての画像に同じオプションを適用する必要があります。 プロバージョンは、この機能に加えてコストに見合う価値があると言えます.

ステップ 4: コンテンツ ビュー プロ プラグイン (CVP)

• 無料版とプレミアム版

これをすべてセットアップするための最後のツールは、Content Views Pro プラグインです (Content Views Pro の完全なレビューはこちらでお読みください)。 無料版もありますが、フィルタリングされた検索ツールをウェブサイトに表示したい場合は、プロ版が必要です。 参考までに、CVP ではフィルター ツールを「シャッフル フィルター」と呼んでいます。

CVP を使用すると、フィルタリングされた検索画像ギャラリーまたは投稿グリッドを非常に簡単に作成できます。

次の手順を実行してください。

上のスクリーンショットで、「コンテンツ タイプ」に「メディア」を選択したことに注意してください。 画像用です。 ただし、Content Views Pro を使用すると、投稿、カスタム投稿タイプ、ページ、およびクーポンを使用してこれらのギャラリーを作成できます。

以下では、ギャラリーにフィルターを適用したり、ギャラリーから除外したりする画像を正確に設定します。

次に、表示設定に切り替えます。 お好みに合わせてカスタマイズしてください。 多くの表示オプションが利用可能です。

最後に、シャッフル フィルターを設定します。

Content Views Pro は投稿またはカスタム投稿タイプでフィルタリングしますか?

はい、そうです。 単なるギャラリー プラグインではありません。 これは、素晴らしいグリッドとフィルター検索およびギャラリー プラグインのすべてが、WordPress Web サイト用の非常に便利な 1 つのツールにまとめられたものです。

ステップ 5: CVP ショートコードを使用してギャラリーを投稿またはページに挿入する

最後のステップは、CVP ショートコードを取得し、フィルタリングされた検索ギャラリー/投稿グリッドが表示される投稿またはページに配置することです。

これはとても簡単です。 CVP によって生成されたショートコードをコピーするだけです。

以下は、フィルターを介して検索できる画像ギャラリーの例です。

ステップ 6: コンテンツを追加する (オプション)

フィルタリングされた検索ギャラリーまたは投稿グリッドを表示する投稿/ページに追加のコンテンツを追加することを検討してください。 それは完全にあなた次第です。 通常、最低でも 150 語を追加します。 多くの場合、ギャラリーの前後に 400 ～ 600 語のコンテンツを追加します。

それだけです。

試してみる他の2つの確かなオプション

上記が気に入らない場合は、Web サイトの訪問者向けにフィルタリングされた検索機能を作成する別の方法があります。 以下を確認してください。

1.ファセットWP:

これにより、非常に優れたパラメトリック検索ページが作成されますが、Content Views Pro よりも使用が複雑です。 PHP について少し知っておく必要がありますが、それが機能するようになれば、結果は驚くべきものになります。 これがデモです。 はい、あなたは感動するでしょう。 Caldera Clarity for FacetWP を使用すると、PHP 要件を回避できます。

FacetWP と Caldera Clarity の両方を使用しました。 それらはうまく機能しますが、Content Views Pro は使いやすく、多くのフィルタリングされた検索ギャラリーをより速く作成できるため、私は CVP を使い続けました。 そうは言っても、FacetWP を選択する理由は完全に理解できます。 検索インターフェースは素晴らしいです。

2. WP の種類:

この開発者は、非常に複雑なパラメトリック検索 Web サイトを作成するために購入できるプラグインとテーマの完全なスイートを提供します。 ただし、学習曲線は急勾配です。 買って試して諦めました… この時点で Content Views Pro の使いやすさを知っていたので、簡単に諦めました。 紹介サイトをいくつか紹介します。

私はどれを提案しますか？

テクノロジー、CSS、およびコーディングの理解に長けているなら、WP Types は利用可能な最も堅牢で複雑なフィルター検索プラグインだと思います。 たくさんのことができますが、習得するのはそれほど簡単ではありません。

FacetWP のフィルタリングされた検索表示のクリーンで非常にユーザー フレンドリーなインターフェイスが気に入った場合は、それを使用してください。 私はその選択に少しも異議を唱えることはできません。

私は主に CVP を使用しており、非常に満足しています。 開発者チームは常に新しい機能を追加しています。 私は常に機能を提案しており、そのうちのいくつかは組み込まれているため、このプラグインには、より多くの WordPress Web サイトがフィルタリングされた検索機能を提供するのを助けるという点で、非常に堅実な未来があると信じています.