Mega menu pozwalają użytkownikom zobaczyć więcej linków za jednym razem, bez konieczności przewijania, najeżdżania kursorem i zapamiętywania treść z Twojego menu. Najlepszym sposobem myślenia o megamenu jest to, że są to menu rozwijane w menu rozwijanym.
Tak więc zamiast zwykłego menu rozwijanego, które wyświetla podmenu po najechaniu kursorem na główne łącza nadrzędne na pasku nawigacyjnym, megamenu pozwala mieć dodatkowe łącza nadrzędne i podmenu w menu rozwijanym.
Jak dodać mega menu do paska nawigacyjnego
Zaloguj się do pulpitu nawigacyjnego WordPress i przejdź do Wyglądy> Menu .
Utwórz menu z czterema łączami nadrzędnymi, przy czym każdy z łączy nadrzędnych ma własne łącza podmenu. W poniższym przykładzie dodaję trzy elementy podmenu pod każdym z czterech łączy menu nadrzędnego.
Utwórz dodatkowy link, który będzie służył jako link do megamenu. W poniższym przykładzie nazywam ten link „Głównym”. Następnie przeciągnij dwa łącza menu nadrzędnego (każdy z łączami podmenu) poniżej łącza głównego.
Teraz, aby stworzyć swoje Megamenu, musisz dodać specjalną klasę CSS do głównego łącza najwyższego poziomu o nazwie „Main”. Możesz to zrobić, klikając łącze opcji ekranu u góry strony i upewniając się, że opcja klasy CSS jest zaznaczona.
Na koniec musisz dodać klasę CSS do właśnie utworzonego łącza „Main”. Kliknij strzałkę po prawej stronie pozycji menu „Główne”, aby przełączyć dodatkowe opcje konfiguracji. Znajdź pole tekstowe oznaczone jako Klasy CSS i wprowadź klasę „mega-menu”.
Teraz, kiedy ponownie załadujesz swoją stronę, zobaczysz, że wszystkie poprzednie menu zostały umieszczone w gigantycznym menu pod tym linkiem, Mega Menu.
To wszystko na ten tutorial, mam nadzieję, że pozwoli Ci stworzyć mega menu na Divi w całej prostocie.