Cara Membuat Carousel Gambar Vertikal Di WordPress Menggunakan Elementor

Muneeb Tutorial WordPress Jan 21, 2022

Tayangan slide foto atau informasi yang dapat dipilih pemirsa dengan menekan tombol yang menggerakkannya maju atau mundur dalam tayangan slide dikenal sebagai carousel gambar. Ini mencerahkan tampilan umum situs web Anda dan membantu dalam mempromosikan layanan penting.

Foto yang menarik dapat menarik pengunjung baru ke situs Anda dengan langsung menarik perhatian mereka. Tutorial ini akan menunjukkan cara memanfaatkan Elementor untuk membuat carousel gambar vertikal di WordPress.

Cara Membuat Korsel Gambar Vertikal Elementor

Buat gambar yang sesuai untuk Elementor Vertical Smooth Carousel Anda terlebih dahulu. Anda akan membutuhkan gambar yang sudah berisi semua foto Anda. Menggunakan Crello , program mirip Canva, Anda dapat membuatnya, tetapi perangkat lunak pengedit gambar apa pun sudah cukup.

Tentu saja, ini memiliki kekurangan karena tidak dinamis, dan mungkin merepotkan jika hanya beberapa foto yang perlu diubah. Namun, itu memberikan beberapa manfaat. Ini menghasilkan korsel khusus CSS tanpa persyaratan JS. Animasinya sangat halus, dengan penggunaan CPU yang sangat sedikit. Singkatnya, ini sangat efektif, meskipun agak merepotkan.

Buat Situs Web Luar Biasa

Dengan Elementor pembuat halaman gratis terbaik

Mulai sekarang

Kemudian, berikan kolom Anda kolom nama vertikal sebagai kelas.
Atur Ruang Widget untuk kolom itu ke 0 di pengaturan Kolom dan Tata Letak .

Add an image element to that column and choose the picture you made. Tambahkan elemen gambar ke kolom itu dan pilih gambar yang Anda buat. Assign the class carousel vertical to the picture element . Tetapkan korsel kelas vertikal ke elemen gambar .

Buat semuanya persis seperti yang Anda inginkan, lalu tiru. Di kolom itu, Anda akan membutuhkan dua di antaranya, masing-masing dengan parameter yang identik. Dan kemudian, Anda dapat melanjutkan untuk menggunakan kode CSS yang diberikan di bawah ini. Anda dapat menggunakan kode ini di mana saja untuk membuat perubahan.

.carouselvertical {
    animation: 10s linear 0s infinite normal none running vloop;
}

.verticalcolumn 

Ada banyak komentar dengan kode untuk memungkinkan Anda cukup memahami dan membuat perubahan di mana pun Anda perlu. Dengan menggunakan kode ini, Anda dapat berhasil membuat korsel vertikal Elementor .

5 Plugin Carousel Gambar Terbaik

1. Pasang Korsel Untuk Elementor

Post Carousel For Elementor oleh iThemelandCo adalah plugin addon Elementor yang memungkinkan Anda membuat Media Carousel yang sangat kreatif dengan tata letak carousel yang sudah jadi. Plugin terintegrasi sempurna dengan Elementor dan menawarkan 19 tata letak yang dibuat sebelumnya. Tata letak ini sepenuhnya dapat disesuaikan dan dapat dengan mudah disesuaikan sesuai dengan kebutuhan Anda menggunakan mekanisme seret dan lepas Elementor.

Korsel Produk Untuk Elementor

Product Carousel For Elementor adalah plugin addon Elementor lain yang dirancang secara eksplisit untuk toko E-commerce untuk memamerkan produk mereka di carousel. Plugin ini menawarkan 12+ kontrol carousel seperti Autoplay, Slide to scroll, Pause on hover, dll. Plugin ini sangat responsif pada semua jenis perangkat dan Anda dapat membuat carousel sebanyak yang Anda inginkan. Selain itu, ini adalah plugin multibahasa 100% yang berarti akan berfungsi bahkan jika situs web Anda diterjemahkan ke bahasa lain.

3. Korsel Cepat Untuk Elementor

Fast Carousel For Elementor adalah Plugin addon Elementor yang mengklaim cukup cepat untuk membuat carousel untuk Anda dalam satu menit. Kedengarannya mengesankan, ia juga menawarkan berbagai jenis galeri serta lebih dari sepuluh gaya unik. Plugin ini dilengkapi dengan lebih dari lima kontrol korsel selain menawarkan opsi warna khusus dengan setiap korsel. Untuk solusi cepat, ini mungkin pilihan terbaik Anda untuk carousel gambar.

Kami harap Anda menemukan tutorial ini bermanfaat dalam meningkatkan situs web Anda. Pastikan untuk bergabung dengan kami di Facebook  dan Twitter kami untuk terus mendapatkan tutorial yang membuat perjalanan WordPress Anda menyenangkan dan mudah.

Divi WordPress Theme