Wix Studio エディタ:メニューのドロップダウンを管理する
読了時間:5分
ドロップダウンは、サブメニューとコンテナとして機能するメニューアイテムです。アイテムやサブアイテムを追加して、訪問者が必要な情報を見つけやすくしたり、要素を追加して、クライアントのサイトに完全なカスタム体験を提供することができます。
始める前に:
この記事では、以下の項目について説明します:
ドロップダウンメニューにアイテムを追加する
アイテムを追加して、ドロップダウンでメニューを作成して表示します。メニューに既存のアイテムを追加したり、新しいアイテムを作成したりすることができます。
ドロップダウンにメニューアイテムを追加する方法:
- エディタで該当するメニューを選択します。
- 「メニューを管理」をクリックします。
- (オプション)メニューに新しいアイテムを追加します:
- 「+アイテムを追加」をクリックします。
- 追加したいアイテムの種類を選択して設定します。
- メニューでアイテム名を変更します。
- 該当するメニューアイテムをクリック&ドラッグして、ドロップダウン下に移動させます。
- 追加したいその他のアイテムについても、手順 4 を繰り返します。
![「メニューを管理」パネル。「ショップ」ドロップダウン下に商品がドラッグされています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/25/482903ed-f4a8-4036-bfe1-ef97b48cb765/74117f3c-3240-41fe-bcab-9d424dde747e.jpg)
ドロップダウンにサブアイテムを追加する
サブアイテムは、ドロップダウンメニューに連続するコンテンツや関連するコンテンツを整理し、訪問者が必要な内容を見つけやすくするのに最適です。
たとえば、「ショップ」ドロップダウンに「靴」という名前のアイテムがあるとします。その後、サブアイテムとして「ブーツ」と「スニーカー」を追加できます。
ドロップダウンにサブメニューアイテムを作成する方法:
- エディタで該当するメニューを選択します。
- 「メニューを管理」をクリックします。
- (オプション)メニューに新しいアイテムを追加します:
- 「+アイテムを追加」をクリックします。
- 追加したいアイテムの種類を選択して設定します。
- メニューでアイテム名を変更します。
- アイテムをドロップダウンに移動させます。
- アイテムをドラッグして、ドロップダウン内の該当する「親」アイテムの下に移動させます。
- サブアイテムにマウスオーバーし、「その他のアクション」アイコン
をクリックします。
- 「(アイテム名)の下へ移動」を選択します。
![「メニューを管理」パネル。スニーカーアイテムを「靴」アイテムの下に移動するためにカーソルがクリックされています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/25/1c144c36-8810-48c1-bddc-13aaa828a075/296a9a5a-ee98-4fde-aaff-5e4a3e9085a1.jpg)
ドロップダウンメニューのアイテムを管理する
ドロップダウンメニューで、既存のアイテムとサブアイテムをいつでも調整することができます。関係のないものを削除したり、名前を変更したり、コンテンツの順序を変更して、最新の状態に保ちましょう。
ドロップダウンメニューのアイテムを管理する方法:
- エディタで該当するメニューを選択します。
- 「メニューを管理」をクリックします。
- 実行する内容を選択します:
アイテムのリンクを変更する
アイテム名を変更する
ドロップダウンメニューからアイテムを移動させる
アイテムを削除する
アイテムを並べ替える
![「メニューを管理」パネル。アイテムで「その他のアクション」メニューが開き、オプションが表示されています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/25/38072de2-3b87-4234-bd9c-7bd07cf0e604/90342cf8-66aa-4bbe-a3e5-b6c4550f977d.jpg)
参考:
ドロップダウンアイテム自体も、同じ手順で管理できます。
ドロップダウンコンテナに要素を追加する
ドロップダウンはコンテナであるため、さまざまな要素を表示することができます。画像やボタンなどを追加して、クライアントのサイトに独自の外観を作成しましょう。
ドロップダウンに要素を追加する方法:
- エディタで該当するメニューを選択します。
- 「メニューを管理」をクリックします。
- パネル内のドロップダウンにマウスオーバーします。
- 「編集」をクリックして、ドロップダウンコンテナを開きます。
- エディタ左側で「要素を追加」
をクリックします。
- 追加したい要素をクリックして、コンテナにドラッグします。
![「要素を追加」パネルが開いています。カーソルがアイコンボタンをクリックしています。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2024/11/25/00b5f40f-7446-401c-b5ee-7e262e432bae/37435b24-9e9a-45ae-be8f-34021834c77b.jpg)