スライドの設定 — スライドメニューオプション

これらの設定はスライドメニュー(コンテキストスライド / ハンバーガーメニュー)にのみ適用されます。


スライド方向

設定 → スライド方向 — メニューがどこからスライドインするか、そしてどのように固定されるか。

オプション 説明
左から 左端からスライドイン(最も一般的)
右から 右端からスライドイン
上から 上からスライドダウン
下から 下からスライドアップ
左固定(デスクトップ) 常に表示される左側のサイドバー — トリガーは不要
右固定(デスクトップ) 常に表示される右側のサイドバー

モバイルで固定 / デスクトップで固定:

  • モバイルで固定 → メニューはモバイルで常に表示され、開く必要はありません。
  • デスクトップで固定 → メニューはデスクトップで常に表示されます(持続的なサイドバー)。

スライド幅

フィールド 説明 デフォルト
モバイル幅 モバイルでの幅(pxまたは%) 自動
デスクトップ最大幅(px) デスクトップでの最大幅 自動
デスクトップサブ幅(px) デスクトップでのレベル2サブメニューパネルの幅 自動

例: 左からスライド、モバイル画面の80%、デスクトップで最大400px:

  • モバイル幅 = 80%
  • デスクトップ最大幅 = 400

閉じるアイコン

フィールド 説明 デフォルト
閉じるアイコンを隠す ×閉じるボタンを隠す 表示
閉じるアイコンの位置 閉じるボタンの位置: 左 / 右
閉じるアイコンの上部(px) メニューの上部から閉じるボタンまでの距離 12px

閉じるボタンを隠すと、ユーザーはメニューの外側のオーバーレイエリアをタップして閉じる必要があります。メニューが画面の大部分を覆う場合は、閉じるボタンを表示しておいてください。


デスクトップサブメニューの方向

設定 → デスクトップ → サブメニューの方向

スライドメニューがデスクトップで固定サイドバーとして表示されるとき、サブメニューは4つの方向に開くことができます:

サブメニューが開く方向
1 右(デフォルト)
2
3
4