Jak zbudować oszałamiające mega menu na stronie WordPress w 2022 roku?

Mega menu to oczywisty wybór, jeśli chcesz ulepszyć nawigację w witrynie.

Nie tylko wyglądają fajnie, mega menu mogą również ułatwić odwiedzającym znalezienie większej ilości Twoich treści. Według badań przeprowadzonych przez ekspertów UX, Jakoba Nielsena i Angie Li, może to mieć pozytywny wpływ na współczynniki konwersji.

Dobre narzędzie do mega menu WordPress ułatwia dodawanie różnych treści do rozwijanych lub rozwijanych obszarów menu. Mogą zawierać więcej linków, obrazów, przycisków, a nawet produktów.

Za pomocą menu możesz także kierować ruch na określone strony w swojej witrynie, zwiększać konwersje i promować oferty.

Jeśli chcesz wyrównać swoje menu, czytaj dalej, aby dowiedzieć się, jak zbudować mega menu na stronie WordPress.

Co to jest Mega Menu?

Aby wszyscy byli na tej samej stronie, oto krótkie wyjaśnienie, co mamy na myśli, gdy mówimy o mega menu.

Zazwyczaj mega menu to rozwijane menu lub rozwijany obszar nawigacji, który zwykle zawiera więcej niż tylko linki tekstowe.

Źródło obrazu www.next.co.uk

Mogą mieć różne kształty i rozmiary. Niektóre obejmują całą szerokość obszaru zawartości, podczas gdy inne są wystarczająco szerokie, aby pomieścić to, co zostało do nich dodane.

Dobre narzędzie do mega menu WordPress ułatwia również dostosowywanie wyglądu poprzez dodawanie niestandardowych kolorów, obrazów tła i etykiet.

Dobre narzędzie pozwoli Ci wstawić ikony, obrazy i prawie każdą inną zawartość, którą możesz wymyślić, do rozwijanych menu.

Najlepsze narzędzia mega menu WP pozwolą również wyświetlać widżety w rozwijanych obszarach nawigacji, znacznie zwiększając opcje.

Jedną z głównych zalet mega menu jest to, że dają one możliwość organizowania linków w menu w bardziej przyjazny dla użytkownika sposób.

Na przykład możesz użyć różnych kolorów i formatowania, aby oddzielić elementy menu, aby ułatwić odwiedzającym znalezienie tego, czego szukają.

Dodanie etykiet, ikon i obrazów do mega menu może również zwrócić uwagę na kluczowe elementy treści.

Jeśli zrobisz to dobrze, będziesz w stanie zmienić nawigację w witrynie w angażujący, informacyjny i konwertujący zasób!

Jakie funkcje ma Mega Menu?

Najważniejszą cechą, na którą należy zwrócić uwagę przy wyborze narzędzia, które pozwoli Ci zbudować mega menu na stronie WordPress, jest to, jak dużo kontroli daje.

Potrzebujesz również narzędzia mega menu WordPress, aby ułatwić dostosowywanie jego wyglądu.

Nie można też pominąć łatwości użytkowania!

Jak dodać funkcję WordPress Mega Menu do swojej witryny?

Domyślnie WordPress nie ma funkcji mega menu. Jednak dzięki ogromnej bibliotece dodatków innych firm bardzo łatwo jest dodać mega menu do witryny WordPress, pod warunkiem, że wybierzesz odpowiednie narzędzie.

Jednym z takich narzędzi jest Astra Pro.

Posiada wszystkie funkcje, których potrzebujesz, aby dodać mega menu do swojej witryny WordPress.

Jak zaraz zobaczymy, jest również bardzo łatwy w użyciu.

Jak zbudować Mega Menu WordPress z Astra Pro

Astra Pro to dodatek premium do darmowego motywu Astra WordPress. Zainstalowanie wtyczki Astra Pro na stronie WordPress przy użyciu motywu Astra dodaje wszystkie funkcje potrzebne do zbudowania mega menu, a także o wiele więcej.

Korzystanie z Astry Pro oznacza, że ​​nie tylko uzyskasz dostęp do potężnego motywu swojej witryny. Otrzymasz również wszystkie funkcje wtyczki mega menu WordPress premium.

Jeśli to brzmi zachęcająco, oto przewodnik, jak zbudować mega menu na stronie WordPress z Astra Pro.

Zainstaluj motyw Astry

Ponieważ motyw Astra jest dostępny bezpłatnie, można go dodać do swojej witryny bezpośrednio z pulpitu WordPress.

Aby rozpocząć, po prostu zaloguj się do pulpitu WordPress, a następnie kliknij pozycję menu Wygląd > Motywy z panelu po lewej stronie.

Następnie kliknij przycisk Dodaj nowy na stronie Motywy.

