【VK Filter Search Pro】検索ボタンを含めて一列に並べるカスタマイズ

※2024年1月4日更新。

VK Filter Search Proのバージョンアップ（1.11.0による一部仕様変更に対応させるカスタマイズ内容に変更しました。

SWELLマニアの、かんた（@swell_mania）です。

絞り込み検索プラグイン「VK Filter Search Pro」について最近試したカスタマイズを紹介します。

検索オプションを3個と、検索ボタンを横並びに配置するカスタマイズです↓

デモサイト

VK Filter Search Proプラグインの機能だけでは、検索ボタンを横並びにすることは出来ません。

アップデートで設定が消えるのを避けるめ、プラグインファイルやテーマファイルを編集しない方法がベスト。この要件を満たす方法を見つけたので、作業メモをシェアします。

【備考】

本記事ではVK Filter Search Proプラグインの基本操作や、個々の要素のマークアップの解説は含みません。

VK Filter Search Proの基本的な使い方は次の記事をご覧ください。

VK Filter Search Proの使い方を解説！【絞り込み検索プラグインで不動産サイトを作る方法】 | SWELLマニア

カスタマイズの構成

【プラグイン＆テーマ】

・検索プラグイン：VK Filter Search Pro:（ver.1.11.0）
・テーマ：SWELL（2.7.2.1）

※この記事執筆時に利用可能な最新バージョンです。