訪問者がナビゲーションのテキストにカーソルを合わせたときに表示されるリンクのリストを作成します。

ドロップダウン機能を使用して、サイトにドロップダウン ナビゲーション メニュー (ネスト ページまたはサブメニューとも呼ばれます) を作成します。

各ドロップダウンは、ナビゲーションに1つのメニューを作成します。異なるメニューに複数のドロップダウンを追加できますが、あるドロップダウンを別のドロップダウンにネストすることはできません。

動画を見る

ドロップダウンを追加する

ドロップダウンを追加するには、次の手順に従ってください。

1. [ページ] パネルを開いて、+アイコンをクリックします。
2. [ドロップダウン] をクリックします。
3. [ページ] パネルに空のドロップダウンが表示されます。ナビゲーションに表示するドロップダウンのタイトルを入力します。

ドロップダウンにページを追加する

ドロップダウンはページではないため、コンテンツを直接追加することはできません。代わりに、ドロップダウンにページを追加すると、訪問者がナビゲーションにカーソルを合わせたときにナビゲーションから「ドロップダウン」するメニュー項目として表示されます。

既存のページをドロップダウンに追加するには、ドロップダウンの下のスペースにドラッグ&ドロップします。新しいページを追加するには、ドロップダウンの下にある [ページを追加] をクリックします。ページの順序を変更するには、ドロップダウン内でページをドラッグ&ドロップします。

ドロップダウン内にドロップダウンをネストすることはできません。

ドロップダウンのURL

ドロップダウンのURLに直接移動すると、ドロップダウンの最初のページにリダイレクトされます。ドロップダウンにページがない場合は、「このフォルダーにページは含まれていません」と表示されます。このテキストを変更したり、他のコンテンツを追加したりすることはできません。

インデックス ページ (バージョン7.0)

ドロップダウンには、インデックス ページを除き、どのタイプのページでも追加できます。訪問者をインデックス ページに誘導するには、[リンク] を選択し、[クリックしてURLを追加] をクリックして、[コンテンツ] タブを使用してお客様のインデックス ページへのリンクを指定します。リンクの設定の詳細については、「サイトにリンクを追加する」をご参照ください。

ドロップダウンを表示する

ドロップダウンの表示方法は、サイトのバージョンによって異なります。

バージョン7.1サイトの場合は、以下のようになります。

• ドロップダウンのタイトルにカーソルを合わせると、ドロップダウンのページが表示されます。
• ドロップダウンのタイトルをクリックしても、最初のページが開くわけではありません。
• ドロップダウンはモバイルでは折りたたまれており、タップすると開きます。

バージョン7.0固有の情報については、「テンプレートごとのドロップダウンの表示」をご参照ください。

背景色

バージョン7.1のサイトでは、ドロップダウンの背景色はヘッダーのスタイルによって異なります。

• 単色 - 背景色は、ヘッダー設定の [背景色] の微調整オプション、またはヘッダー用に選択したテーマに合わせたサイト全体の [セクションの背景] の微調整オプションのいずれかに従います。これらを変更するには、[ヘッダーを編集] をクリックし、[デザインを編集] をクリックして、[色] タブをクリックし、選択したカラー スキームに応じて [色] または [テーマ] をクリックします。
• グラデーション - 背景色は、ヘッダー設定の [背景色] の微調整オプションに従います。これを変更するには、[ヘッダーを編集] をクリックし、[デザインを編集] をクリックして、[色] タブをクリックします。
• アダプティブ - 背景色は、ページの最初のセクションのテーマに合わせたサイト全体の [セクションの背景] の微調整オプションに従います。これを変更するには、サイト スタイルを開き、[色] をクリックしてから、セクションで使用するテーマにカーソルを合わせて、鉛筆アイコンをクリックします。

この色を設定するためのバージョン7.0の微調整オプションのリストについては、「テンプレートごとのドロップダウンの表示」をご参照ください。

ドロップダウンを削除する

ドロップダウンを削除すると、そのページも削除されます。

ドロップダウンを削除するには、次の手順に従ってください。

ヒント: 30日以内であればページを復元できます。

商品カテゴリーのネストされたメニュー (バージョン7.1)

商品カテゴリーにより、ストアの上部に個別のナビゲーションが作成されます。

バージョン7.1のストア ページでは、ネストされたサブカテゴリー メニューを作成できます。詳細については、「商品の整理」をご参照ください。

バージョン7.0のストア ページにはカテゴリー ナビゲーションがありますが、ネストされたサブカテゴリーを表示することはできません。