Widżet menu nawigacji pomaga w poruszaniu się po elementach menu. Tworzy listę rozwijaną i nadaje nagłówkowi ładny, posortowany wygląd. ElementsKit składa się z wielu rozbudowanych modułów, a jednym z nich jest Nav Menu. Jest bogaty w funkcje i łatwy w użyciu.
Zobaczmy jak to działa-
Menu nawigacji ElementsKit #
Po pierwsze, musisz włącz moduł tworzenia stopek nagłówka.
Włącz moduł #
Dostęp do panelu kontrolnego: 1. Znajdź ElementsKit -> 2. Kliknij Moduły -> 3. Znajdź Kreatora nagłówków i stopek -> 4. Zapisz zmiany
Nagłówek stopka #
1. W ElementsKit kliknij Stopka nagłówka -> 2. Kliknij Nagłówek -> 3. Dodaj nowy
Tustawienia emulacji #
- Tytuł- Wpisz nazwę szablonu
- Typ- nagłówek
- Warunki- Cała strona
2. Aktywuj/Dezaktywuj- Przełącz na WŁ
3. Kliknij opcję Edytuj za pomocą ElementsKit
Dostosowywanie #
Znajdź menu nawigacyjne ElementsKit, przeciągnij je i upuść.
Treść- w W części dotyczącej treści znajdziesz poniższe opcje ustawień.
Ustawienia menu #
- Wybierz menu- Wybranie Menu spowoduje wyświetlenie istniejących menu Twojej witryny.
- Pozioma pozycja menu- Opcje pozycji menu to Lewy, środkowy, prawy i wyjustowany.
- Lista rozwijana otwarta jako- Zostaw Najedź kursorem lub kliknij.
- Wskaźnik podmenu– Wybierz ikonę wskaźnika rozwijanego (Strzałka linii, strzałka wypełnienia, plus), który pojawia się wraz z menu nadrzędnym i działa jako klawisz nawigacyjny w podmenu. Jeśli jednak używasz wersji profesjonalnej ElementsKit, zobaczysz Ikona wskaźnika listy rozwijanej funkcję zamiast „Wskaźnik podmenu" opcja. Oto jak to działa:
![](https://wpmet.com/wp-content/uploads/2024/01/Nav-Menu-Doc-Update.png)
- Kliknij ikonę w ustawieniach paska bocznego, jak pokazano na powyższym obrazku.
![](https://wpmet.com/wp-content/uploads/2024/01/Adding-Icon-to-Breadcrumb-1.png)
2. Wyskakujące okienko otworzy bibliotekę ikon, kliknij ją.
3. Następnie naciśnij „Wstawić”, aby dodać ikonę.
4. Możesz także dodać swoją ikonę klikając „Wgrywać”, otworzy się okno Niestandardowa ikona Elementora ustawienia.
- Włączyć jedną stronę?– Jeśli chcesz wyświetlić nagłówek na jednej (bieżącej) stronie, przełącz TAK, w przeciwnym razie NIE.
- Responsywny punkt przerwania- Opcje są Tablet i telefon komórkowy.
Tak to działa, jeśli wybierzesz punkt przerwania reagujący na urządzenia mobilne i tablety:
![Ustawienia urządzeń mobilnych i tabletów są pełne opcji w widżecie menu nawigacyjnego ElementsKit.](https://wpmet.com/wp-content/uploads/2022/10/nav-mobile.gif)
Ustawienia menu mobilnego #
- Logo menu mobilnego- Ustaw logo dla widoku mobilnego.
- Link do menu- Zachowaj ustawienie domyślne dla strony głównej lub wstaw dowolny link w polu Niestandardowy adres URL. Kiedy ludzie klikną w logo, zostaną przekierowani do podanego linku.
- Ikona Hamburgera (opcjonalnie)- Wybierz ikonę z biblioteki lub prześlij plik SVG.
- Podmenu Kliknij obszar- Jeśli menu ma podmenu, możesz ustawić ikonę dla obszaru.
Styl #
- Opakowanie menu- Ta sekcja pozwala dostosować wysokość menu, typ tła, dopełnienie, szerokość, promień obramowania menu, odstępy między ikonami menu itp.
- Styl pozycji menu- Elementy menu można tutaj stylizować za pomocą typu tła, koloru, odstępów między obramowaniami, marginesami pozycji itp.
- Styl elementu podmenu- Podobnie jak pozycje menu, w tej sekcji możesz dostosować pozycje podmenu.
- Styl panelu podmenu- Rozwinięcie tej części umożliwi dostosowanie panelu podmenu z wieloma opcjami.
- Styl Hamburgera- W tej sekcji możesz stylizować hamburgera za pomocą różnych kolorów ikon, rozmiarów, pozycji, opcji i tak dalej.
- Logo menu mobilnego- Ta część służy do dostosowywania. Ta część służy do dostosowywania logo menu mobilnego zgodnie z Twoimi preferencjami.
Tutaj przygotowaliśmy przykładowe menu nawigacyjne, jest to widok na pulpit-
![Menu nawigacyjne ElementsKit zapewnia użytkownikom doskonały wygląd i możliwości wyszukiwania.](https://wpmet.com/wp-content/uploads/2020/04/nav6-1.png)
Zapewnij swoim klientom fantastyczny system wyszukiwania swoich rzeczy dzięki wpływowemu widżetowi menu nawigacyjnego ElementsKit. Skorzystaj więc z widżetu już teraz, uatrakcyjnij swój projekt i zaoszczędź czas.