【JIN】VK Filter Search Pro検索結果ページ上に表示順を並び替えるボタンを設置するカスタマイズ方法

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

WordPressテーマ「JIN」のカスタマイズメモをシェアします。

今回紹介するのは、絞り込み検索プラグインVK Filter Search Pro有効時の検索結果ページに、並び替えボタンを付けるカスタマイズ方法です。

【デモサイト】

JINの検索結果ページに表示の順番を並び替えするボタンを設置したデモサイトです↓

※サイトURL：https://webrent.xsrv.jp/demo/jin03/

後ほど詳しく解説しますが、記事を投稿した公開日や、編集した日付、カスタムフィールドの値をベースに検索結果を並び替えする機能です。

ECサイトなんかだと、「価格の安い順に並び替える」。
不動産サイトだと、「家賃の安い順に並び替える」、「築年数の新しい順に並び替える」といった機能を見たことはないでしょうか？

今回紹介するのは、VK Filter Search Proで絞り込みんだ後に表示されるページに、任意の並び替え機能を付けるカスタマイズです。

カスタマイズの構成

デモサイトの構成についてです。

【プラグイン＆テーマ】

・検索プラグイン：VK Filter Search Pro:（1.10.0）
・テーマ：JIN（2.710）
・WordPress：6.0

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

【絞り込み対象】

デモサイトでは標準投稿（Post）のみを対象にしています。

【並び替えボタン】

・価格： カスタムフィールド（price）での並び替え
・掲載日： 記事の公開日での並び替え

【パーマリンク】

「投稿名」を選択しています↓

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

関連記事

本記事のカスタマイズテーマは「JIN」です。他のWordPressテーマとVK Filter Search Pro環境下での並び替えカスタマイズは次の記事をご覧ください。