Elementor offre de nombreuses options créatives avec lesquelles jouer pour rendre votre site Web bien meilleur pour les visiteurs. Les curseurs et les carrousels sont quelques méthodes que les utilisateurs de WordPress ont incorporées pour rendre leurs sites Web plus avancés.
Les curseurs sont constitués d'une séquence de diapositives, et lorsqu'ils apparaissent sur votre site Web, il s'agit de la même séquence encore et encore. Ce tutoriel comprendra comment randomiser des diapositives dans WordPress à l'aide d' Elementor .
Comment randomiser les diapositives dans Elementor Slider
Pour commencer, ajoutez un bloc HTML dans lequel vous collerez le code ci-dessous.
Voici le code que vous devez coller dans votre bloc HTML créé précédemment.
Créer des sites Web incroyables
Avec le meilleur constructeur de page Elementor
Commencer Maintenant>script/scriptSi vous avez plus d'un curseur sur votre site Web, continuez à lire. A part ça, tout devrait être bon.
Comment randomiser les diapositives pour un ou plusieurs curseurs
Modifiez cette ligne dans le code et donnez-lui le nom de classe FirstSlider .
document.querySelector('.elementor-slides');
// change it to
document.querySelector('.slider1 .elementor-slides');Copiez le code et modifiez les noms de classe si vous souhaitez que les curseurs Elementor supplémentaires sur la page soient aléatoires, puis donnez-leur des noms de classe distincts.
Ensuite, copiez et collez le code dans un élément HTML immédiatement après chacun des composants du curseur que vous souhaitez randomiser.
Enfin, modifiez le nom de la classe pour qu'il corresponde au curseur directement au-dessus de l'élément HTML correspondant dans la même ligne de code.
Cette ligne, par exemple, peut être utilisée pour le troisième curseur de votre site Web.
document.querySelector('.slider3 .elementor-slides');C'est ça. Si tout se passe bien, vous pouvez continuer et profiter de votre curseur Elementor randomisé. Assurez-vous de nous rejoindre sur notre Facebook et Twitter pour ne rien rater de nos tutoriels.
