Ivory Search:高度にカスタマイズされた検索フォームを作成できる

2018年11月24日

標準の検索フォームよりも高度にカスタマイズされた検索フォームを作成できる WordPress 用プラグインの紹介です。
それは「Ivory Search」です。
その導入手順から日本語化・使い方と設定などを解説していきます。

Ivory Search

Ivory Search - WordPress.org

Ivory Search は、自身でカスタマイズした検索フォームを作成できます。
Ivory Search の主な特徴は、以下のとおりです。

  • インデックス型検索エンジンにより高速検索が可能。
  • ショートコードコンテンツのインデックス化と検索。
  • WooCommerce の商品検索
  • 画像、ファイル、添付ファイルの検索
  • デザインカスタマイザーを使って検索フォームをカスタマイズ可能。
  • AJAX 検索を使ったライブ検索。
  • 検索分析で検索回数を記録可能。※Google Analytics が必要。
  • TablePress のショートコードコンテンツのインデックスと検索。
  • 無制限に検索フォームを作成可能。各検索フォームの検索内容も個別に設定可。
  • ショートカットを使用して、任意の場所に検索フォームを設置可能。
  • 検索結果に特定のコンテンツのみを表示可能。
  • 検索結果から特定のコンテンツを除外可能。
  • 多言語検索に対応
  • Weglot がサポートする多言語検索
  • WooCommerce、Weglot、Polylang、bbPress、WPML などの人気プラグインと統合可能。

・AJAX検索またはライブ検索

  • デフォルトの検索フォームを含め、あらゆる検索フォームを AJAX 検索フォームに変換。
  • 投稿、固定ページ、WooCommerce 商品、画像、ファイル、または任意のカスタム投稿を AJAX 検索を使用して検索可。
  • 特定のコンテンツを AJAX 検索から除外可。

・検索フォームカスタマイザー

  • カスタマイザーを使って、検索フォームの色やテキストを変更可。
  • 様々な検索フォームから好きなスタイルを選択可。

・特定コンテンツの検索

  • 投稿、固定ページ、WooCommerce 商品、添付ファイル、フォーラムなどの特定の投稿タイプを検索可能。
  • 投稿のタイトルで検索可。
  • 記事の内容から検索可。
  • 投稿の抜粋を検索可。
  • 特定のカテゴリーやタクソノミーの用語を持つ投稿を検索可。
  • カテゴリやタクソノミーのタイトルで検索可。
  • カテゴリやタクソノミーの用語の説明で検索可。
  • 特定のカスタムフィールドやメタデータを持つ記事を検索可。
  • 著者表示名で検索し、その著者が作成した投稿を表示可。
  • 承認されたコメントの内容で検索可。
  • 特定の日付に作成された投稿を検索可。
  • パスワードで保護された投稿のみを検索可。
  • パスワードのない投稿だけを検索可。
  • パスワードの有無にかかわらず、すべての投稿を検索可。
  • 画像、添付ファイル、メディアのタイトル、キャプション、説明文での検索可能。
  • Polylang、WPML などの多言語プラグインに対応しているため、多言語での検索可能。

・特定のコンテンツを検索対象から除外

  • 特定の投稿タイプを検索対象から除外可能。
  • 特定の投稿、ページ、WooCommerce商品、メディア添付、フォーラム、または任意のカスタム投稿タイプを検索対象から除外可能。
  • 投稿タイトルで検索しないように設定可。
  • 投稿内容で検索しないように設定可。
  • 投稿の抜粋を検索しないように設定可。
  • 特定のカテゴリやタクソノミーの用語を持つ投稿を検索対象から除外可能。
  • 固定投稿を検索対象から除外可能。
  • 特定のコメント数を持つ投稿を検索対象から除外可能。
  • 特定の日付の前後に作成された投稿を検索対象から除外可能。
  • パスワードで保護された投稿を検索対象から除外可能。
  • パスワードがない投稿を検索対象から除外可能。

