Jak dodać elementy menu Elementora w WordPress

Elementor_MegaMenu_Wpmet

Czy chcesz dodać menu do swojej witryny Elementor? Zatem trafiłeś we właściwe miejsce! W tym samouczku pokażemy Ci jak utworzyć menu Elementora, skonfigurować i dostosować menu nawigacyjne Na twojej stronie.

W przypadku każdego rodzaju witryny internetowej niestandardowe pozycje menu są koniecznością. Ułatwiają nawigację i pomagają ludziom znaleźć potrzebne informacje za pomocą zaledwie kilku kliknięć.

Wielu właścicieli witryn internetowych umieszcza menu w nagłówku strony, aby pojawiały się na każdej stronie ich witryny. Jego łatwo dodać menu w Elementorze, zwłaszcza jeśli zastosujesz się do naszych wskazówek i trików 😉

W tym artykule dowiesz się, jak korzystać z narzędzia Zestaw elementów widżet menu nawigacyjnego w Elementora. W poniższym przewodniku możesz stworzyć i dostosować jedyne w swoim rodzaju menu!

Co to jest WordPress z Mega Menu Elementor?

W ostatnich latach coraz większą popularnością cieszy się dodawanie menu na stronach internetowych. To bogate menu nawigacyjne może Ci w tym pomóc usprawnienie nawigacji witryny umożliwiając użytkownikom łatwe przeglądanie materiałów i odkrywanie tego, czego szukają.

Możesz używać stron, postów, kategorii i adresów URL jako elementów menu w domyślnym menu nawigacyjnym WordPress, które jest stylizowane na Twój motyw.

To byłby jeden z najważniejsze elementy Twojej witryny aby w pełni wykorzystać swoją obecność w Internecie. Menu to pierwszy element, który powinieneś rozważyć dodaniu do swojej witryny WordPress.

Oto dwa powody, dla których możesz potrzebować widżetu ElementsKit – menu nawigacji:

  • Chcesz stworzyć gigantyczny i niestandardowy układ menu.
  • Potrzebujesz zaawansowanej wtyczki z kompleksowym rozwiązaniem dla swojej witryny.

Używając ElementsKit w jednym dodatku do widżetów Elementor i potężnych funkcji dostosowywania, możesz stworzyć bogate w treść menu za pomocą naszej zupełnie nowej wtyczki WordPress z mega menu.

🔔 Czy wiesz?
Nie masz tak dużej kontroli nad nagłówkiem i stopką, jak byś chciał, korzystając z motywu WordPress lub narzędzia do tworzenia stron.

Chcieć wiedzieć więcej? Nie zapomnij przejrzeć naszego najnowszego bloga na Jak utworzyć i dostosować stopkę nagłówka – Kreator stron Elementor

Co Mega Menu Elementora od ElementsKit ma do zaoferowania:

Elementor Mega Menu_ElementsKit
Menu Elementora, ElementsKit

Jak każdy inny WordPress Elementora rozszerzenia menu, ElementsKit otwiera także mnóstwo możliwości „włamania się” do normalnego menu WordPress.

Mówiąc dokładniej, wtyczka pomoże Ci w następujących aspektach:

  • Dostosuj menu za pomocą tagów, koloru, efektu najechania i ikon.
  • Zmień wygląd menu najwyższego poziomu i podmenu.
  • Twórz menu pionowe i poziome.
  • Wybierz swoje układ nagłówka z biblioteki ElementsKit. 
  • Dodaj efekty animacji, aby wyświetlić podmenu.
  • Dodaj jednym kliknięciem, przeciągając i upuszczając widżet menu nawigacyjnego.
  • Działa doskonale również z platformami eCommerce (np. WooCommerce)
  • Twórz treści w kreatorze stron Elementor.
  • Użyj dowolnych widżetów elementów, które lubisz.
  • Responsywny 100%.
  • Styl menu poza płótnem w widoku tabletu.
  • Pokaż zawartość kreatora lub proste listy jako podmenu w widoku tabletu.
Pobierz swój kompleksowy dodatek do Elementora
Zbuduj menu nawigacyjne i mega menu WordPress za pomocą ElementsKit

