WordPressのメニューシステムに関連するデータベースです。
メニューごとのテンプレートの場所
| メニュー名 | メニューID | テンプレートパス |
|---|---|---|
| ヘッダ: メニュー 1 | header_nav_01 | 大（2段）のときtemplate-parts/header-bottom.phpそれ以外のとき template-parts/header-top.php |
| ヘッダ: メニュー 2 | header_nav_02 | template-parts/header-top.php |
| ヘッダ: メニュー 3 | header_nav_03 | template-parts/header-top.php |
| ヘッダ: メニュー 4 | header_nav_04 | template-parts/header-bottom.php |
| フッタ: メニュー 1 | footer_nav_01 | template-parts/footer-contents.php |
| フッタ: メニュー 2 | footer_nav_02 | template-parts/footer-contents.php |
| ドロワー: メニュー 1 | drawer_nav_01 | template-parts/drawer-contents.php |
| ドロワー: メニュー 2 | drawer_nav_02 | template-parts/drawer-contents.php |
| 画面下部固定ナビ | sticky_nav | template-parts/sticky.php |
メニューの外観とCSSセレクタの対応表
mosir での、メニューの外観とCSSセレクタ（コンポーネント）は以下の通り定義しています。
例: ボタンメニューの場合
CSSセレクタは .p-buttonMenu です。
例: 水平メニュー（矢印付き）の場合
CSSセレクタは .p-horizontalMenu.p-horizontalMenu--arrowed
| メニューの外観 | 有効化直後のメニュー位置 | CSSセレクタ |
|---|---|---|
| メガメニュー | ヘッダ: メニュー 1 | .p-megaMenu |
| 水平メニュー（矢印付き） | ヘッダ: メニュー 2 | .p-horizontalMenu.p-horizontalMenu--arrowed |
| 水平メニュー（デフォルト） | ヘッダ: メニュー 3 フッタ: メニュー 2 | |
| ボタンメニュー | ヘッダ: メニュー 4 | .p-buttonMenu |
| サイトマップ | フッタ: メニュー 1 ドロワー: メニュー 2 | .p-sitemap |
| 垂直メニュー | ドロワー: メニュー 1 | .p-verticalMenu |
| 固定メニュー | 画面下部固定ナビ | .p-stickyMenu |