Jeśli chcesz utworzyć mega menu Elementora w WordPressie, moduł Mega Menu ElementsKit może ułatwić i przyspieszyć ten proces. Przeczytaj tę dokumentację, aby dowiedzieć się, jak utworzyć mega menu w WordPressie za pomocą ElementsKit w kilku prostych krokach.
Przegląd #
ElementsKit to wszechstronny dodatek, który zapewnia najlepszy możliwy sposób tworzenia witryn WordPress z szeroką gamą widżetów, modułów i wstępnie zaprojektowanych szablonów z możliwością dostosowania.
Obejmuje to Moduł Mega Menu z ElementsKit plugin. Mega menu to potężna funkcja w WordPressie, która umożliwia tworzenie rozwijanego menu opartego na kategoriach z elastycznymi układami. Mega menu Elementora są łatwe w użyciu i mogą być świetnym sposobem na uporządkowane pokazanie menu witryny.
Obejrzyj nasz przewodnik wideo:
Możesz też skorzystać z instrukcji krok po kroku, jak utworzyć mega menu w Elementorze:
Warunek wstępny: #
- Wtyczka Elementor Page Builder
- ElementsKit Pro
Jak utworzyć WordPress Mega Menu w Elementora #
Przede wszystkim, zanim Tworzenie Elementora Mega Menu w WordPressie pamiętaj o włączeniu ElementsKit Mega menu moduł z ElementsKit > Moduł na pulpicie nawigacyjnym WordPress.
Krok #1: Konfiguracja menu #
Do utwórz mega menu WordPress Na twojej stronie,
- Nawigować do Wygląd > Menu z panelu WordPress.
- Kliknij Utwórz nowe menu.
- Wprowadź a Nazwa menu.
- Kliknij na Utwórz menu przycisk.
Teraz możesz dodaj pozycje do mega menu. Za to,
- Zwiększać Linki niestandardowe w pozycji „Dodaj pozycję menu” w prawej kolumnie.
- Wprowadź a Adres URL I Tekst linku.
- Kliknij Dodaj do menu.
Następnie w ten sam sposób dodaj inne pozycje menu.
Następnie zaznacz pole wyboru „Włącz to menu dla zawartości Megamenu”. Po włączeniu mega menu należy kliknąć mega ikona ustawień menu po najechaniu kursorem na pozycje menu.
Krok #2: Dostosuj zawartość Elementora Megamenu #
Po kliknięciu ikony ustawień mega menu otworzy się wyskakujące okienko. W wyskakującym okienku
- Przycisk przełączania, aby włączyć Mega Menu.
- Kliknij na Ratować przycisk.
- Następnie kliknij EDYTUJ TREŚĆ MEGAMENU przycisk. Przeniesie Cię do przycisku edytora Elementora.
- Kliknij Ikona biblioteki szablonów ElementsKit
- Przejdź do sekcji=> Kliknij na Kategoria=> Wybierz Megamenu z listy.
- Wstaw dowolny Elementor Mega menu Treść.
- Zobaczysz, że wstawiony element zostanie wyświetlony.
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 z upuścić.
Wybierz pozycję #
- Wysokość: Wybierz wysokość, przeciągając od lewej do prawej.
- Wyrównanie w pionie: Z listy rozwijanej wybierz opcję Wyrównanie w pionie.
- Przelewowy: Wybierz opcję Przepełnienie domyślne lub Ukryte.
Sekcja rozciągania #
Przełącz ten przycisk, aby rozszerzyć menu na całą szerokość ekranu, od prawej do lewej.
Wybierz opcję Tag 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, aby Pokaż etykietę.
- Dodaj lub edytuj Etykieta.
- Dostosuj Kolor tła, typografia, dopełnienie, wyrównanie, promień.
- Po zakończeniu kliknij opcję Aktualizuj i zamknij okno.
Krok #3: Dostosuj ikonę #
- Teraz idź do Zakładka Ikona=> Wybierz dowolny kolor z Paleta kolorów.
- Wybierać Ikona z Biblioteka ikon.
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.
- Ratować 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. Zobaczmy, jak to dodać.
- Nawigować do ElementsKit → Stopka nagłówka → i kliknij Dodaj nowe.
- Otworzy się wyskakujące okienko z opcjami.
- W wyskakującym okienku wpisz a Tytuł, Wybierz Wpisz → nagłówek.
- Wybierz Warunki → Cała strona.
- Przełącz Aktywacja opcję i kliknij Edytuj za pomocą Elementora.
- Wybierz swój Struktura z wybranego obszaru.
- Teraz Szukaj Menu nawigacji=> Przeciągnij Ekit menu nawigacji I Upuszczać na wybranym obszarze.
** Uwaga: pamiętaj o przeciągnięciu menu nawigacji ElementsKit, w przeciwnym razie utworzone Megmenu nie pojawi się.
- Teraz idź do Ustawienia menu=> wybierz utworzony Menu nagłówka z listy rozwijanej.
- Możesz tutaj dodać dowolny typ widżetu, aby dostosować szablon nagłówka.
Ostateczne wyjście #
Po zakończeniu kliknij Aktualizacja przycisk, aby zapisać menu.
Teraz przejdź do swojej witryny, a zobaczysz, że wybrane przez Ciebie menu Elementor Mega jest wyświetlane.