Jak zbudować mega menu za pomocą Elementora i ElementsKit

Czy możesz sobie wyobrazić dużą stronę internetową bez mega menu? 
Nie ma mowy!

Ludzie coraz bardziej zwracają uwagę na czas spędzany w Internecie. Najnowsze badanie to pokazuje  94% użytkowników sieci powiedzieć, że łatwa nawigacja jest najbardziej przydatną funkcją strony internetowej.
Prawie wszyscy, prawda?

Aby zwiększyć użyteczność i zdolność do angażowania użytkownika, mega menu odgrywa kluczową rolę w ulepszaniu ludzi. Proste, ale funkcjonalne mega menu zachęci użytkowników do eksploracji jeszcze większej liczby obszarów Twojej witryny i natychmiastowego podjęcia działań.

Nawet największe witryny handlu elektronicznego, takie jak Amazon i eBay, używają mega menu, aby pomóc użytkownikom przeglądać całą nawigację witryny w jednym menu. 

Nie tylko witryna e-commerce, ale także mega menu to także świetna opcja dla wszelkich serwisów informacyjnych, magazynów, wydawców treści, firm i nie tylko. 

Podczas tworzenia dużej witryny internetowej z wieloma kategoriami i podkategoriami Megamenu jest dużym, rozwijanym menu z wieloma kolumnami, w którym wszystko jest widoczne na raz.
Jestem pewien, że przychodzi mi na myśl tak wiele pytań! Prawidłowy? 

Nie martw się… Tutaj pomogę Ci uzyskać odpowiedzi na wszystkie Twoje pytania, a na końcu tego artykułu dowiesz się, jak z łatwością stworzyć własne mega menu. 

Przedstawiamy narzędzie do tworzenia mega menu ElementsKit

Korzystanie z bogatych funkcji Kreator megamenu ElementsKit możesz tworzyć i dostosowywać dowolny typ Megamenu za pomocą interfejsu treści na żywo Elementora. 

Otrzymasz odmiany mega menu, takie jak menu nawigacji i pionowe mega menu, a także wiele opcji dostosowywania. 

Ogólnie rzecz biorąc, ElementsKit Elementor Mega Menu to w pełni funkcjonalny kreator menu dla Twojej profesjonalnej witryny. 

Jak stworzyć mega menu w Elementorze? 

Elementor zapewnia wiele funkcji do projektowania mega menu, ale aby uzyskać dodatkowe funkcje, możesz użyć wtyczki innej firmy.

Dokładnie, potrzebujesz Zestaw elementów. Chociaż istnieje tak wiele wtyczek do tworzenia mega menu, ElementsKit obsługuje różne typy mega menu, w tym pionowe mega menu, poziome mega menu i wiele innych opcji dostosowywania.

Tutaj szczegółowo pokażemy Ci proces tworzenia w pełni funkcjonalnego mega menu krok po kroku.

Czego potrzebujesz, aby utworzyć megamenu w Elementorze

Aby śledzić ten blog instruktażowy, będziesz potrzebować dwóch rzeczy–>

• Elementora
• Zestaw elementów

Możesz też postępować zgodnie z instrukcjami krok po kroku:

Upewnić się Megamenu moduł jest NA z Zestaw elementów → MODUŁY.

Krok #1: Dodaj menu

• Kliknij Utwórz nowe menu.
• Dostarczać Nazwa menu=> Sprawdź Pole wyboru=> Utwórz menu.
• Kliknij Link niestandardowy=> Podaj Połączyć I Dodaj pozycje menu w ten sam sposób.

Krok #2: Dostosuj zawartość megamenu

Zaznacz pole wyboru „Włącz to menu dla zawartości Megamenu” => Kliknij na Mega menu z ikoną ustawień do którego elementu menu chcesz dodać Mega Menu.

• Otworzy się wyskakujące okienko, w którym przełącz Mega menu opcja i Ratować. Następnie kliknije EDYTUJ TREŚĆ MEGAMENU przycisk.

Wybierz Szablon

• Kliknij Elementskit Ikona biblioteki szablonów, a następnie przejdź do Nagłówki.
• Kliknij nagłówek=> Mega zawartość menu=> Wstaw dowolny Mega menu.

Kontrola Układ

• Edytuj sekcję Wewnętrzną klikając kropkowaną sekcję.
• Pole szerokości zawartości: Dostosuj szerokość treści, przeciągając w prawo lub w lewo.
• Treść na całej szerokości: Wybierać Pełna szerokość.

Wybierać Przerwa w kolumnie

• Przerwa w kolumnie=> Wybierz odstęp między kolumnami upuścić.

Wybierz pozycję

• Wzrost: Wybierz swój wzrost, przeciągając od lewej do prawej.
• Wyrównanie w pionie: Wybierz opcję Wyrównanie w pionie z listy rozwijanej.
• Przepełnienie: Wybierz opcję Przepełnienie domyślne lub Ukryte.

Wybierać Znacznik HTML

• Wybierz swój Znacznik HTML z Upuścić.

