Kako naključno razporediti diapozitive v WordPressu z uporabo Elementorja

Muneeb WordPress Tutorials Jan 26, 2022

Elementor ponuja številne ustvarjalne možnosti za igranje, da bo vaše spletno mesto videti veliko bolje za obiskovalce. Drsniki in vrtiljaki so nekaj metod, ki so jih uporabniki WordPressa vključili, da so njihova spletna mesta videti bolj napredna.

Drsniki so sestavljeni iz zaporedja diapozitivov in ko se pojavijo na vašem spletnem mestu, se zdi, da je vedno znova isto zaporedje. Ta vadnica bo razumela, kako naključno razporediti diapozitive v WordPressu z uporabo Elementorja .

Kako naključno razporediti diapozitive v drsniku Elementor

Za začetek dodajte blok HTML, kamor boste prilepili spodnjo kodo.

Tukaj je koda, ki jo morate prilepiti v predhodno ustvarjen blok HTML.

Ustvarite neverjetna spletna mesta

Z najboljšim brezplačnim graditeljem strani Elementor

Začni zdaj
>script/script

Če imate na spletnem mestu več kot en drsnik, nadaljujte z branjem. Poleg tega bi moralo biti vse dobro.

Kako naključno razporediti diapozitive za enega ali več drsnikov

Spremenite to vrstico v kodi in ji dajte ime razreda FirstSlider .

document.querySelector('.elementor-slides');
// change it to
document.querySelector('.slider1 .elementor-slides');

Kopirajte kodo in spremenite imena razredov, če želite, da so dodatni drsniki Elementor na strani naključni, nato pa jim dajte ločena imena razredov.

Nato kopirajte in prilepite kodo v element HTML takoj za vsako komponento drsnika, ki jo želite naključno razporediti.

Končno spremenite ime razreda, da se ujema z drsnikom neposredno nad ustreznim elementom HTML v isti vrstici kode.

Ta vrstica se lahko na primer uporablja za tretji drsnik na vašem spletnem mestu.

document.querySelector('.slider3 .elementor-slides');

To je to. Če gre vse v redu, lahko nadaljujete in uživate v naključnem drsniku Elementor . Vsekakor se nam pridružite na naši Facebook in Twitter , da nikoli ne zamudite naših vadnic.

Divi WordPress Theme