一般社団法人魚沼薬剤師会
この記事はアフィリエイト広告を利用しています。
弊社が制作させていただいた、一般社団法人魚沼薬剤師会様のウェブサイトがリニューアル公開されました。
サイトを WordPress で制作し、コーポレートサイトで多くの実績と人気を持つ Lightning をテーマとして使用しています。
VK Filter Search Pro をカスタマイズして使いやすい薬局検索を実装
今回のリニューアルのいちばんの目的は地域の薬局の情報を提供することで、その目的達成のためにベクトルさんが開発・販売している高度な絞り込み検索プラグイン VK Filter Search Pro をカスタマイズして使いやすい薬局検索フォームを実装しました。
フォームを表示したときに詳細条件の入力欄を非表示

多くの場合、ユーザー自身が住んでいるエリア(市・町)を選んで探すので、フォームを表示した時点ではエリア以外の検索条件を非表示にしてあります。
[さらに詳細な条件で検索する] ボタンをクリックすると、以下のように薬局機能、対応サービス、キーワードを入力する欄が現れます。
![[さらに詳細な条件で検索する] ボタンをクリックすると、薬局機能、対応サービス、キーワードを入力する欄が現れます。](https://uonuma-js.com/wp-content/uploads/2024/05/uoyaku-vkfs-2-935x1024.png)
この仕様を実装できるようにベクトルさんの VWS フォーラム に機能追加要望を書かせていただき、VK Filter Search Pro 2.7.2 で カスタム HTML ブロックを使えるようにしていただきました。ベクトルさん、ありがとうございました。
その他に実装した機能
上記以外に薬局検索に実装した機能は以下の通りです。
- 検索にヒットした件数を表示
検索結果の画面の先頭に「該当する薬局がXX件あります。」と表示されます。 - 検索結果で検索条件を非表示
検索にヒットした薬局名を確認しやすいように、検索結果の画面では検索条件を非表示にしてあります。
[検索条件を表示] ボタンをクリックすることにより検索条件の確認ができます。 - 薬局名の五十音順で並べる
薬局名のふりがなのカスタムフィールドを使って、検索結果を五十音順に並べています。
