ワードプレス解説

画像インスタント検索できる!「Ajax Search Lite」の使い方

おしゃれな検索フォームを見かけて「同じようなデザインにしたい。かっこよくしたい!」と、思っている方もいるのではないでしょうか?

今回紹介する、WordPressプラグイン「 Ajax Search Lite 」はそんな方にぴったり。

インスタント検索や絞り込み検索もできる「多機能サイト内検索フォーム」です。
では、詳しく解説していきましょう。

WordPressプラグイン「Ajax Search Lite」

Ajax Search LiteおしゃれなデザインのAjax Search Lite

「Ajax Search Lite」とは、多機能なサイト内検索フォームをサイトに設置できるWordPress用プラグインです。

サイト内検索フォームはWordPressに標準装備されていますが、以下の画像のようにデザインがシンプルで面白みがありません。

WordPressの検索フォームはいたってシンプル

Ajax Search Liteは、検索フォームを「もっとおしゃれなデザインにしたい」「使い勝手をよくしたい」という方にオススメのプラグイン。

以下のデザインから選択できます。

Ajax Search Liteのデザイン

画像インスタント検索できる

インスタント検索とは、検索窓に語句を入力したときに自動で候補を表示する機能です。
Googleの検索窓でお馴染みですね。

Ajax Search Liteのインスタント機能は、画像付きで記事を表示するのがポイント。
「おしゃれな検索フォームを設置したい」方に適したプラグインです。

Ajax Search Liteのインスタント機能Ajax Search Liteのインスタント機能

絞り込み検索できる

Ajax Search Liteは、絞り込み検索機能を搭載しています。
記事を多く投稿しているサイトで、お目当ての記事を探してもらう際に便利です

Ajax Search Liteの絞り込み検索機能Ajax Search Liteの絞り込み検索機能

上記以外にも、カテゴリーでも絞り込めるなど機能も豊富。
ユーザーにとって使いやすい検索フォームを設置できます。




「Ajax Search Lite」の使い方

Ajax Search Liteには多くの設定項目がありますが、ここでは基本的な設定に絞って解説します。

では、プラグインの「新規追加」から「Ajax Search Lite」をインストールしましょう。

ダッシュボードの左バーに表示された「Ajax Search Lite」を開きます。

5つのタブの右から2つ目のタブを開いて、デザインを選択します。

選択したら、一番右下にある保存ボタンを忘れずにクリックしてくださいね。

ダッシュボードから「ウィジェット」を開くと「Ajax Search Lite」が追加されているので、サイドバーなど任意の場所に設置します。

ちなみに、記事内に埋め込みたい場合には、設定画面に表示されているショートコードを埋め込めば表示できますよ。

絞り込み検索機能を追加

この状態でも使えますが、さらに使いやすくカスタマイズしましょう。

絞り込み検索機能を追加して、トグルボタンで切り替えできる仕様にします。
真ん中のタブを開くと、デフォルトでは以下の設定になっています。

以下のように、変更してください。
絞り込み検索機能をオンにして、タイトルを日本語に書き換えましょう。

和訳すると上記になりますが、テキストは自由に変更できます。
以下のようにトグルボタンが設置され、絞り込み検索できるようになりました。

また、カテゴリーを絞り込み検索に加える設定も可能です。
上記と同じタブで、以下の画面が表示されるまで下にスクロールしてください。

カテゴリー追加をオンするほか、表示させたくないカテゴリーがあれば、右側の欄にドラッグしてください。

カテゴリーも絞り込み検索に追加すると、以下のようになります。

検索窓の文言を日本語に書き換え

上記の画像のように、デフォルトでは検索窓に英語が表示されています。
気になる場合は、任意の日本語に直しましょう。

右から2番目のタブを開いて、下記の部分に入力します。
今回は「キーワードを入力してください。」にしました。

完成です。

まとめ:「Ajax Search Lite」でブログのデザインをグレードアップしよう!

画像インスタント検索や絞り込み検索など、多機能なサイト内検索フォーム「Ajax Search Lite」。

標準装備のサイト内検索フォームと比べて、おしゃれなデザインも魅力です。
ブログやサイトのデザインをグレードアップしたい方は、ぜひ導入してみてください。

当サイトの「ワードプレス解説」カテゴリーでは、プラグインをはじめWordPressに関する記事を投稿しています。下記のリンクから、気になる記事があればぜひ参考にしてみてください。

「ワードプレス解説」の記事をチェックする