・検索のコントロールと拡張

  • ナビゲーションメニューに検索フォームの表示と機能設定可能。
  • 検索結果に表示する投稿件数の設定可。
  • 検索結果ページでの検索キーワードのハイライト表示可能。
  • 検索結果ページ上部の固定投稿の表示/非表示可能。
  • 空の検索クエリに対して、エラーページを表示したり、すべての投稿を一覧表示可能。
  • (テスト時、本番前として)サイト管理者のみ検索フォームを表示可能
  • 個々の検索フォームを無効にするか、サイト全体の検索を無効にするかを選択可能。
  • 検索から除外するストップワードを設定可能。
  • 同義語を追加することも可能。
  • 検索クエリ URL に post_type 引数を表示し、その引数に限定して検索可能。
  • 選択されたカテゴリーやタクソノミーの用語のすべて、またはいずれかを含む投稿を検索可能。
  • 検索された用語の一部または全部を含むコンテンツを表示可。
  • 検索語全体を含む投稿や検索語で始まる投稿や終わる投稿の中から検索可。

記事を作成もしくは更新時点でのバージョン:5.4.4
マルチサイトでの利用:可

Gutenberg エディターでの動作

Gutenberg エディターに追加される機能は無いので、気にする必要は無いです。

Gutenbergでのショートコードの挿入手順

このプラグインは、ショートコードを使用します。
挿入手順については、下記の記事にて詳しく解説していますので、御覧ください。

Gutenberg でのショートコードの挿入手順 – WordPress活用術

インストール手順

Ivory Search をインストールするには 2 種類の方法があります。
下記の URL から ZIP ファイルを入手して、管理画面からアップロードして有効化する。
Ivory Search – WordPress.org

もしくは、WordPress.org の公式プラグインディレクトリにリリースされているので、
管理画面からインストールできます。

ダッシュボードから「プラグイン」メニューの「新規追加」を選択し、
プラグイン追加画面右上の検索窓に「Ivory Search」と入力します。

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

検索結果の一番左上に表示されると思うので、「今すぐインストール」をクリックします。
※一番左上に表示されない場合は、上記の画像から探して下さい。
インストールが完了したら、プラグインを「有効化」します。

プラグインのインストールに慣れていない方は、
下記の記事にて詳しく解説していますので、御覧ください。

WordPressプラグインのインストール手順を解説 – WordPress活用術

日本語化

Ivory Search を有効化した際に日本語化されない場合には、
日本語化用の言語パックを translate.wordpress.org から入手できる場合があります。

WordPress と関連プロジェクト(テーマ・プラグイン)用の翻訳プラットフォームとして、
translate.wordpress.org (GlotPress) が導入されています。

※ボランティアで翻訳されている場合が多いので、
全てのプラグインで、必ずしも日本語化用の言語パックが用意されているわけでは無いです。
また、用意されていても 100% 翻訳されている保証もありません。

日本語化用の翻訳ファイルの探し方は、下記の記事を参照してください。

WordPress公式での日本語化用の翻訳ファイルの探し方 – WordPress活用術

有効化すると

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

「スキップ」をクリックします。

専用メニュー

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

ダッシュボードの「コメント」メニューの下に追加されています。

管理画面

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

1個でもカスタムした検索フォームを作成すると上のような感じの管理画面になります。

使い方

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

管理画面から「Add New Search form」ボタンをクリックします。

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

タイトルに検索フォーム一覧画面で識別できるタイトルを入力します。
入力したらショートコートを発行するために 1 度「Save Form」をクリックします。

Search

Post Types

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

検索対象とする投稿タイプを選択します。

投稿

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

全ての投稿を対象とするか選択した投稿のみを対象とするかを選択します。
また、全てのタクソノミーを対象とするか
選択したタクソノミーに属する投稿のみを対象とするかを選択します。

固定ページ

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

全ての固定ページを対象とするか選択した固定ページのみを対象とするかを選択します。

メディア

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

全てのメディアを対象とするか選択したメディアのみを対象とするかを選択します。

Extras

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

  • Search post title
    投稿タイトルを検索対象とするか。
  • Search post content
    投稿内容を検索対象とするか。
  • Search post excerpt
    投稿抜粋を検索対象とするか。
  • Search category/tag title
    カテゴリーとタグのタイトルを検索対象とするか。
  • Search category/tag description
    カテゴリーとタグの説明を検索対象とするか。

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

  • Search selected custom fields values
    選択したカスタムフィールドの値を検索対象とするか。

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

  • Search author Display Name and display the posts created by that author
    著者表示名で検索し、その著者が作成した投稿を表示するか。

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

  • Search approved comment content
    承認されたコメントを検索対象とするか。

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

  • Search posts with or without passwords
    パスワード付きもしくはパスワードなし投稿を検索するか。
  • Search posts with passwords
    パスワード付きの投稿を検索するか。
  • Search posts without passwords
    パスワードなしの投稿を検索するか。

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

