Jak utworzyć Mega Menu w Elementorze | Mega Menu Builder

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 #

Zestaw elementów is the all-in-one addon that gives you the best possible way to build WordPress websites with a wide range of widgets, modules, and highly customizable pre-designed templates.

Obejmuje to Moduł Mega Menu z ElementsKit plugin. A mega menu is a powerful feature in WordPress that allows you to create a category-based expandable menu with flexible layouts. Elementor Mega menus are easy to use and can be a great way to show the multi-level website menu in an organized way.

Watch our video guide on Elementor Mega Menu Building:

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

Step #1: Configure WordPress 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 on the “Add menu item” on the right column.
  • 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 dowolne Elementor Mega Menu Szablon.
mega zawartość menu
  • You’ll see your inserted pre-designed mega menu template item will display.
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 #

Toggle this button to turn the Elementor mega menu to full-width, which spans from right to left of the screen’s width.

Wybierz opcję Tag HTML #

  • Wybierz swój Znacznik HTML z Upuścić.
rozwijane menu megamenu

Jeśli chcesz zobaczyć to w akcji, obejrzyj ten film i zrób to sam w ciągu kilku minut.

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?
Updated on 15 lipca, 2025