​​2024.11 Elementor menu onepage

​​Menu typu "one page" w Elementorze

​​umożliwia przewijanie do różnych sekcji na tej samej stronie:

​​Krok 1: Utworzenie sekcji na stronie

  • ​​Zaloguj się do WordPressa i otwórz stronę w edytorze Elementor.
  • ​​Dodaj różne sekcje, które będą zawierały treści, takie jak:
  • ​​O mnie
  • ​​Usługi
  • ​​Opinie
  • ​​Kontakt
  • ​​Każdą sekcję możesz utworzyć jako nową kolumnę lub sekcję.

​​Krok 2: Dodanie identyfikatorów do sekcji

  • ​​Kliknij na sekcję, którą chcesz oznaczyć.
  • ​​W panelu po lewej stronie przejdź do zakładki Zaawansowane.
  • ​​W polu CSS ID wpisz unikalny identyfikator dla tej sekcji (np. o-mnie​, uslugi​, opinie​, kontakt​).

​​Krok 3: Utworzenie menu

  • ​​Przejdź do Wygląd > Menu w panelu WordPress.
  • ​​Utwórz nowe menu lub edytuj istniejące.
  • ​​Dodaj niestandardowe linki:
  • ​​W polu URL wpisz #​ oraz identyfikator sekcji (np. #o-mnie​).
  • ​​W polu „Nazwa” wpisz nazwę, która ma być wyświetlana w menu (np. „O mnie”).
  • ​​Powtórz ten krok dla wszystkich sekcji, które chcesz dodać do menu.
  • ​​Zapisz menu.

​​Krok 4: Dodanie menu do strony w Elementorze

  • ​​Wróć do edytora Elementor i dodaj nową sekcję na górze strony.
  • ​​Przeciągnij widget Menu Nawigacyjne do tej sekcji.
  • ​​W ustawieniach widgetu wybierz utworzone wcześniej menu.

​​Krok 5: Stylizacja menu

  • ​​W zakładce Styl możesz dostosować wygląd menu, zmieniając kolory, czcionki i inne opcje.
  • ​​Możesz również dodać efekty hover lub animacje w zakładce Zaawansowane.

​​Krok 6: Testowanie

  • ​​Po zakończeniu edycji kliknij przycisk Zapisz lub Opublikuj.
  • ​​Sprawdź działanie menu, klikając na poszczególne elementy – powinny one przewijać stronę do odpowiednich sekcji.
​​