ElementorのPro版(有料)ではメガメニューを作ることができます。Pro版であればほかのプラグインは必要ありません。
さっそく使い方をみていきましょう。
そもそもメガメニューとは?
メガメニューは、ウェブサイトやアプリケーションのナビゲーションメニューの一種です。通常のドロップダウンメニューとは異なり、メガメニューはより大規模で複雑なメニュー構造を提供します。
Amazonもメガメニューを採用しています。
メガメニューの機能をオンにしよう
サイドバー「Elementor」>「設定」で「機能」タブを開く。
※メニューの機能をオンにするには「Nested Elements」の機能もオンにしてください
メニューを「有効化」にして変更を保存をクリック。
機能をオンにすると、ウィジェットに「メニュー」が表示されます
メガメニューを作ってみよう
- Menu Itemsのタイトルがメニューテキストになる
- Dropdown ContentをONで▼が現れる
- ▼をクリックでコンテナを編集できる
追加した Menu Items で作り込んでいきましょう。
メガメニューの作り方は「WordPressサイト制作実践講座」の動画で詳しく解説しています