Wix Studio エディタ：ハンバーガーメニューを使用する
読了時間：5分
ハンバーガーメニューは、訪問者がメニューアイコンをクリックしたときにのみ表示される、ミニマルかつ省スペースのメニューです。ハンバーガーメニューのあらゆる部分を、クライアントが求める見た目と操作感に合わせてデザインすることができます。
この記事では、以下の項目について説明します：
ハンバーガーメニューを追加する
新しいハンバーガーメニューは「要素を追加」パネルからいつでも追加可能です。表示するメニュー（サイトのメインメニューまたはページのコンテキストに応じたカスタムメニュー）を選択できます。
ハンバーガーメニューを追加する方法：
- エディタ左側で「要素を追加」
をクリックします。 - 「メニュー・検索」をクリックします。
- 「ハンバーガーメニュー」をクリックします。
- 該当するメニューをページ上の希望する場所にドラッグアンドドロップします。
- （オプション）カスタムページで新しいメニューを作成します：
- メニューアイコンを選択し、「メニューを編集」をクリックします。
- 縦型メニュー要素を選択します。
- 「メニューを管理」をクリックします。
- 「表示するメニューを選択」下のドロップダウンをクリックします。
- 「サイトメニューを管理」をクリックします。
- 下部の「＋メニューを追加」をクリックして、カスタムメニューを作成します。
ハンバーガーメニューをカスタマイズする
ハンバーガーメニューを追加したら、サイトのデザインと操作感に合わせてメニューのあらゆる部分をカスタマイズします。
ハンバーガーメニューをカスタマイズする方法：
- ハンバーガーメニューアイコンを選択します。
- カスタマイズするものを選択します：
ハンバーガーメニューアイコン
をクリックし、表示するアイコンやテキストを決定します。
をクリックして、アイコンやテキストの配置を調整します。アイコンとテキストの両方を表示している場合は、それらの間の間隔とアイコンの位置を設定できます。
メニューコンテナとオーバーレイ
をクリックして、画面全体に表示するか、キャンバス上でサイズを調整します。
をクリックして、背景オーバーレイを表示するかどうか、およびコンテナの外側をタップしてコンテナを閉じるオプションを選択します。
縦型メニュー
をクリックして、メニューアイテムとサブメニューの矢印の配置を変更します。
閉じるボタンアイコン
お役に立ちましたか？
|