Czy chcesz utworzyć menu pełnoekranowe w Elementor ? Jeśli tak, ten artykuł pokaże Ci, jak to zrobić. Do utworzenia pełnoekranowego menu nie jest potrzebny żaden dodatek Elementor. Wszystko czego potrzebujesz to Elementor Pro.
Wersja proElementor pochodzi z kreator wyskakujących okienek który pozwala tworzyć piękne pop-upy. Możesz użyć tej funkcji do stworzenia pełnoekranowego menu w Elementorze.
Jeśli nie widzisz, o czym chcemy dziś porozmawiać, obejrzyj ten film.
Jak utworzyć pełnoekranowe menu w Elementorze?
Zanim zaczniesz, upewnij się, że masz zaktualizowałeś swojego Elementora do wersji pro. Gdy będziesz gotowy, przejdź do Szablony -> Wyskakujące okienka. Utwórz nowy szablon wyskakującego okienka, klikając przycisk Dodaj nowy.
Nadaj nazwę szablonowi wyskakującego okienka i kliknij przycisk STWÓRZ AMODEL.
Elementor oferuje dziesiątki szablonów wyskakujących okienek do wyboru. W tym samouczku stworzymy model od podstaw. Po prostu zamknij bibliotekę szablonów, aby otworzyć edytor Elementor.
Zanim zaczniesz tworzyć szablon wyskakującego okienka, najpierw zdefiniuj układ. Aby to zrobić, otwórz ustawienia wyskakującego okna, klikając ikonę koła zębatego w lewym dolnym rogu.
W bloku Układ, pod zakładką Parametry, ustaw szerokość na 100 VW i wysokość na Dopasuj do ekranu. Możesz także ustawić efekty animacji wejścia i wyjścia.
Po zdefiniowaniu układu rozpocznij tworzenie szablonu poprzez dodanie nowej sekcji. Możesz dodać dowolne elementy do szablonu. Aby dodać elementy menu, możesz użyć widżetu Menu nawigacji lub widżetu Lista ikon.
Zobacz także: Jak ustawić niestandardową pozycję menu mobilnego w Elementorze
W tym przewodniku będziemy używać widżetu Lista ikon.
Edytuj każdy element na liście. Możesz dodać etykietę elementu menu w polu teksty i dodaj link w polu Zastaw.
Idź do zakładki Styl do list stylów. Możesz ustawić odstęp między elementami listy i wyrównanie w bloku listy. Aby ustawić rozmiar i kolor ikon (jeśli używasz ikon), możesz otworzyć blok ikon. Aby ustawić typografię (rozmiar czcionki, rodzinę czcionek, styl czcionki) i kolor tekstu elementów listy, możesz otworzyć blok Tekst.
Jeśli chcesz, możesz zmienić tło sekcji. Aby dostosować przycisk zamykania wyskakującego okienka, ponownie otwórz ustawienia wyskakującego okienka i przejdź do zakładki Styl. Otwórz blok przycisk zamykania a zobaczysz kilka opcji dostosowania przycisku zamykania, takich jak kolor tła, rozmiar i położenie.
Po zakończeniu tworzenia szablonu wyskakującego okienka kliknij ikonę strzałki obok przycisku PUBLISH i wybierz Wyświetl warunki.
Ustaw miejsce, w którym ma się pojawiać wyskakujące okienko, klikając przycisk DODAJ WARUNEK a następnie kliknij przycisk NEXT aby ustawić spust.
Aktywuj opcję Kliknij i kliknij przycisk ZAPISZ I ZAMKNIJ.
Wywołanie szablonu wyskakującego okienka
Gdy szablon wyskakującego okienka jest gotowy, możesz go wywołać. Jeśli chcesz utworzyć menu pełnoekranowe, możesz utworzyć nagłówek za pomocą Elementora lub zmodyfikować istniejący nagłówek.
Przeczytaj ten post, aby dowiedzieć się więcej o tym, jak to zrobić utwórz niestandardowy nagłówek za pomocą Elementora.
Możesz wywołać właśnie utworzony szablon wyskakującego okienka za pomocą dowolnego widżetu Elementor, który ma opcję dodania łącza, takiego jak przycisk, ikona, pole ikony, tekst, obraz itp.
W tym samouczku użyjemy widżetu Icon Box. Wybierz widżet, aby przejść do trybu edycji. Pod zakładką Treść W lewym panelu znajdź pole, w którym chcesz dodać link.
Ustaw link jako dynamiczny i wybierz Popup.
Wybierz właśnie utworzony szablon wyskakującego okienka, klikając ikonę klucza.
Opublikuj/zaktualizuj swój szablon nagłówka.
Pobierz Elementor Pro teraz !!!
Wnioski
Tutaj ! To tyle, jeśli chodzi o ten artykuł, który pokazuje, jak utwórz menu pełnoekranowe w Elementorze. Jeśli masz jakiekolwiek wątpliwości, jak się tam dostać, daj nam znać w ciągu commentaires.
Możesz jednak również skonsultować się nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.
Ale w międzyczasie udostępnij ten artykuł w różnych sieciach społecznościowych.
...
