Elementor Kullanarak WordPress'te Slaytlar Nasıl Rastgele Olur?

Muneeb WordPress Eğiticileri Jan 19, 2022

Elementor , web sitenizin ziyaretçilere çok daha iyi görünmesini sağlamak için oynayabileceğiniz birçok yaratıcı seçenek sunar. Kaydırıcılar ve Döngüler, WordPress kullanıcılarının web sitelerinin daha gelişmiş görünmesini sağlamak için dahil ettikleri birkaç yöntemdir.

Kaydırıcılar bir dizi Slayttan oluşur ve web sitenizde göründüklerinde, tekrar tekrar aynı sıra olur. Bu öğretici, Elementor kullanarak WordPress'teki slaytların nasıl rastgele seçileceğini anlayacaktır.

Elementor Slider'da Slaytlar Nasıl Rastgele Olur?

Başlangıç olarak, aşağıda verilen kodu yapıştıracağınız bir HTML bloğu ekleyin.

İşte önceden oluşturduğunuz HTML bloğuna yapıştırmanız gereken kod.

Harika Web Siteleri Oluşturun

En iyi ücretsiz sayfa oluşturucu Elementor ile

Şimdi başla
>script/script

Web sitenizde birden fazla kaydırıcı varsa okumaya devam edin. Bunun dışında her şey iyi olmalı.

Bir veya Daha Fazla Kaydırıcı İçin Slaytları Rastgele Hale Getirme

Koddaki bu satırı değiştirin ve ona FirstSlider sınıf adını verin.

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

Sayfadaki ilave Elementor Sürgülerinin rastgele olmasını istiyorsanız kodu kopyalayın ve sınıf adlarını değiştirin ve ardından bunlara ayrı sınıf adları verin.

Ardından, rastgele hale getirmek istediğiniz kaydırıcı bileşenlerinin her birinin hemen ardından kodu kopyalayıp bir HTML öğesine yapıştırın.

Son olarak, aynı kod satırındaki ilgili HTML öğesinin hemen üzerindeki kaydırıcıyla eşleşecek şekilde sınıf adını değiştirin.

Örneğin bu satır, web sitenizdeki üçüncü kaydırıcı için kullanılabilir.

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

Bu kadar. Her şey yolunda giderse, devam edebilir ve rastgele Elementor Slider'ınızın keyfini çıkarabilirsiniz. Bize katıldığınızdan emin olun Eğitimlerimizi asla kaçırmamak için Facebook  ve Twitter .

Divi WordPress Theme