Wyprzedaż urodzinowa Elementora

Enjoy 60% Off on new purchases, renewal and upgrades.

00 Dni
:
00 godziny
:
00 Minuty
:
00 sekundy

Kup Teraz

Jak losować slajdy w WordPress za pomocą Elementora

Muneeb Poradniki WordPress Jan 19, 2022

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.

Niesamowite oferty

Elementor 6 urodziny z do 60% zniżki

Zacząć teraz
>script/script

Jeś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.