Cómo aleatorizar diapositivas en WordPress usando Elementor

Elementor ofrece muchas opciones creativas para jugar y hacer que su sitio web se vea mucho mejor para los visitantes. Los controles deslizantes y los carruseles son algunos métodos que los usuarios de WordPress han incorporado para que sus sitios web se vean más avanzados.

Los controles deslizantes están hechos de una secuencia de diapositivas, y cuando aparecen en su sitio web, sucede que es la misma secuencia una y otra vez. Este tutorial comprenderá cómo aleatorizar diapositivas en WordPress usando Elementor .

Cómo aleatorizar diapositivas en Elementor Slider

Para empezar, agregue un bloque HTML donde pegará el código que figura a continuación.

Aquí está el código que necesita pegar en su bloque HTML creado anteriormente.

>script/script

Si tiene más de un control deslizante en su sitio web, siga leyendo. Aparte de eso, todo debería estar bien.

Cómo aleatorizar diapositivas para uno o más controles deslizantes

Cambie esta línea en el código y asígnele el nombre de clase FirstSlider .

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

Copie el código y cambie los nombres de las clases si desea que los Controles deslizantes adicionales de Elementor en la página sean aleatorios y luego asígneles nombres de clases separados.

Luego copie y pegue el código en un elemento HTML inmediatamente después de cada uno de los componentes del control deslizante que desea aleatorizar.

Finalmente, cambie el nombre de la clase para que coincida con el control deslizante directamente encima del elemento HTML correspondiente en la misma línea de código.

Esta línea, por ejemplo, podría usarse para el tercer control deslizante en su sitio web.

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

Eso es. Si todo va bien, puede continuar y disfrutar de su Control deslizante Elementor aleatorio. Asegúrese de unirse a nosotros en nuestro Facebook y Twitter para no perderte nunca nuestros tutoriales.