{"id":8268,"date":"2018-10-30T13:27:51","date_gmt":"2018-10-30T13:27:51","guid":{"rendered":"https:\/\/www.templatemonster.com\/pl\/blog\/?p=8268"},"modified":"2020-03-27T09:15:17","modified_gmt":"2020-03-27T09:15:17","slug":"modul-scroll-navigation","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/pl\/modul-scroll-navigation\/","title":{"rendered":"Tutorial: modu\u0142 Scroll Navigation do tworzenia p\u0142ynnego przewijana na stronie WordPress"},"content":{"rendered":"

Dzisiaj dowiesz si\u0119, jak stworzy\u0107\u00a0efekt p\u0142ynnego przewijania\u00a0wykorzystuj\u0105c modu\u0142 Scroll Navigation.<\/p>\n

Aby zastosowa\u0107 t\u0105 funkcj\u0119, b\u0119dziesz potrzebowa\u0142 kreatora stron Elementor<\/a> i dodatku JetElements<\/a>, kt\u00f3ry zawiera ten modu\u0142 Scroll Navigation (nie zapominaj, \u017ce wtyczka JetElements jest najbardziej funkcjonalnym dodatkiem do Elementora i mo\u017cna j\u0105 u\u017cy\u0107 do zastosowania wielu innych funkcji).<\/p>\n

Wi\u0105c, aby stworzy\u0107 efekt p\u0142ynnego przewijania nale\u017cy wykona\u0107 nast\u0119puj\u0105ce kroki:<\/p>\n

    \n
  1. Otw\u00f3rz stron\u0119,\u00a0na kt\u00f3rej chcesz zastosowa\u0107 modu\u0142 Scroll Navigation w\u00a0kreatorze stron Elementor.<\/li>\n
  2. W centrum strony\u00a0naci\u015bnij Dodaj now\u0105.<\/li>\n
  3. W otwartym menu kliknij Edytuj i przejd\u017a do ustawie\u0144 zaawansowanych po lewej stronie.<\/li>\n
  4. Wprowad\u017a nazw\u0119 sekcji, z kt\u00f3r\u0105 b\u0119dziesz pracowa\u0142, w polu CSS ID.
    \nZwr\u00f3\u0107 uwag\u0119 na wielkie i ma\u0142e litery oraz podkre\u015blenia. Pami\u0119taj te\u017c, \u017ce nazwa ka\u017cdej sekcji powinna by\u0107 unikalna (sekcja_1, sekcja_2 itd.).<\/li>\n
  5. Pami\u0119taj, \u017ce mo\u017cesz utworzy\u0107 dowoln\u0105 liczb\u0119 sekcji, ale nie mniej ni\u017c dwie.<\/li>\n
  6. Po dodaniu wszystkich sekcji znajd\u017a wid\u017cet modu\u0142 Scroll Navigation w polu wyszukiwania\u00a0po lewej stronie menu. Przeci\u0105gnij i upu\u015b\u0107 go powy\u017cej wszystkich sekcji.<\/li>\n
  7. Po lewej stronie zobaczysz ustawienia zawarto\u015bci tego wid\u017cetu. Na karcie Element musisz doda\u0107 liczb\u0119 element\u00f3w r\u00f3wn\u0105 liczbie utworzonych sekcji. Zobaczysz trzy elementy ju\u017c wymienione. A je\u015bli potrzebujesz wi\u0119cej, po prostu kliknij Dodaj nowy.<\/li>\n
  8. Otw\u00f3rz wszystkie elementy po kolei i sprawd\u017a poprawno\u015b\u0107 identyfikatora sekcji dodanego w polu CSS ID kilka krok\u00f3w temu. Je\u015bli identyfikatory nie s\u0105 zgodne, przewijanie b\u0119dzie dzia\u0142a\u0142o nieprawid\u0142owo.<\/li>\n
  9. Mo\u017cesz tak\u017ce ustawi\u0107 ikon\u0119 podpowiedzi i tytu\u0142 etykiety dla ka\u017cdego elementu nawigacyjnego. W zale\u017cno\u015bci od potrzeb mo\u017cesz w\u0142\u0105czy\u0107 lub wy\u0142\u0105czy\u0107 odwrotno\u015b\u0107 w tej sekcji.<\/li>\n
  10. Na karcie Ustawienia mo\u017cesz zmieni\u0107 pozycj\u0119 element\u00f3w przewijania, ustawi\u0107 niestandardow\u0105 szybko\u015b\u0107 przewijania, u\u017cy\u0107 przesuni\u0119cia lub zezwoli\u0107 na domy\u015blne prze\u0142\u0105czanie sekcji.<\/li>\n
  11. Teraz przejd\u017a do ustawie\u0144 stylu modu\u0142u Scroll Navigation. Mo\u017cesz zobaczy\u0107 ustawienia, takie jak typ t\u0142a,\u00a0zdj\u0119cie w\u00a0tle i obramowanie. Tutaj mo\u017cesz tak\u017ce\u00a0ekseperementowa\u0107 si\u0119 wygl\u0105dem typografii podpowiedzi i etykiet.<\/li>\n<\/ol>\n

    No i gotowe - tak dzia\u0142a modu\u0142 Scroll Navigation. Dzi\u0119ki tej funkcji klienci b\u0119d\u0105 mogli \u0142atwo wyszukiwa\u0107\u00a0po\u017c\u0105dane\u00a0informacje!<\/p>\n

    <\/div>\n
    \n
    <\/div>\n