Dapatkan Hosting Instan dengan Elementor dan Elementor Pro

dengan CDN, SSL dan cadangan.

Mulai hari ini

Cara Mengacak Slide Di WordPress Menggunakan Elementor

Muneeb Tutorial WordPress Jan 19, 2022

Elementor menawarkan banyak opsi kreatif untuk dimainkan agar situs web Anda terlihat jauh lebih baik bagi pengunjung. Slider dan Carousel adalah beberapa metode yang digunakan pengguna WordPress untuk membuat situs web mereka terlihat lebih maju.

Slider dibuat dari urutan Slide, dan ketika muncul di situs web Anda, urutannya sama berulang kali. Tutorial ini akan memahami cara mengacak slide di WordPress menggunakan Elementor .

Cara Mengacak Slide di Elementor Slider

Untuk memulainya, tambahkan blok HTML tempat Anda akan menempelkan kode yang diberikan di bawah ini.

Berikut kode yang perlu Anda tempelkan ke blok HTML yang Anda buat sebelumnya.

Memulai
>script/script

Jika Anda memiliki lebih dari satu penggeser di situs web Anda, teruslah membaca. Selain itu, semuanya harus baik.

Cara Mengacak Slide Untuk Satu atau Lebih Slider

Ubah baris ini dalam kode dan beri nama kelas FirstSlider .

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

Salin kode dan ubah nama kelas jika Anda ingin Slider Elemen tambahan pada halaman menjadi acak dan kemudian beri mereka nama kelas yang terpisah.

Kemudian salin dan tempel kode tersebut ke dalam elemen HTML segera setelah setiap komponen penggeser yang ingin Anda acak.

Terakhir, ubah nama kelas agar sesuai dengan penggeser tepat di atas elemen HTML yang sesuai di baris kode yang sama.

Baris ini, misalnya, dapat digunakan untuk bilah geser ketiga di situs web Anda.

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

Itu dia. Jika semuanya berjalan dengan baik, Anda dapat melanjutkan dan menikmati Elementor Slider acak Anda. Pastikan untuk bergabung dengan kami di Facebook  dan Twitter untuk tidak pernah melewatkan tutorial kami.