下記で指定した日付の範囲内で作成された投稿を検索するか。

  • From
  • To

Exclude

投稿

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

  • Do not exclude any 投稿 from search
    検索からどんな投稿も除外しないかどうか。
  • Exclude selected 投稿 from search
    選択された投稿を検索対象から除外するかどうか。
  • Do not exclude any 投稿 from search of any taxonomies
    どの投稿も、どのタクソノミの検索からも除外しないかどうか。
  • Exclude selected 投稿 from search of any taxonomies
    選択した投稿を任意のタクソノミの検索対象から除外するかどうか。

固定ページ

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

  • Do not exclude any 固定ページ from search
    検索からどんな固定ページも除外しないかどうか。
  • Exclude selected 固定ページ from search
    選択された固定ページを検索対象から除外するかどうか。

メディア

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

  • Do not exclude any メディア from search
    検索からどんなメディアも除外しないかどうか。
  • Exclude selected メディア from search
    選択されたメディアを検索対象から除外するかどうか。

Extras

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

  • Exclude from search having selected custom fields
    選択したカスタムフィールドを検索対象から除外するか。
  • Exclude sticky posts from search
    検索対象から固定投稿を除外するか。

Design

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

「Search Form Customizer」をクリックすると、外観カスタマイザーが起動します。

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

AJAX

AJAX Search Results

選択したコンテンツを検索結果に表示します。

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像
検索ボタンをクリックした際の動作を設定します

WooCommerce

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

Options

Post Per Page

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

検索結果に選択した投稿数を表示します。

Order Search Results

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

Pro 版のみの機能。

Highlight Search Terms

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

検索結果ページで検索された項目をハイライト表示するかどうか。

Search All Or Any Search Terms

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

検索対象の単語をすべて含む投稿を検索(And)するか、一部を含む投稿を検索(Or)するかを選択します

Fuzzy Matching

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

検索対象が全単語か一部単語かを選択します。

Keyword Stemming

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

Pro 版のみの機能。

Search Engine

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

使用する検索エンジンを選択します。

Others

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

  • Display sticky posts to the start of the search results page
    検索結果ページの先頭に固定化された投稿を表示するか。
  • Display search from only for site administrator
    サイト管理者だけに検索結果を表示するか。
  • Disable this search form
    この検索フォームを一時的に無効にするか。
  • Display an error for empty search query
    検索クエリが空の場合、エラーを表示するか。

Menu Search

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

選択されたメニューの場所に検索フォームを表示するかと、
選択されたメニューに検索フォームを表示するかを選択します。

設定

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

Custom CSS

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

カスタム CSS コードを入力できます。

Stopwords

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

検索を禁止したいキーワードを指定できます。
カンマ区切りで複数の単語を入力できます。

Synonyms

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

ここでは同義語を追加することができます。
リストにbird=crowを追加すると、
bird の検索は自動的に bird crow の検索になり、
その結果 bird か crow のどちらかを含む投稿にマッチするようになります。

Header Search

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

サイトヘッダーに表示する検索フォームを選択します
(メニューではありません)。

Footer Search

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

サイトフッターに表示する検索フォームを選択します。

Mobile Search

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

Display search form in site header on mobile devices.
モバイル端末でサイトヘッダーに検索フォームを表示するか。

This site uses cache.
このサイトでキャッシュを使用するか。

Plugin Files

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

プラグインの CSS や JavaScript ファイルを読み込まないようにするには、ここのオプションを有効にします。

Advanced

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

Do not Default Search Form to control WordPress default search functionality.
WordPressのデフォルトの検索機能を制御するために Default Search Formを使用しない。

Disabled search functionality on entire website.
Webサイト全体の検索機能を無効にする。

Display easy edit links of search form on the website frontend to the admin users.
ウェブサイトのフロントエンドで、管理者ユーザーに対して検索フォームの簡単な編集リンクを表示する。

Analytics

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

Index

WordPressプラグイン「Ivory Search」の導入から日本語化・使い方と設定項目を解説している画像

代替プラグイン

Ivory Search にほしい機能が無かった場合には、
Ivory Search 以外にもサイト内検索を強化できるプラグインを記事にしています。
以下では、Ivory Search を含めて 11 個を簡単に紹介しています。

サイト内検索を強化できるWordPressプラグイン一覧

URL

Ivory Search – WordPress.org

本ページはアフィリエイトプログラムによる収益を得ています

サイト内検索

Posted by 管理人