I oczywiście najlepsze jest to, że Menu ElementsKit Nav jest dostępne zarówno w wersji bezpłatnej, jak i premium wersje. Nawet jeśli nie kupisz płatnych subskrypcji, nadal będziesz mieć dostęp do tej niesamowitej funkcji menu Elementora w swojej witrynie.

Jak tworzyć pozycje menu w Elementorze

Rzućmy okiem na kilka rzeczywistych przypadków i omówmy naszą lekcję dotyczącą dużego menu WordPress. Teraz masz zamiar wyjechać za granicę, aby utworzyć mega menu, nagłówek i dodać jego zawartość w WordPressie.

Utwórz menu

Aby utworzyć menu Elementora, musisz to zrobić Włączyć coś opcja mega menu ze startu ElementsKit Moduły stronę i po jej włączeniu kliknij przycisk Zapisz zmiany przycisk.

Aktywuj Mega Menu WordPress ElementsKit
Aktywuj zestaw Mega Menu ElementsKit

Utworzenie menu elementora wymaga kilku prostych kroków. Po prostu idź do swojego Panel WordPressa następnie kliknij Menu. Następnie zobaczysz sekcję o nazwie Struktura menu. Następnie wprowadź swoje Nazwa menu lub nagłówek menu i kliknij Utwórz menu.

Konfiguracja struktury Mega Menu WordPress
Konfiguracja struktury Mega Menu

Teraz rozwiń Linki niestandardowe i umieść swoje Adres URL jak również Tekst linku, a następnie po prostu kliknij Dodaj do menu.

📝Krótka notatka
Możesz dodawać, usuwać lub edytować dowolną liczbę mega pozycji menu, powtarzając tę samą metodę.

Czas dodać pozycje menu w Elementorze za pomocą ElementsKit. Ale wcześniej musisz zaznaczyć ✅ włącz menu dla zawartości mega menu pod sekcją Nazwa menu. 

Włącz WordPress w Mega Menu ElementsKit
Włącz megamenu ElementsKit

Następnie zobaczysz na swoim urządzeniu znacznik Mega Menu Tekst linku. Po kliknięciu na Mega menu tag, otworzy się wyskakujące okienko.

Edytuj Mega Menu WordPress ElementsKit
Edytuj zestaw elementów zawartości Mega Menu

Aby włączyć opcję Mega Menu, musisz kliknąć opcję Włącz EDYTUJ ZAWARTOŚĆ MEGA MENU przycisk i zapisz. Wszystko gotowe! 

🧐 Więcej informacji na temat menu Elementora
Nie zapomnij odwiedzić naszego bloga na Jak utworzyć mega menu za pomocą Elementora i ElementsKit

Najbardziej kompletne rozwiązanie WooCommerce

Importuj menu (pionowe mega menu)

Aby utworzyć menu pionowe, najpierw musisz to zrobić włączyć coś the menu pionowe widżet. Następnie kliknij Zapisz zmiany.

Aktywuj widget menu pionowego, ElementsKit
Aktywuj widget menu pionowego, ElementsKit

Następnie kliknij Szablony po lewej stronie pulpitu nawigacyjnego. Już po kliknięciu Importuj szablony.

Kliknij opcję Importuj szablony, ElementsKit
Kliknij opcję Importuj szablony, ElementsKit

Teraz musisz wybrać Wybierz plik z Twojego urządzenia. Następnie po prostu kliknij Importuj teraz. Zobaczysz jednocześnie wszystkie zaimportowane dane.

Importuj plik, ElementsKit
Importuj plik, ElementsKit

Ponadto, aby utworzyć pionowe menu z danymi, musisz przejść do Wygląd następnie kliknij Menu. Możesz także wykonać tworzenie menu z góry. Aby uzyskać więcej informacji, odwiedź naszą witrynę z dokumentacją w menu pionowym.

Dostosowywanie menu 

Nadszedł czas, aby dostosować treść i aby to zrobić, kliknij przycisk EDYTUJ ZAWARTOŚĆ MEGA MENU przycisk. Zaraz po kliknięciu przycisku zobaczysz, że pojawił się ekran w stylu menu Elementora. 

Kliknij opcję Edytuj zawartość MegaMenu
Kliknij opcję Edytuj zawartość MegaMenu

Wszystko, co musisz zrobić, to kliknąć na Ikona ElementsKit i wybierz które predefiniowany nagłówek chcesz umieścić na swojej stronie internetowej. 