Dostosuj Mega Menu Tekst nagłówka

• Wybierz typ ikony.
• Włącz opcję dodawania ikony.
• Prześlij ikonę nagłówka.
• Dodaj lub edytuj tytuł.
• Dodaj opis edycji.

Dostosuj tekst

• Dodaj lub edytuj tekst.
• Dodaj lub edytuj podtytuł.
• Włącz wyświetlanie etykiety.
• Dodaj lub edytuj etykietę.
• Dostosuj kolor tła, typografię, dopełnienie, wyrównanie, promień.

Krok #3: Dostosuj Ikona

1. Kliknij 'Aktualizacja', aby zapisać menu=> Zamknij edytor.
2. Teraz przejdź do zakładki Ikony=> Wybierz dowolny kolor z Palety Kolorów.
3. Wybierz Ikonę z Biblioteki Ikon.
4. Teraz przejdź do witryny => pojawiła się wybrana ikona i kolor.

Krok #4: Dostosuj Odznaka

• Dodaj lub edytuj tekst.
• Wybierać Kolor odznaki.
• Wybierać Kolor tła odznaki.
• Kliknij Ratować.

Krok #5: Ustawienia

Domyślna szerokość

• Wybierz szerokość Mega Menu: Domyślny.
• Wybierz pozycję Mega Menu: Domyślny.
• Zapisz okno.
• Widok witryny: Pokazuje domyślną szerokość z domyślną pozycją.

Domyślny krewny 

• Wybierz szerokość Mega Menu: Domyślny.
• Wybierz pozycję Mega Menu: Względny.
• Kliknij Ratować.
• Widok witryny: Pokazuje domyślną szerokość z pozycją względną.

Domyślna pełna szerokość

• Wybierz szerokość Mega Menu: Pełna szerokość.
• Wybierz pozycję Mega Menu: Domyślny.
• Kliknij Ratować.
• Widok witryny: Wyświetlanie pełnej szerokości z pozycją domyślną.

Pozycja względna pełnej szerokości

• Wybierz szerokość Mega Menu: Pełna szerokość.
• Wybierz pozycję Mega Menu: Względny.
• Kliknij Ratować.
• Widok witryny: Pokazuje Pełna szerokość z pozycją względną.

Niestandardowa domyślna szerokość

• Wybierz szerokość Mega Menu: Niestandardowa szerokość.
• Podaj dowolną niestandardową szerokość, ale domyślnie tak jest 750 pikseli.
• Wybierz pozycję Mega Menu: Domyślny.
• Kliknij Ratować.
• Widok witryny: Pokazuje Niestandardowa szerokość z domyślną pozycją.

Niestandardowa domyślna szerokość Względny

• Wybierz szerokość Mega Menu: Niestandardowa szerokość.
• Podaj dowolną niestandardową szerokość, ale domyślnie tak jest 750 pikseli.
• Wybierz pozycję Mega Menu: Względny.
• Kliknij Ratować.
• Widok witryny: Pokazuje Niestandardowa szerokość z pozycją względną.

Krok #6: Utwórz szablon nagłówka

Tutaj możesz skorzystać z Szablon nagłówka Elementora lub możesz użyć Szablon nagłówka ElementsKit.

• Teraz Szukaj Menu nawigacji=> Przeciągnij Ekit menu nawigacji I Upuszczać na wybranym obszarze. Pamiętaj, aby przeciągnąć menu nawigacji ElementsKit, w przeciwnym razie utworzone Megmenu nie pojawi się.
• Iść do Ustawienia menu=> wybierz utworzony Menu nagłówka z listy rozwijanej.
• Możesz tutaj dodać dowolny typ widżetu, aby dostosować szablon nagłówka.

Utwórz Mega Menu za pomocą Gutenberga

Jeśli zbudowałeś swoją stronę w edytorze bloków WordPress, możesz łatwo i sprawnie stworzyć mega menu. Wtyczka edytora bloków GutenKit jest dostępna w najprostszy sposób tworzenie mega menu WordPress w Gutenbergu.

Dzięki GutenKit możesz stworzyć całe menu w edytorze i zaprojektować mega menu zarówno w orientacji pionowej, jak i poziomej.

Wszystko, czego potrzebujesz, to zainstalować wtyczkę GutenKit Pro i zacząć budować swoją piękną witrynę w Gutenbergu.

Ostateczne wyjście

• Po zakończeniu kliknij Aktualizacja przycisk, aby zapisać menu.
• Teraz przejdź do swojej witryny i zobaczysz, że wybrane Megamenu jest odpowiednio wyświetlane.

Podsumowanie

Wreszcie szczęśliwie dotarliśmy do końca. Mam nadzieję, że pomogliśmy Ci tym tutorialem! A teraz możesz zbudować niestandardowe mega menu Elementora, używając Zestaw elementów!

Wszystkie te kroki możesz zobaczyć w jednym filmie tutaj.

Jeśli masz więcej wątpliwości lub napotkałeś inne problemy, daj nam znać w sekcji komentarzy!