header-logo
はじめましょう!Wix でサイトやビジネスを構築する方法をご紹介します。テンプレートを使用してサイトをカスタマイズしたり、パートナーに依頼してウェブプレゼンスを確立しましょう。
サイトの作成Wix エディタの使い方とサイトコンテンツの管理方法について学びましょう。訪問者のプライバシーを保護し、サイトをよりアクセシブルにします。
アカウント・お支払いアカウント設定を確認し、定期購入とプレミアムプランを管理、請求内容を把握しましょう。
Wix モバイルアプリの使用Wix Owner アプリを使用してビジネスを効率的に運営し、訪問者と関わり、コミュニティを構築しましょう。
ドメインの接続ドメインの購入・接続・移管方法と、サイトデータを安全に保つ方法について理解しましょう。
ビジネスの管理支払いの受け付け、分析、訪問者とのつながりなど、ビジネスを構築し成長させるための適切なツールを見つけましょう。
サイトの宣伝検索エンジンでサイトを宣伝し、メルマガを送信し、有料広告を掲載する方法を学びましょう。
Wix Studio・パートナー・エンタープライズWix Studio、パートナー、エンタープライズアカウントを最大限に活用し、ビジネスを拡大しましょう。
ヘルプサイトのパフォーマンスや技術的な問題を解決するための情報を入手しましょう。製品ロードマップでは今後の機能について確認できます。
placeholder-preview-image
Wix Learnコースとチュートリアルでスキルを習得する。
Wix ブログウェブデザインやマーケティングなどのヒントを得る。
SEO ラーニングハブ検索エンジンからのトラフィックを増やす方法について学ぶ。
Website developmentフルスタックプラットフォームでカスタムサイトを構築する。
Wix パートナーに依頼あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image
この記事では下記を説明します:
  • 検索結果ページについて
  • ページ表示をカスタマイズする
  • ページのタブを管理する
  • 検索結果ページのレイアウトを調整する
  • 検索結果ページのデザインをカスタマイズする
  • 検索結果ページで画像を調整する

検索結果ページを理解してカスタマイズする

この記事内
  • 検索結果ページについて
  • ページ表示をカスタマイズする
  • ページのタブを管理する
  • 検索結果ページのレイアウトを調整する
  • 検索結果ページのデザインをカスタマイズする
  • 検索結果ページで画像を調整する
訪問者が Wix サイト検索を使用してサイトを検索すると、結果が検索結果ページに一覧表示されます。
検索結果ページのレイアウトとデザイン(フォント、背景、枠線など)を変更することができます。
ライブサイトに検索結果ページが表示されている様子を示したスクリーンショット。

検索結果ページについて

Wix サイト検索を追加すると、「検索結果」という新しい非表示ページも追加されます。このページは、サイト訪問者が検索バーで語句を検索した場合のみ表示されます。

検索結果ページには 3つの要素があります:

  • 検索バー:このフィールドを使用すると、訪問者は他の検索バーにスクロールすることなく、検索結果ページからサイトを簡単に検索できます。
  • 検索結果メニュー:このメニューは、検索結果が表示される場所(例:サイトページ、ブログ記事、ストア)に基づいて検索結果を分類します。
  • 検索結果:訪問者の検索フレーズの結果です。結果が見つからない場合は、「検索結果はありません」というメッセージが表示されます。
ライブサイトに検索結果ページが表示されている様子を示したスクリーンショット。

ページ表示をカスタマイズする

検索結果ページを閲覧する訪問者に表示するオプションを決定します。ページに検索バーを表示したり、「検索結果」のメッセージをカスタマイズしたりすることができます。
  1. エディタに移動します。
  2. エディタ左側で「ページ・メニュー をクリックします。
  3. サイト検索」をクリックします。
  4. 検索結果」ページをクリックします。
  5. ページで検索結果パーツをクリックします。
  6. 設定」をクリックします。
  7. 表示設定」タブをクリックします。
  8. 以下のオプションをカスタマイズします:
    • 検索バー:「結果ページに検索バーを表示」トグルを有効にして、検索バーを追加します。検索バーに表示するプレースホルダテキストを入力します。
    • 検索結果:「検索結果メッセージには以下が含まれます」で含めるものを次から決定します:検索結果の数、検索用語、結果の件数と検索用語(例:「T シャツ」の検索結果が 23件見つかりました)。
検索結果ページに表示するオプションをカスタマイズする様子を示したスクリーンショット。

ページのタブを管理する

検索結果ページでは、検索結果がタブごとに整理されています。タブの順序は、宣伝したい内容に応じて決めることができます。タブの名前を変更したり、表示したくないタブを非表示にすることもできます。
  1. エディタに移動します。
  2. エディタ左側で「ページ・メニュー をクリックします。
  3. Wix サイト検索」をクリックします。
  4. 検索結果」ページをクリックします。
  5. ページで検索結果パーツをクリックします。
  6. 設定」をクリックします。
  7. 設定」タブをクリックします。
  8. 実行する内容を選択します:
検索結果のタブを並べ替える様子を示したスクリーンショット。

検索結果ページのレイアウトを調整する

メニューとページ送りバーの配置を選択して、レイアウトをカスタマイズします。また、各ページに表示される結果の数を選択することもできます。
  1. エディタに移動します。
  2. エディタ左側で「ページ・メニュー をクリックします。
  3. サイト検索」をクリックします。
  4. 検索結果」ページをクリックします。
  5. ページで検索結果パーツをクリックします。
  6. 設定」をクリックします。
  7. レイアウト」タブをクリックします。
  8. ページのレイアウトを設定します:
    • メニューレイアウト検索結果メニューの配置を、「左揃え」、「中央揃え」、「右揃え」にするかを選択します。
    • 結果のレイアウト:スライダーをドラッグし、数値を調整します。
    • パジネーションレイアウト パジネーションバーの配置を、「左揃え」、「中央揃え」、「右揃え」にするかを選択します。
Wix エディタで検索結果ページのレイアウトをカスタマイズしています

検索結果ページのデザインをカスタマイズする

検索結果ページのフォントや色のデザインを、サイトに合わせてカスタマイズできます。これには、検索バー、検索結果メニュー、検索結果リストが含まれます。
  1. エディタに移動します。
  2. エディタ左側で「ページ・メニュー をクリックします。
  3. サイト検索」をクリックします。
  4. 検索結果」ページをクリックします。
  5. ページで検索結果パーツをクリックします。
  6. 設定」をクリックします。
  7. デザイン」タブをクリックします。
  8. カスタマイズするものを選択します。
Wix エディタで検索結果ページの検索バーをデザインしています

検索結果ページで画像を調整する

検索結果のサムネイル画像は、検索結果の種類に応じて異なる場所から取得されます。ページ設定をカスタマイズすることで、これらの画像を調整できます。
下記のオプションをクリックして、ページの種類に合わせて画像を調整する方法をご確認ください:
サイトの検索バーをカスタマイズする場合:
サイトのデザインと操作性に合わせてレイアウトとデザイン設定を変更します。

Helpmate

こんにちは、さん

さらにヘルプが必要ですか?
Unlock personalized helpLog in to get the most out of Helpmate.