検索結果デザイン、導線リンクの強化など追加(般若ビルダーサーチ1.7.0)

検索結果の新デザイン、導線リンクの強化などに対応した絞り込み検索&並び替えプラグイン「般若ビルダーサーチ1.7.0」をリリースしました。

新機能1:検索結果デザインに「右に数値表」を追加

今まで、PCでは数値表は各アイテムの上部に表示していたのですが、右に数値表を表示するバージョンも用意しました。

また、右に数値表のスマホ表示では、アイテム画像がアイテム名の上に表示されます。

般若ビルダーの「アイキャッチ画像のタイトル上表示」機能と同じです。最近のWEB業界は、YouTubeが一般化したこともあり、画像→タイトルの順に表示するサイトが増えています。

設定方法>>STEP4:「検索結果」の設定 >検索結果のデザイン>右に数値表

新機能2:アイテム画像にリンクを設定

アイテム画像にリンクを設定できるようにしました。リンク先は、内部リンク(詳細ページ)にするか、外部リンク(公式サイトなど)にするか選べます。

設定方法>>STEP4:「検索結果」の設定 >リンクに関する設定>アイテム画像に設定するリンク

新機能3:PCのみ横並びのボタン

新機能1の「右に数値表」は、ボタン幅に余裕があるので、ボタン横並びにしてもボタン内テキスト文字数も多く取れます。

ですが、スマホにすると折り返しが発生して不格好になるので、PCは横並びでもスマホでは縦並びを選択できるようにしました。

もちろん「上に数値表」でも、PCのみ横並びボタンは使えます。

設定方法>>STEP4:「検索結果」の設定 >ボタンレイアウト>横に並べる(PCのみ)

新機能4:検索フォーム上部の余白切り替え

検索フォームの上部に余白を入れるか、入れないか選択できるようにしました。

見出し直下に設置する場合は「余白なし」を、見出しの下に文章を書いて、その下に設置する場合は「余白あり」を選ぶのがおすすめです。

設定方法>>STEP3:「検索フォーム」の設定 >フォームの上余白

新機能5:検索条件テーブルのタイトル設定

検索結果に表示される検索条件テーブルにタイトルを付けられるようにしました。

中央揃えか、左揃えか、表示するかしないか、ショートコード版にも反映するか、自由度高くカスタマイズできます。

設定方法>>STEP4:「検索結果」の設定 >検索条件テーブルの設定>タイトル

新機能6:数値表の文字強調

数値表の「見出し」と「数字」を太字にして強調するか、しないか選択できるようにしました。PCのみ太字にすることもできます。

設定方法>>STEP4:「検索結果」の設定 >数値表の文字強調

仕様改善:リアルタイム検索表示の軽量化

リアルタイム検索用jsを外部ファイル化しました。これでHTMLのサイズが少し小さくなって、jsもキャッシュされるので、ページ表示速度が数値上は速くなりました。

(もともと高速処理をしているので、体感レベルではほぼ変わらず笑)

あまりないと思いますが、1つのページに異なる検索フォームを複数設置している場合には、今回の恩恵がより感じられると思います。

修正ファイル

style.css
enquescripts.php
adminpage-form.php
display-data-table.php
search-result.php
search-form.php
realtime-search.js

般若ビルダーサーチを購入する

以上の機能、仕様を実装したWordPress用・絞り込み検索&並び替えプラグイン「般若ビルダーサーチ」は下記より購入できます。まだ購入していない人は今すぐどうぞ!

この記事を書いた人

ササメ
般若ビルダーシリーズ制作

「般若ビルダー」「般若ビルダーサーチ」の制作・販売。2008年8月からWordPressを使ったブログ・サイトの運営を開始。2009年から専業、2014年に法人化。読者の知りたい真実を読みやすく、わかりやすく、本音で伝えるサイト運営が得意。葉酸サプリの専門家でもある。