Teraz wyszukaj Astrę , a następnie kliknij przycisk Instaluj .

Po zainstalowaniu motywu kliknij Aktywuj .

Zainstaluj wtyczkę Astra Pro

Aby dodać funkcję mega menu do swojej witryny, musisz również zainstalować wtyczkę Astra Pro.

Możesz kupić i pobrać Astrę Pro tutaj.

Po pobraniu na komputer możesz przesłać go do pulpitu WordPress.

Aby to zrobić, kliknij Wtyczki > Dodaj nowy z menu paska bocznego.

Następnie kliknij przycisk Prześlij wtyczkę i znajdź lokalizację pliku wtyczki Astra Pro.

Teraz kliknij przycisk Zainstaluj teraz .

Po zainstalowaniu wtyczki kliknij Aktywuj i wprowadź swoją licencję, aby w pełni aktywować wtyczkę.

Aktywuj moduł menu nawigacyjnego

Funkcjonalność mega menu Astra Pro znajduje się w module Nav Menu. Aby utworzyć swoje pierwsze mega menu, włącz ten moduł na stronie Opcje Astry.

Zrób to, klikając Wygląd > Opcje Astry .

Następnie na stronie Opcje Astry kliknij łącze Aktywuj dla modułu menu nawigacyjnego.

Utwórz Mega Menu WordPress

Teraz czas zacząć budować mega menu. Najpierw kliknij pozycję Wygląd > Menu z menu paska bocznego.

Jeśli witryna nie ma jeszcze skonfigurowanych żadnych menu, wprowadź nazwę w polu Nazwa menu i wybierz lokalizację wyświetlania menu głównego.

Następnie kliknij przycisk Utwórz menu .

Następnie dodaj co najmniej jeden element do menu, wybierając strony lub posty z panelu po lewej stronie i klikając Dodaj do menu .

Teraz rozwiń jeden z właśnie dodanych elementów, na przykład stronę, i kliknij przycisk Ustawienia menu Astra .

Na wyskakującym ekranie opcji menu Astry zaznacz pole, aby włączyć mega menu.

Po wykonaniu tej czynności możesz wybrać szerokość mega menu z menu rozwijanego.

Możesz także ustawić obraz tła lub kolor mega menu.

Jeśli włączysz obraz tła, możesz również określić sposób jego wyświetlania.

Astra Pro pozwala również kontrolować sposób wyświetlania linków w Twoim mega menu, dając Ci możliwość zastąpienia domyślnych kolorów menu Twojej witryny.

Jeśli chcesz, aby element menu się wyróżniał, możesz również nadać mu niestandardową etykietę tekstową z własnymi ustawieniami kolorów.

Inną opcją jest użycie etykiet wyróżnionych, aby szybko dodać dodatkowy tekst do elementów menu.

Jeśli dodasz etykietę, zostanie ona wyświetlona obok pozycji menu, do której ją dodałeś.

Ustawienia zaawansowane pozwalają dostosować margines i dopełnienie elementów menu.

Dodawanie podmenu do Mega Menu

Każdy element dodany do Twojego menu, taki jak link do strony, będzie nową kolumną w rozwijanym obszarze mega menu.

Możesz jednak również dodać elementy podrzędne do tych elementów najwyższego poziomu, jak pokazano poniżej:

Aby to zrobić, dodaj więcej pozycji do swojego menu, wybierając je z dostępnych opcji.

Po kliknięciu przycisku Dodaj do menu , aby dodać elementy do menu, możesz je ułożyć tak, aby stanowiły podpozycję jednego z najważniejszych elementów.

Powinieneś otrzymać strukturę podobną do tej na poniższym zrzucie ekranu.

Możesz spersonalizować menu, przesuwając elementy, zmieniając ich właściwości wyświetlania i dodając etykiety.

Dodawanie własnej zawartości do Mega Menu

Na tym nie kończy się funkcjonalność mega menu Astry Pro. Jeśli chcesz być jeszcze bardziej kreatywny, możesz dodać do mega menu szereg treści, w tym niestandardowy tekst, widżety i szablony.

Do mega menu możesz dodać dowolne widżety, które są aktywne w Twojej witrynie, niezależnie od tego, czy jest to część WordPressa, Astry, czy innej wtyczki.

Streszczenie

Jak widać, dodanie mega menu do witryny WordPress jest całkiem proste, jeśli wybierzesz odpowiednie narzędzie.

Za pomocą kilku kliknięć możesz zacząć ulepszać swoje menu WordPress, aby działały tak, jak chcesz.

Niezależnie od tego, czy chcesz, aby Twoje menu wyglądały lepiej, czy lepiej służyły Twoim celom, mega menu może Ci pomóc.

Więcej informacji na temat tej funkcji można znaleźć na stronie mega menu Astra Pro w naszej witrynie internetowej.