Czy chcesz dowiedzieć się, jak utworzyć menu nawigacyjne One Page w Elementor ?
Istnieją strony internetowe, które mają tylko jedną stronę (stronę główną). Nawet po kliknięciu elementu menu nawigacyjnego zostaniesz przeniesiony do innej sekcji tej samej strony zamiast do innej strony.
Celem tego typu Witryna internetowa jest zapewnienie, że odwiedzający skup się na swoich treściach. Oprócz treści, kolejnym kluczowym elementem pliku a Witryna internetowa do strony to menu nawigacyjne. W Elementor, bardzo łatwo jest utworzyć menu nawigacyjne pliku Witryna internetowa na jedną stronę.
W tym artykule dowiesz się, jak to zrobić.
Oto przykład jednostronicowego menu nawigacyjnego witryny.
Jak wspomniano, utworzenie menu nawigacyjnego jednostronicowej witryny internetowej, takiej jak powyższa, nie jest trudne Elementor.
Chociaż niektóre dodatki, jak np Niezbędne dodatki et Zasilacz, dostarczany z widżetem do tworzenia nawigacji na stronie, możesz go również utworzyć bez instalowania dodatku.
Główną ideą jest skierowanie elementu menu do określonej sekcji strony. Aby to zrobić, musisz dodać identyfikator CSS do sekcji, na którą chcesz wskazać.
Czytaj także: Jak ustawić niestandardową pozycję menu mobilnego w Elementorze
Weźmy przykład.
Załóżmy, że masz element menu o nazwie „Klasy” i chcesz, aby Twój odwiedzający być kierowane do sekcji „Zajęcia” w Twojej jednostronicowej witrynie za każdym razem, gdy klikną element menu „Zajęcia”.
Najpierw edytuj stronę za pomocą Elementora i wybierz sekcję „Klasy” (dla wygody użyj przeglądarki).
Po wybraniu sekcji Klasy przejdź do zakładki zaawansowany z lewego panelu i otwórz blok zaawansowany. Wejdz doIdentyfikator CSS sekcji w terenie Identyfikator CSS.
Powtórz powyższe kroki dla innych sekcji, które chcesz oznaczyć elementami menu.
Wywoływanie identyfikatorów CSS
Możesz użyć dowolnego widżetu Elementor, który ma opcję dodania łącza, aby wywołać każdy identyfikator CSS dodany do sekcji. Po prostu wklej identyfikator CSS w polu linku. Dodaj " # jako przedrostek.
Jeśli chcesz korzystać z widżetu Menu nawigacji, możesz zmienić używane menu. W polu adresu URL każdego elementu menu wpisz identyfikator CSS z przedrostkiem „#”.
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.
...
