Elementor oferuje wiele kreatywnych opcji do zabawy, aby Twoja witryna wyglądała znacznie lepiej dla odwiedzających. Suwaki i karuzele to kilka metod, które użytkownicy WordPressa zastosowali, aby ich witryny wyglądały na bardziej zaawansowane.
Suwaki składają się z sekwencji slajdów, a kiedy pojawiają się w Twojej witrynie, okazuje się, że jest to ta sama sekwencja w kółko. Ten samouczek zrozumie, jak losować slajdy w WordPress za pomocą Elementora .
Jak losować slajdy w Elementor Slider
Na początek dodaj blok HTML, w którym będziesz wklejać podany poniżej kod.
Oto kod, który musisz wkleić do wcześniej utworzonego bloku HTML.
Twórz niesamowite strony internetowe
Z najlepszym darmowym kreatorem stron Elementor
Zacząć teraz>script/scriptJeśli masz więcej niż jeden suwak na swojej stronie, czytaj dalej. Poza tym wszystko powinno być dobrze.
Jak losować slajdy dla jednego lub więcej suwaków
Zmień ten wiersz w kodzie i nadaj mu nazwę klasy FirstSlider .
document.querySelector('.elementor-slides');
// change it to
document.querySelector('.slider1 .elementor-slides');Skopiuj kod i zmień nazwy klas, jeśli chcesz, aby dodatkowe suwaki Elementora na stronie były losowe, a następnie nadaj im osobne nazwy klas.
Następnie skopiuj i wklej kod do elementu HTML natychmiast po każdym z elementów suwaka, które chcesz losować.
Na koniec zmień nazwę klasy, aby pasowała do suwaka znajdującego się bezpośrednio nad odpowiednim elementem HTML w tym samym wierszu kodu.
Na przykład ten wiersz może być użyty dla trzeciego suwaka w Twojej witrynie.
document.querySelector('.slider3 .elementor-slides');Otóż to. Jeśli wszystko pójdzie dobrze, możesz śmiało cieszyć się losowym suwakiem Elementor . Dołącz do nas na naszym Facebook i Twitter , aby nigdy nie przegapić naszych samouczków.
