Jak zbudować Mega Menu w WordPressie za pomocą Elementora

Czy potrafisz sobie wyobrazić dużą stronę internetową bez menu nawigacyjnego? 
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?

użyteczność i zdolność do angażowania użytkownika, mega menu jest idealnym typem menu nawigacyjnego dla Twojej witryny. 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łania.

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 ElementsKit Mega kreator menu 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 pełen funkcji moduł dla Twojej profesjonalnej witryny, który z łatwością plasuje się na szczycie listy najlepsze kreatory menu mega WordPress dla Elementora.

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

Aby utworzyć mega menu w Elementorze, musisz utworzyć menu z pulpitu WordPress. Aby to zrobić,

• Nawigować do Wygląd > Menu.
• Kliknij Utwórz nowe menu.
• Dostarczać Nazwa menu > Sprawdź Pole wyboru > Utwórz menu.
• Kliknij Link niestandardowy > Zapewnij Połączyć I Dodaj pozycje menu w ten sam sposób.

Krok #2: Dostosuj zawartość megamenu

W tym kroku możesz dodaj pozycje mega menu z utworzonego przez Ciebie menu WordPress.

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.

Układ sterowania

• 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ść.

Wybierz opcję Odstęp kolumny

• 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 tekst nagłówka Mega Menu

• 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 ikonę

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 > Wybrana ikona i kolor się pojawiły.

Krok #4: Dostosuj odznakę

• 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 utworzone przez siebie 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żeli stworzyłeś swoją stronę internetową w edytorze bloków WordPress, możesz także utwórz mega menu w Gutenbergu płynnie. Wtyczka edytora bloków GutenKit to najłatwiejszy sposób tworzenia 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.

Aby dowiedzieć się więcej szczegółów na temat tworzenia mega menu w WordPressie, możesz przejrzeć dokumentację ElementsKit Widżet Mega Menu dla Elementora.

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!