Przycisk widgetu ElementsKit
Przycisk widgetu ElementsKit

Zaraz po kliknięciu na Przycisk widżetu ElementsKit, przeniesie Cię do biblioteki widżetów. W którym otrzymasz mnóstwo gotowych stron, szablonów i sekcji. Ale aby utworzyć sekcję mega menu, musisz kliknąć Sekcje

Wybierz zestaw elementów układu MegaMenu WordPress
Wybierz zestaw elementów układu MegaMenu

Aby utworzyć i dostosować elementy menu w Elementorze. Musisz wybrać układ pozycji Mega Menu i zacząć dostosowywać go do woli!

Tutaj znajdziesz 3 części (Układ, styl i zaawansowane) dostosowywania menu Elementora za pomocą ElementsKit:

Układ:
W tej sekcji zobaczysz wiele opcji do edycji układu i struktury menu Elementora. Masz pełną kontrolę nad tym, jak powinno prezentować się Twoje mega menu.

Edytuj układ MegaMenu
Edytuj układ MegaMenu

Teraz dzięki widżetowi mega menu ElementsKit możesz dostosować swoje Szerokość treści, możesz ustawić je jako menu pełnoekranowe lub dostosować dowolny rozmiar przesuwając w prawo lub w lewo. Luki w kolumnach pomiędzy swoim mega menu można również dostosować tak, jak lubisz.

Opcje układu — ElementsKit
Opcje układu – ElementsKit

Za pomocą menu ElementsKit Elementor możesz edytować wysokość elementów menu. Posiada również wiele opcji edycji pliku Wyrównanie w pionie, Przelewowy, Tagi HTML które można zmienić zgodnie z żądaniem.

Styl:
Dzięki opcjom stylu mega menu ElementsKit możesz zmienić wygląd całego menu. Aby być bardziej szczegółowym, możesz zmienić lub edytować plik Tło, Nakładka tła, Granica, Dzielnik kształtu, i oczywiście Typografia.

Opcje stylu — ElementsKit
Opcje stylu – ElementsKit

Widżet mega menu Elementora autorstwa ElementsKit to ratunek. Zawiera szereg elementów przypominających menu, które pomogą Ci w optymalnym wykorzystaniu pozycji menu. 

Zaawansowany:
Nasze zaawansowane opcje w stylu menu dla menu WordPress to coś, czego zawsze szukałeś. Tak, opcje mega menu ElementsKit Elementor również pomogą Ci uzyskać dostęp do całych sekcji zaawansowanych i edytować je. 

Opcje zaawansowane — ElementsKit
Opcje zaawansowane – ElementsKit

W którym możesz stworzyć zupełnie nowy układ menu. ElementsKit ma bardziej zaawansowane alternatywy jak dodawanie efekty, lepki, efekty ruchu, unosić się personalizacja i wiele innych, które jeszcze bardziej poprawią Twoje doświadczenie redakcyjne i sprawią, że Twoje mega menu będzie inteligentniejsze. 

Konfigurowanie menu nawigacji dla Elementora

Ostatnią i najważniejszą częścią jest zsynchronizowanie mega menu potrzebnego do utworzenia nagłówka na Twojej stronie Elementora. 

Teraz pokażemy Ci, jak utworzyć niestandardowy szablon nagłówka Elementora. Cóż, jest dla Ciebie kolejna dobra wiadomość dotycząca widżetu menu nawigacyjnego ElementsKit. Możesz utworzyć układ menu nawigacyjnego, po prostu klikając nasze gotowe opcje układu menu WordPress. 

Zacznijmy! 

Przede wszystkim musisz iść do Zestaw elementów na pulpicie nawigacyjnym WordPress, a następnie kliknij Nagłówek stopka, aby aktywować widżet menu nawigacji na swojej stronie internetowej. 

Wybierz opcję Stopka nagłówka w ElementsKit
Wybierz opcję Stopka nagłówka w ElementsKit

Następnie kliknij Dodaj nowe wspomniane zaraz po szablonach. 

Utwórz nagłówek w ElementsKit
Utwórz nagłówek w ElementsKit

Po kliknięciu na Dodaj nowe przycisk a Ustawienia szablonu wyskoczy, co jest ostatnią częścią integracji mega menu w Twojej witrynie.

