Como randomizar slides no WordPress usando Elementor

Muneeb Tutoriais do WordPress Jan 19, 2022

O Elementor oferece muitas opções criativas para fazer com que seu site pareça muito melhor para os visitantes. Sliders e carrosséis são alguns métodos que os usuários do WordPress incorporaram para tornar seus sites mais avançados.

Os sliders são feitos de uma sequência de slides e, quando aparecem em seu site, ocorre a mesma sequência repetidas vezes. Este tutorial entenderá como randomizar slides no WordPress usando o Elementor .

Como randomizar slides no Elementor Slider

Para começar, adicione um bloco HTML onde você colará o código abaixo.

Aqui está o código que você precisa colar em seu bloco HTML criado anteriormente.

Create Amazing Websites

Com o melhor criador de páginas gratuito Elementor

Comece agora
>script/script

Se você tiver mais de um controle deslizante em seu site, continue lendo. Além disso, tudo deve ser bom.

Como randomizar slides para um ou mais sliders

Altere esta linha no código e dê a ela o nome de classe FirstSlider .

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

Copie o código e altere os nomes das classes se desejar que os Elementor Sliders adicionais na página sejam aleatórios e, em seguida, dê a eles nomes de classe separados.

Em seguida, copie e cole o código em um elemento HTML imediatamente após cada um dos componentes do controle deslizante que você deseja randomizar.

Por fim, altere o nome da classe para corresponder ao controle deslizante diretamente acima do elemento HTML correspondente na mesma linha de código.

Essa linha, por exemplo, pode ser usada para o terceiro controle deslizante do seu site.

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

É isso. Se tudo correr bem, você pode ir em frente e aproveitar seu Elementor Slider aleatório. Certifique-se de se juntar a nós em nosso Facebook  e Twitter para nunca perder nossos tutoriais.

Divi WordPress Theme