Świąteczne oferty już są!

Opublikowany: 2023-02-02

Menu poza płótnem upiększy interfejs Twojej witryny. Poza tym jest również w stanie zatrzymać odwiedzających lub klientów w Twojej witrynie. Poza tym menu poza płótnem Elementora otwiera również drzwi do różnych możliwości biznesowych.

Dlatego dodanie go do swojej witryny staje się najwyższą koniecznością, jeśli nie chcesz narażać interfejsu użytkownika i interfejsu użytkownika witryny. Na szczęście istnieją opcje dodania menu poza płótnem Elementora w WordPress, które jest całkowicie bezpłatne.

Możesz adoptować każdego z nich. Chociaż użycie ElementsKit jest najbardziej odpowiednią i najłatwiejszą opcją, ponieważ pozwala dodać menu poza płótnem w ciągu kilku sekund.

Przyjrzyjmy się więc najprostszemu procesowi dodawania menu poza płótnem przy użyciu ElementsKit . Ale zanim to nastąpi, zapoznaj się z tym menu poza płótnem i jego znaczeniem.

Zawartość ukryj
Co to jest menu poza płótnem w Elementorze?
Dlaczego warto korzystać z menu poza płótnem Elementora?
Kroki, aby utworzyć menu poza płótnem Elementora
Krok 1: Zainstaluj wtyczkę menu poza płótnem.
Krok 2: Włącz widżet nagłówka poza płótnem.
Krok 3: Dodaj Elementor poza menu płótna.
Krok 4: Ostatnie spojrzenie na menu nagłówka poza płótnem.
Zacznij od menu nagłówka poza płótnem

Co to jest menu poza płótnem w Elementorze?

Menu poza płótnem to menu wysuwane, które pojawia się z boku witryny po kliknięciu ikony, obrazu lub tekstu. Jest to umiarkowane menu, które zwiększa komfort korzystania ze strony internetowej na urządzeniach mobilnych lub małych ekranach, ponieważ można uprościć sekcję nagłówka, używając jej.

Dlaczego warto korzystać z menu poza płótnem Elementora?

Główną zaletą tego menu poza płótnem jest to, że może zaoszczędzić dużo miejsca w Twojej witrynie, które jest potrzebne do wyświetlenia menu nagłówka. Dlatego w przypadku wyświetlania stron z lepszym UI na małych ekranach , musisz wymagać tego menu off-canvas.

Możesz jednak promować specjalne rabaty na to menu poza płótnem. Ponadto prezentowanie zniżek w menu poza płótnem będzie w stanie przyciągnąć uwagę odwiedzających Twoją witrynę.

Oprócz tego nadaje się również do wyświetlania niektórych sekcji w menu poza płótnem. Na przykład możesz wyświetlać określone produkty ze zniżkami i sprawić, by Twoja promocja była bardziej wyjątkowa i bardziej konwertująca.

Ponieważ ponad połowa odwiedzających witrynę korzysta z urządzeń mobilnych, aby odwiedzić witrynę, musisz skorzystać z tego niestandardowego menu, aby zwielokrotnić swoje możliwości biznesowe . Co więcej, cel menu poza płótnem zostanie spełniony, jeśli będzie używany dla użytkowników mobilnych.

Oprócz tego menu poza płótnem ma również inne zalety. Możesz go używać do różnych celów i nadawać kierunek swoim celom biznesowym , odpowiednio go wykorzystując.

Ponieważ znasz wszystkie możliwości menu poza płótnem, przyjrzyjmy się procesowi dodawania go do Twojej witryny, stosując najprostszą metodę.

Kroki, aby utworzyć menu poza płótnem Elementora

Niezależnie od wielu zalet korzystania z menu poza obszarem płótna Elementora, będziesz potrzebować kilku sekund, aby dodać go do swojej witryny WordPress. Co więcej, dodanie menu poza płótnem Elementora za pomocą ElementsKit jest w 100% bezpłatne. Ponieważ w ElementsKit znajdziesz dedykowany darmowy widżet o nazwie „Header Offcanvas”.

Dodanie menu poza płótnem za pomocą tego widżetu nie będzie wymagało żadnego kodowania. Poza tym możesz dostosować to menu do swoich potrzeb bez żadnych ograniczeń. Możesz także dodać menu poza płótnem, postępując zgodnie z najłatwiejszą metodą, która składa się tylko z 4 kroków. Wykonaj 4 proste kroki i dodaj menu poza płótnem do swojej witryny WordPress:

Krok 1: Zainstaluj wtyczkę menu poza płótnem.

Aby skorzystać z widżetu menu poza płótnem ElementsKit, musisz go najpierw zainstalować. Aby zainstalować wtyczkę menu poza płótnem, kliknij opcję Dodaj nową w obszarze Wtyczki i wyszukaj ElementsKit w polu wyszukiwania. Po wyświetleniu ElementsKit naciśnij przycisk Zainstaluj teraz i aktywuj go później.

Pobierz wtyczkę Elementor poza menu płótna

Krok 2: Włącz widżet nagłówka poza płótnem.

W drugim kroku musisz odwiedzić ElementsKit >> ElementsKit i kliknąć sekcję WIDŻETY .

Włącz widżet offcanvas ElementsKit

