Hoe dia's in WordPress willekeurig te maken met Elementor

Elementor biedt veel creatieve opties om mee te spelen om uw website er voor bezoekers veel beter uit te laten zien. Schuifregelaars en carrousels zijn enkele methoden die WordPress-gebruikers hebben toegepast om hun websites er geavanceerder uit te laten zien.

Sliders zijn gemaakt van een reeks dia's en wanneer ze op uw website verschijnen, blijkt het steeds weer dezelfde reeks te zijn. Deze tutorial zal begrijpen hoe dia's in WordPress willekeurig kunnen worden verdeeld met Elementor .

Hoe dia's willekeurig te maken in Elementor Slider

Voeg om te beginnen een HTML-blok toe waarin u de onderstaande code gaat plakken.

Hier is de code die u in uw eerder gemaakte HTML-blok moet plakken.

>script/script

Als je meer dan één slider op je website hebt, lees dan verder. Verder moet alles goed zijn.

Hoe dia's willekeurig te maken voor een of meer schuifregelaars

Wijzig deze regel in de code en geef deze de klassenaam FirstSlider .

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

Kopieer de code en wijzig de klassenamen als je wilt dat extra Elementor-schuifregelaars op de pagina willekeurig zijn en geef ze vervolgens aparte klassenamen.

Kopieer en plak de code vervolgens in een HTML-element onmiddellijk na elk van de schuifregelaarcomponenten die u willekeurig wilt rangschikken.

Wijzig ten slotte de klassenaam zodat deze overeenkomt met de schuifregelaar direct boven het overeenkomstige HTML-element in dezelfde regel code.

Deze regel kan bijvoorbeeld worden gebruikt voor de derde slider op uw website.

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

Dat is het. Als alles goed gaat, kun je doorgaan en genieten van je gerandomiseerde Elementor Slider. Zorg dat je erbij bent op onze Facebook  en Twitter om onze tutorials nooit te missen.