【Lightning】VK Filter Searchの検索結果順をカスタムフィールドでソートするカスタマイズ

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

WordPress定番絞り込み検索プラグインのVK Filter Search Proで実装したカスタマイズを紹介します！

絞り込み検索サイトの検索結果ページで、不動産サイトなんかによくある「家賃の安い順に並び替える」みたいな機能って便利だなと思い自作してみました↓

デモサイト

デモサイトの「検索する」をクリックすると、条件にあった物件が表示されます。検索結果ページで「賃貸料」、「築年数」などをキーに順番を並び替えるボタンを配置したのが今回のカスタマイズ内容です。

※重要
テンプレートのPHPファイルは一切編集していません。テーマの更新作業をしても設定が消えないようにテーマ内にあるPHPファイルは一切編集しないカスタマイズです！

VK Filter Search Proで作成したフォームで絞り込み検索をしたさいに表示されるページに、順番を並び替えるボタンを設置したカスタマイズ作業メモをシェアします。

※VK Filter Search Proの基本的な使い方はこちら

カスタマイズの構成

【プラグイン＆テーマ】

・検索プラグイン：VK Filter Search Pro:（ver.1.7.0）
・テーマ：Lightning （14.18.1）＋ Lightning G3 Pro Unit（0.17.1 ）

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

【絞り込み対象】

デモサイトでは標準投稿（Post）で物件を投稿しています。

【並び替えボタン】

・賃貸料： カスタムフィールドでの並び替え
・築年数： カスタムフィールドでの並び替え
・掲載日： 投稿を公開した日付での並び替え
・更新日： 投稿を更新した日付での並び替え

【パーマリンク】
「投稿名」を選択しています。

※その他のパーマリンクに関する設定はWordPressインストールした初期設定のままです。

【備考】
今回のカスタマイズは「VK Filter Search Proの検索結果ページ」が対象です。カテゴリー、タグなどその他のアーカイブページは対象外です。

Snow Monkeyでの並び替えは次の記事で解説しています。