5 Desain Carousel untuk Divi 5 (Unduh Gratis)

Modul Carousel Grup membuatnya lebih mudah dari sebelumnya untuk membuat korsel yang terlihat bersih, beradaptasi dengan indah dengan ukuran layar yang berbeda, dan mudah disesuaikan dalam Divi 5. Dalam paket gratis ini, Anda akan menemukan 5 desain bagian carousel yang unik, masing -masing dibangun untuk mewarisi gaya global Anda untuk merek yang konsisten di seluruh situs Anda. Korsel ini siap untuk Anda mampir ke halaman apa pun!

Pratinjau

Mari kita lihat semua 5 bagian korsel dalam paket ini. Paket ini gratis untuk Anda unduh lebih jauh ke bawah.

Berlangganan saluran YouTube kami

Unduh 5 bagian korsel untuk Divi 5

Dapatkan semua 5 bagian korsel gratis. Setiap bagian adalah versi default yang mengambil warna, font, dan tombol global situs Anda. Impor ke perpustakaan Divi Anda dan tambahkan ke halaman apa pun.

Unduh file

Unduh secara gratis

Bergabunglah dengan The Divi Newsletter dan kami akan mengirimi Anda email salinan paket tata letak halaman pendaratan Ultimate Divi, ditambah banyak sumber daya divi yang luar biasa dan gratis, tips, dan trik. Ikuti bersama dan Anda akan menjadi master Divi dalam waktu singkat. Jika Anda sudah berlangganan cukup ketik alamat email Anda di bawah ini dan klik unduh untuk mengakses paket tata letak.

Unduh

Anda telah berhasil berlangganan. Silakan periksa alamat email Anda untuk mengonfirmasi langganan Anda dan mendapatkan akses ke paket tata letak divi mingguan gratis!

Apa yang termasuk (6 ekspor)

Setelah Anda mengunduh dan membuka ritsleting folder, Anda akan menemukan semua 6 ekspor tata letak yang diatur dengan rapi sebagai bagian individual dan sebagai paket "semua bagian" penuh.

Default - Bagian individual (5) → menggunakan gaya global Anda.
Default - Semua bagian (1) → Paket Lengkap Menggunakan Gaya Global Anda.

Cara menggunakan desain carousel

Simpan folder unduhan Anda dekat untuk mulai mengimpornya ke situs web Divi Anda.

1. Impor bagian ke dalam Perpustakaan Divi

Pergi ke Divi → Perpustakaan Divi.

Sesampai di sana, klik tombol Impor & Ekspor untuk menginstal file.

Cari file carousel (semua) dan klik untuk mengimpornya.

2. Tambahkan bagian Carousel ke halaman

Buka halaman di pembangun visual (atau buat yang baru).

Klik biru "+" untuk menambahkan bagian baru, lalu pilih Tambah dari Perpustakaan .

Klik bagian Carousel yang ingin Anda masukkan.

Klik tombol Gunakan Bagian ini untuk memuat bagian.

Pastikan untuk menyimpan halaman Anda setelah selesai.

Bagaimana gaya bekerja (hanya default)

Bagian -bagian ini mewarisi gaya global situs Anda untuk warna, tipografi, tombol, dan jarak. Carousel akan segera cocok dengan merek Anda jika Anda sudah mengatur gaya global. Anda masih dapat mengganti apa pun di bagian, baris, kolom, atau tingkat modul saat dibutuhkan.

Menyesuaikan korsel

Modul Carousel Grup Divi 5 memberi Anda alat yang kuat untuk mengubah tata letak sambil menjaga semuanya responsif. Inilah cara menyesuaikan bagian ini agar sesuai dengan gaya situs Anda.

1. Ganti konten slide

Di pembangun visual, arahkan slide dan buka modul di dalam - gambar, modul teks, tombol, blurb, atau daftar ikon. Ganti gambar, salin, dan panggilan untuk bertindak. Anda dapat menggunakan Divi AI untuk membantu menulis tajuk atau teks yang ringkas.

Jika slide mencakup beberapa modul, ulangi untuk masing -masing agar gaya tetap konsisten.

2. Sesuaikan pengaturan korsel

Buka Pengaturan Korsel Grup. Di tab Desain, atur item per tampilan per perangkat, celah geser, autoplay, kecepatan, loop, dan navigasi (panah) atau pagination (titik).

Gunakan sakelar responsif untuk menyempurnakan breakpoint.

Jika Anda lebih suka UI minimal, nonaktifkan panah atau titik -titik dan mengandalkan interaksi gesek dan seret.

3. Tambahkan elemen ke slide

Buka konten slide dan tambahkan modul seperti tombol, uraian, daftar ikon, video, atau animasi Lottie. Gunakan baris dua kolom di dalam slide untuk gambar di satu sisi dan teks di sisi lain, atau elemen tumpukan secara vertikal untuk kartu produk dan testimonial.

Untuk penekanan cepat, tambahkan modul teks kecil sebagai label di atas tajuk, atau jatuhkan modul tombol di bawah deskripsi dengan gaya utama Anda.

4. Pesan ulang, duplikat, atau lepaskan slide

Dalam struktur carousel grup, seret slide untuk memesan ulang, menduplikasi slide untuk menjaga styling konsisten, atau menghapus slide yang tidak Anda butuhkan. Jaga agar jumlah total seimbang dengan item-per-view Anda untuk pagination bersih.

5. Kontrol tata letak slide dengan flexbox

Di dalam slide, atur wadah ke tata letak kolom, lalu gunakan celah untuk jarak bersih. Gunakan konten Justify ke Pusat Konten, dan selaraskan item untuk Alignment kiri, tengah, atau kanan. Peregangan item untuk kartu setinggi yang sama melintasi slide.

Jika headline membungkus di ponsel, kurangi ukuran font dalam kontrol responsif modul atau atur lebar maks pada wadah teks.

6. Gunakan variabel desain, preset, dan rentangkan atribut

Ikat warna dan jarak ke variabel desain Anda sehingga setiap cascade pembaruan merek di semua slide. Simpan gaya modul yang umum digunakan sebagai preset untuk berita utama, tombol, atau lencana.

Gunakan atribut Perpanjang untuk menerapkan perubahan gaya dari satu modul ke sisa slide dalam satu aksi.

Untuk tweak global cepat, gunakan Temukan & Ganti pada warna atau ukuran font di bagian.

7. Opsional: Beralih ke konten dinamis dengan Loop Builder

Ubah korsel menjadi slider dinamis dengan mengganti konten slide statis dengan elemen looped yang menanyakan posting, proyek, atau jenis posting khusus. Pilih pertanyaan Anda, rancang kartu sekali, dan biarkan item baru mengisi korsel secara otomatis.

Ini sangat ideal untuk sorotan blog, korsel produk, item portofolio, atau testimonial.

Gunakan Divi 5 untuk membangun korsel Anda hari ini

5 bagian korsel kelompok ini adalah cara cepat untuk mempercepat pembuatan Divi 5 Anda. Unduh, masukkan ke halaman apa pun, dan buat sendiri. Modul Carousel Grup menangani gerakan sehingga Anda dapat fokus pada desain.