サイト検索バーをカスタマイズする | サポートセンター

サイト検索バーをカスタマイズする

読了時間：5分

Wix サイト検索を使用すると、訪問者はサイト上のあらゆるものを検索できるようになります。このアプリにはフルカスタマイズが可能な検索バーが付属しており、ニーズに合わせて検索バーの外観と機能をカスタマイズすることができます。

ヒント：

検索結果が表示される検索結果ページをカスタマイズすることも可能です。

この記事では、以下の方法を説明します：

プレースホルダテキスト（サイト訪問者が入力を開始する前に表示される最初のテキスト）を編集し、レスポンシブ性を微調整して検索バーをカスタマイズします。訪問者の種類に応じて結果を表示するか、入力を完了した後にのみ結果を表示するかを制御します。

Wix エディタ

Wix Studio エディタ

注意：

このテキストは、訪問者が検索バーに入力を始めると消えます。

「結果のサジェスト」設定を編集します：
- 入力を開始したら結果のサジェストを表示する：結果のサジェストを表示するかどうかを決定します。有効にすると、訪問者の入力中に結果のサジェストが表示されます。
- サイト訪問者が入力する前にトレンドアイテムを表示する：入力を開始する前にトレンドアイテムを表示するかどうかを決定します。
  注意：トレンドアイテムを有効にできるのは、結果のサジェストを有効にしている場合のみです。

検索バーの配置や余白、全体的な構造を調整して、サイトのデザインとよりよく統合させます。

Wix エディタ

Wix Studio エディタ

注意：

利用可能なレイアウトオプション（配置、余白）は、手順 3 で選択したレイアウトによって異なります。

次の状態ごとに検索バーのデザインをカスタマイズすることができます：

Wix エディタ

Wix Studio エディタ

プリセットデザインを選択します。
「デザインをカスタマイズ」をクリックして、さらにデザインを変更します。
1. タブをクリックしてカスタマイズする状態をクリックします：「通常時」、「ホバー」、「フォーカス」
2. 利用可能な各状態の色、枠線、角、影、テキストをカスタマイズします。

検索バーの位置を変更する：

検索バーの位置を変更するには、検索バーをクリックしてサイトのヘッダーまたはフッターにドラッグしてください。

この記事では下記を説明します：