Come randomizzare le diapositive in WordPress utilizzando Elementor

Muneeb Tutorial WordPress Jan 19, 2022

Elementor offre molte opzioni creative con cui giocare per rendere il tuo sito Web molto migliore per i visitatori. Slider e Carousel sono alcuni metodi che gli utenti di WordPress hanno incorporato per rendere i loro siti Web più avanzati.

I dispositivi di scorrimento sono costituiti da una sequenza di diapositive e, quando vengono visualizzati sul tuo sito Web, si verifica che si tratti della stessa sequenza più e più volte. Questo tutorial capirà come randomizzare le diapositive in WordPress utilizzando Elementor .

Come randomizzare le diapositive in Elementor Slider

Per cominciare, aggiungi un blocco HTML in cui incollerai il codice indicato di seguito.

Ecco il codice che devi incollare nel blocco HTML creato in precedenza.

Create Amazing Websites

Con il miglior generatore di pagine gratuito Elementor

Parti ora
>script/script

Se hai più di uno slider sul tuo sito web, continua a leggere. A parte questo, dovrebbe essere tutto a posto.

Come randomizzare le diapositive per uno o più cursori

Modifica questa riga nel codice e assegnagli il nome della classe FirstSlider .

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

Copia il codice e modifica i nomi delle classi se desideri che gli elementi di scorrimento di Elementor aggiuntivi sulla pagina siano casuali e quindi assegna loro nomi di classe separati.

Quindi copia e incolla il codice in un elemento HTML subito dopo ciascuno dei componenti del dispositivo di scorrimento che desideri randomizzare.

Infine, cambia il nome della classe in modo che corrisponda allo slider direttamente sopra l'elemento HTML corrispondente nella stessa riga di codice.

Questa riga, ad esempio, potrebbe essere utilizzata per il terzo dispositivo di scorrimento del tuo sito web.

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

Questo è tutto. Se tutto va bene, puoi andare avanti e goderti il tuo Elementor Slider randomizzato. Assicurati di unirti a noi sul nostro Facebook e Twitter per non perdere mai i nostri tutorial.