Niedawno jeden z naszych czytelników zapytał, czy można dodać mega menu do swojej witryny WordPress? Mega menu umożliwia dodawanie wielokolumnowych rozwijanych menu do nawigacji z bogatymi multimediami, takimi jak obrazy i filmy. W tym artykule pokażemy Ci, jak łatwo dodać mega menu do swojej witryny WordPress.

How to Add a Mega Menu in WordPress

Dlaczego I kto powinien dodać Mega Menu w WordPress?

Mega menu są szczególnie pomocne w przypadku stron z dużą ilością treści. Dzięki temu właściciele witryn mogą wyświetlać więcej elementów w górnym menu.

Popularne strony internetowe, takie jak Reuters, Buzzfeed i Starbucks, używają mega menu do wyświetlania bardzo wciągających i interaktywnych menu nawigacyjnych.

Starbucks website showing a mega menu

Podczas gdy domyślne menu nawigacyjne WordPress pozwala dodawać rozwijane pod-menu, a nawet dodawać ikony obrazów obok każdego elementu, czasami wystarczy mega menu.

Przyjrzyjmy się, jak łatwo dodać mega menu do swojej witryny WordPress.

Video Tutorial

Subskrybuj WPBeginner

Jeśli nie podoba Ci się film lub potrzebujesz więcej instrukcji, Kontynuuj czytanie.

Dodawanie Mega Menu w WordPress

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Max Mega Menu. Jest to najlepsza darmowa wtyczka mega menu WordPress dostępna na rynku. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji wtyczka doda nowy element menu, Mega Menu, do menu administratora WordPress. Kliknięcie na niego przeniesie Cię do strony ustawień wtyczki.

Mega Menu settings

Ustawienia domyślne będą działać dla większości witryn. Musisz jednak zmienić kolory menu, aby pasowały do kolorów używanych przez kontener menu nawigacyjnego motywu WordPress.

Aby dowiedzieć się, które kolory są używane w Twoim motywie, możesz użyć narzędzia Inspect w przeglądarce.

Using inspect tool to find out navigation bar colors

Po uzyskaniu kolorowego kodu szesnastkowego można go wkleić do pliku tekstowego, aby użyć go później.

Następnie musisz odwiedzić stronę Ustawienia mega menu, kliknij kartę „motywy Menu”, a następnie kliknij sekcję „Pasek Menu”.

Menu bar colors

Tutaj możesz zastąpić kolor tła używany przez mega menu, aby pasował do kontenera menu nawigacyjnego Twojego motywu.

Nie zapomnij kliknąć przycisku zapisz zmiany, aby zapisać swoje ustawienia.

Teraz, gdy skonfigurowaliśmy ustawienia mega menu, stwórzmy nasze mega menu.

Najpierw musisz odwiedzić Wygląd ” Menu strona, a następnie dodaj elementy najwyższego poziomu do nawigacji. Szczegółowe instrukcje znajdziesz w naszym poradniku dla początkujących na temat tworzenia menu nawigacji w WordPress.

Następnie na ekranie menu musisz włączyć mega menu, zaznaczając pole „Max Mega Menu Settings”.

Enable mega menu

Po tym musisz wziąć mysz do pozycji menu, a zobaczysz przycisk „Mega Menu” pojawi się na karcie menu.

Kliknięcie przycisku spowoduje wyświetlenie wyskakującego okienka. Tutaj możesz dodać dowolny widget WordPress do swojego mega menu i wybrać liczbę kolumn, które chcesz wyświetlić.

Adding widgets to your mega menu

Możesz także kliknąć ikonę klucza na widżecie, aby edytować ustawienia widżetu. Nie zapomnij kliknąć przycisku Zapisz, aby zapisać ustawienia widżetu.

Gdy skończysz, możesz zamknąć wyskakujące okienko i odwiedzić swoją stronę, aby zobaczyć mega menu w akcji.

Mega menu preview

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać mega menu w WordPress. Możesz również zobaczyć nasz przewodnik, jak przyspieszyć WordPress i zwiększyć wydajność dla początkujących.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

You May Also Like

Jak stworzyć katalog stron w WordPress (krok po kroku)

W artykule: Co To jest katalog stron www?Metoda 1: Tworzenie katalogu WordPress…

Jak dodać stronę HTML Sitemap w WordPress (2 sposoby)

W artykule: Jaka jest różnica między mapami witryn XML i HTML?Metoda 1.…

Jak i dlaczego należy ograniczyć próby logowania w WordPress?

W artykule: Dlaczego warto ograniczyć próby logowania w WordPress?Jak ograniczyć próby logowania…

13 darmowych wtyczek do zarządzania użytkownikami dla WordPress (2021)

W artykule: Dlaczego potrzebujesz wtyczki do zarządzania użytkownikami w WordPress?1. Członkowie2. WPForms3.…