Wix Studio エディタ：メニューのドロップダウンをデザインする

この記事内

ドロップダウンを追加・設定した後、希望の見た目にカスタマイズすることができます。コンテナとメニューの両方の外観と配置を変更して、クライアントのためのカスタムの外観を作成し、ブランドを強化しましょう。

始める前に：

ドロップダウンは Wix Studio エディタの新しいメニューからのみ追加することができます。以前のメニューがある場合は、サブメニューを作成してメガメニューを追加してください。

「レイアウト」パネルには、メニューの種類（ナビゲーションバー、ハンバーガーなど）に応じて、異なる設定が表示されます。メインメニューのデザインに合わせて、間隔と配置を調整することもできます。

コンテナの幅

アイテムの表示と列の数

間隔

パディング、方向、配置

注意：

利用可能なオプションは、メニュータイプ（ナビゲーションバーまたはハンバーガー）と、メニューの表示方向（横向きまたは縦向き）によって異なります。

ドロップダウンは、コンテナからアイテムやサブアイテムまで、メインメニューのデザインや操作性に合わせてデザインすることができます。背景の塗りつぶしとテキストを選択してクライアントのブランディングを強化し、枠線を追加してドロップダウンをページで目立たせます。

また、アイテムとサブアイテムのデザインをステートごとにカスタマイズすることもできます（例：ホバー時、現在のページ）。

4. デザインするパーツを選択します。
- ドロップダウンのコンテナ
- ドロップダウンメニューのコンテナ
- ドロップダウンのアイテム
- ドロップダウンのサブアイテム
（ドロップダウンアイテム / ドロップダウンサブアイテム）該当する状態（通常時、ホバー時、または現在のページ）を選択します。
利用可能なオプションを使用してドロップダウンをデザインします：
- 背景の塗りつぶし：ドロップダウンの背景色を変更したり、目を引くグラデーションを追加したりできます。不透明度を調整し、デザインニーズに合わせて複数のレイヤーを追加することができます。
- 枠線：ドロップダウンコンテナの枠線の幅と色を調整します。
- 角：丸みを調整して、ドロップダウンの角をより丸くまたは四角にします。
- テキスト：ドロップダウンアイテムとサブアイテムのスタイルと書式を調整します。
- 影：ドロップダウンに影を追加し、角度、色、位置などをカスタマイズします。