W obszarze widżetów włącz widżet „Header Offcanvas” i naciśnij przycisk ZAPISZ ZMIANY .

Włącz widżet poza płótnem Elementskit, aby dodać menu płótna

Krok 3: Dodaj Elementor poza menu płótna.

Teraz nadszedł czas, aby dodać menu poza płótnem do swojej witryny Elementor. Aby to zrobić, kliknij opcję Dodaj nowy w obszarze Posty i nadaj tytuł postowi. Następnie kliknij przycisk Edytuj za pomocą Elementora , aby dodać menu poza płótnem w WordPress.

Dodaj menu poza płótnem za pomocą ElementsKit

Spowoduje to przekierowanie do pulpitu nawigacyjnego Elementora, gdzie należy wyszukać widżet Header Offcanvas , a po znalezieniu go przeciągnąć i upuścić na ikonę plusa .

Przeciągnij i upuść widżet płótna, aby dodać menu za pomocą ElementsKit

Teraz kliknij ikonę hamburgera, aby dodać menu lub elementy do menu poza płótnem.

Dodaj menu nagłówka poza płótnem za pomocą ElementsKit

Następnie kliknij opcję Edytuj zawartość i dodaj elementy do swojego menu według własnego uznania. Przeniesie Cię do obszaru widżetów, z którego możesz dodawać różne elementy do menu poza płótnem, aby dodawać wariacje.

Edytuj zawartość menu poza płótnem nagłówka Elementora za pomocą ElementsKit

Na przykład wyszukaj menu pionowe i przeciągnij je i upuść na ikonę plusa, podobnie jak widżet nagłówka poza płótnem. Następnie wykonaj ten sam proces, aby dodać dowolne elementy do menu poza płótnem.

Utwórz menu nagłówka poza płótnem

Po dodaniu widżetu menu pionowego wybierz menu , które chcesz wyświetlić w menu poza płótnem Elementora i odpowiednio je dostosuj. Po zakończeniu wszystkich dostosowań kliknij przycisk Aktualizuj .

Dodaj menu offcanvas nagłówka Elementora za pomocą ElementsKit

Po dodaniu elementów do menu nagłówka poza obszarem płótna możesz dostosować i zaktualizować następujące obszary:

  • Kolor nakładki: stąd wybierz kolor menu poza płótnem.
  • Typ menu: Znajdziesz ikony, tekst i ikony z opcjami tekstowymi. Wybierz, co chcesz wyświetlić w miejscu menu nagłówka poza płótnem.
  • Ikona: Jeśli wybierzesz ikonę w typie menu, ta sekcja będzie widoczna z miejsca, w którym musisz wybrać ikonę.
Edytuj menu płótna za pomocą ElementsKit

Tuż obok zakładki Zawartość znajdziesz zakładkę Styl. Kliknij kartę Styl i dostosuj poniższe elementy do menu poza płótnem:

  • Kolor.
  • Kolor tła.
  • Kolor najechania.
  • Kolor tła po najechaniu myszką.
  • Kolor obramowania dla najechania kursorem.
  • Rozmiar ikony.
  • Typ granicy.
  • Wyrównanie.
  • Cień pudełka.
  • Promień granicy.
  • Wyściółka.
  • Margines.
Edycja stylu poza menu płótna za pomocą ElementsKit

Po edycji poza płótnem; musisz edytować Szerokość, Typ tła, Pozycję i Wypełnienie panelu poza płótnem. Na koniec naciśnij przycisk Publikuj , gdy skończysz dostosowywanie.

Opublikuj poza menu płótna przez ElementsKit

Krok 4: Ostatnie spojrzenie na menu nagłówka poza płótnem.

Oto przegląd lub przykład menu przygotowanego poza płótnem za pomocą ElementsKit. Możesz jednak dodać do niego więcej odmian, dostosowując menu poza płótnem w obszarze widżetów.

Końcowe menu nagłówka poza płótnem

Powiązana zawartość:

1. Jak stworzyć pionowe menu za pomocą ElementsKit w WordPress .
2. Sposoby tworzenia megamenu za pomocą Elementora i ElementsKit .
3. Jak dodać elementy do menu Elementora.

Zacznij od menu nagłówka poza płótnem

Korzystanie z menu poza płótnem sprawi, że Twoja witryna będzie bardziej interaktywna i wciągająca , ponieważ może zaoszczędzić dużo miejsca w witrynie WordPress. Poza tym jest idealny do posiadania lepszego interfejsu użytkownika i interfejsu użytkownika na małych ekranach . Niemniej jednak dodanie menu poza płótnem jest bardzo łatwe i szybkie.

Wszystko, czego potrzebujesz, to zastosowanie powyższych czterech kroków i jesteś gotowy do korzystania z doskonałych korzyści i możliwości menu nagłówka poza płótnem. Powyżej użyliśmy ElementsKit, ponieważ oferuje on najłatwiejszą opcję dodania tego menu.

Wraz z nim znajdziesz wiele funkcji, jeśli używasz ElementsKit. Ponieważ jest to wszechstronny dodatek do Elementora, który ma wszelkie opcje, aby Twoja witryna była płynna i konkurencyjna. Skorzystaj więc z najlepszej wtyczki, aby dodać menu poza płótnem na swojej stronie Elementora.

Utwórz menu nagłówka poza płótnem