AŻ DO

80%
Oszczędności

Kończy się za:
Symbol Wpmeta
Dzień
godz
Min
sek

Mega kreator menu

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: #

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.

Jak utworzyć Elementor mega menu w WordPressie

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.
jak stworzyć mega menu w elementorze
  • Wprowadź a Nazwa menu.
  • Kliknij na Utwórz menu przycisk.
tworzenie mega menu w WordPress

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.

dostosuj mega menu w witrynach WordPress

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.

Tworzenie mega menu Elementora

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.
dostosuj zawartość mega menu dla Elementora
  • Kliknij Ikona biblioteki szablonów ElementsKit
Wybierz mega menu
  • Przejdź do sekcji=> Kliknij na Kategoria=> Wybierz Megamenu z listy.
Wtyczka ElementsKit mega menu
  • Wstaw dowolny Elementor Mega menu Treść.
mega zawartość menu
  • Zobaczysz, że wstawiony element zostanie wyświetlony.
mega podgląd menu w Elementorze

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ść.
mega układ menu

Wybierz opcję Odstęp kolumny #

  • Przerwa w kolumnie=> Wybierz odstęp między kolumnami z upuścić.
rozwijane menu dla mega menu

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.
dostosuj pozycje mega menu

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ć.
rozwijane menu megamenu

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.
mega układ menu

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.
dostosuj teksty mega menu

Krok #3: Dostosuj ikonę #

  • Teraz idź do Zakładka Ikona=> Wybierz dowolny kolor z Paleta kolorów.
personalizacja ikon w menu
  • Wybierać Ikona z Biblioteka ikon.
biblioteka ikon menu ElementsKit, wtyczki mega menu dla Elementora

Krok #4: Dostosuj odznakę #

  • Dodaj lub edytuj tekst.
  • Wybierać Kolor odznaki.
  • wybierać Kolor tła odznaki.
  • Kliknij Ratować.
Jak dodać mega menu w WordPress Elementor

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ą.
Jak dodać megamenu w WordPress Elementor

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ą.
Jak zbudować mega menu za pomocą ElementsKit

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ą.
Ustawienia mega menu przy użyciu ElementsKit

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ą.
Ustawianie pełnej szerokości względnej pozycji mega menu za pomocą ElementsKit

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ą.
Jak edytować menu nawigacyjne za pomocą ElementsKit

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.
Jak zbudować szablon nagłówka za pomocą ElementsKit
  • 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.
Utwórz nagłówek za pomocą ElementsKit
  • Wybierz swój Struktura z wybranego obszaru.
Zbuduj menu nawigacyjne za pomocą ElementsKit
  • 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ę.

Jak dodać menu nawigacyjne za pomocą ElementsKit
  • 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.
Przeciągnij i upuść menu nawigacyjne, aby utworzyć nagłówek

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.

ostateczny wygląd mega menu
Jakie są Twoje uczucia?
Zaktualizowano 27 listopada 2024 r.