Ustawienia szablonu w ElementsKit
Ustawienia szablonu w ElementsKit

W tej sekcji musisz nadać swojemu menu nawigacyjnemu nazwę o nazwie tytuł nagłówka. Możesz także zmienić warunki nagłówka i kliknij aktywację (jeśli jesteś gotowy i zadowolony ze swoich mega pozycji w menu.)

W końcowej części nie zapomnij kliknąć edytuj za pomocą elementora przycisk tuż przed Zapisz zmiany przycisk. 

Teraz pokażemy Ci 2 sposoby dodania mega menu za pomocą widżetu menu nawigacyjnego autorstwa ElementsKit.

Metoda pierwsza: 

Pierwszą metodą, którą możesz wykonać po kliknięciu, jest dodanie widżetu menu nawigacyjnego do swojej witryny edytuj za pomocą elementora przycisk, wystarczy kliknąć element ElementsKit ikona widżetu następnie idź do Sekcje i wybierz styl nagłówka którykolwiek wolisz. 

Pierwsza metoda menu nawigacji — ElementsKit
Pierwsza metoda menu nawigacji – ElementsKit

Potem zobaczysz swoje nagłówek tytuł dodany z pulpitu nawigacyjnego WordPress pojawi się w zaznaczeniu sekcja menu. Klikając tytuł nagłówka, zobaczysz, że wszystkie pozycje mega menu są widoczne.

Metoda druga:

Możesz także osadzić widżet menu nawigacji poprzez opcja przeciągnij i upuść a także dodaj wokół niego różne elementy (np. obrazy, filmy, inne sekcje itp.)

Wszystko, co musisz zrobić, to wybrać dowolny typ sekcji (w tym przykładzie wybrałem trzy sekcje). Wyszukaj widżety, które wolisz dodać z poziomu pulpitu nawigacyjnego Elementora.

W tym przykładzie przeciągnęliśmy obraz, menu nawigacyjne i wideo. Możesz dodać dowolną liczbę sekcji i widżetów. 

Metoda druga w menu nawigacji — ElementsKit
Metoda druga w menu nawigacji – ElementsKit

Następnie ponownie można użyć tej samej metody do aktywacji menu nawigacyjne: na Wybierz menu sekcji, zobaczysz tytuł nagłówka dodany z pulpitu nawigacyjnego WordPress. Kliknięcie tytułu nagłówka spowoduje wstawienie wszystkich pozycji mega menu. 

Teraz już wiesz, że korzystanie z widżetu menu nawigacyjnego jest niezwykle proste i gotowe! Pamiętaj, że w ElementsKit możesz także tworzyć menu poza płótnem. 

🛠 Dodatkowe informacje
Aby dowiedzieć się więcej na temat menu poza płótnem w ElementsKit, nie zapomnij obejrzeć naszego najnowszego filmu na temat budowanie menu poza płótnem przy użyciu ElementsKit

Końcowe przemyślenia

Mega menu to wspaniałe narzędzia usprawniające nawigację w witrynie. Pozwalają ci uporządkować dużą liczbę kategorii i towarów, aby ułatwić użytkownikom przeglądać zawartość.

Tworzenie Mega Menu z dodatkiem ElementsKit dla Elementora jest zawsze po to, aby zapewnić Ci najlepsze wsparcie za darmo. Jeśli dodajesz je samodzielnie, na początek może Ci pomóc wbudowana opcja Nav Mega Menu dodatku ElementsKit.

ElementsKit jest prosty, konfiguracja i dostrajanie zajmuje niewiele czasu, jest również prosty w użyciu. Mamy jednak nadzieję, że ten artykuł był na tyle pomocny, że dał przegląd całego aspektu mega menu.

Jeśli masz jakiekolwiek pytania dotyczące Mega Menu, Nav Menu lub ich funkcjonalności, zostaw komentarz poniżej.

Jeśli spodobał Ci się ten artykuł, z pewnością znajdziesz więcej przydatnych wskazówek i blogów, dołączając do naszego Społeczność WPmet Śledź nas na Facebook twitter. Na koniec nie zapomnijcie zasubskrybować naszego kanału na Youtube dla przydatnych tutoriali.

Uwagi

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *