Modul Slider Desain

Sliders dapat ditempatkan di manapun, mencakup lebar penuh kolom apapun struktur mereka masuk Divi slider mendukung latar belakang paralaks, serta latar belakang video!

Panah - Pilih apakah Anda ingin menampilkan panah navigasi kiri dan kanan ..

Kontrol - Pilih apakah Anda ingin menampilkan indikator tombol lingkaran / slide di bagian bawah slider.

Parallax Effect - Mengaktifkan opsi ini akan memberikan gambar latar belakang Anda posisi tetap saat Anda menggulir.Perlu diingat bahwa ketika pengaturan ini diaktifkan, gambar Anda akan skala gambar Anda dengan tinggi peramban.

Tambahkan Slide Baru - Mulailah dengan mengklik 'Add New Slide' di bagian atas pilihan modal Anda akan menambahkan Slide pertama Anda dan akan dibawa ke Settings Slide.

Pos - Tentukan teks judul untuk slider Anda di sini.

Tombol Text - Jika Anda ingin menampilkan tombol di bawah konten slider Anda memasukkan teks tombol di sini. Kosongkan ini jika Anda tidak ingin menampilkan tombol.

Tombol URL - Jika Anda menampilkan sebuah tombol, masukkan URL web yang valid di bidang ini untuk menentukan link tujuan.

Background Image - Jika didefinisikan, gambar ini akan digunakan sebagai latar belakang untuk modul ini. Untuk menghapus gambar latar belakang, hanya menghapus URL dari bidang pengaturan.

Ketinggian slide ditentukan oleh jumlah konten teks yang Anda tambahkan. Jika Anda memiliki beberapa slide, slider akan mengambil ketinggian slide tertinggi.

Lebar slider Anda ditentukan oleh struktur kolom yang Anda menempatkan Anda slider masuk Sebaiknya gambar slider Anda setidaknya lebar kolom yang Anda menempatkan mereka masuk lebar Kolom didefinisikan di bawah ini.

1 kolom: 1080 piksel
¾ kolom: 795 pixels
⅔ kolom: 700 pixels
½ kolom: 510 pixels
⅓ kolom: 320 pixels
¼ kolom: 225 pixels


Perhatikan bahwa jika Anda mengaktifkan efek parallax, kami merekomendasikan bahwa gambar Anda setidaknya ukuran ukuran layar standar karena gambar Anda akan mengambil lebar atau tinggi dari jendela browser (yaitu 1280px oleh 768px)

Background Color - Jika Anda hanya akan ingin menggunakan latar belakang warna solid untuk slide Anda, gunakan color picker untuk menentukan warna latar belakang.

Slide Gambar - Jika Anda menambahkan gambar slide, maka akan muncul di sebelah kiri teks slide Anda di atas latar belakang slide Anda. Jika Anda tidak menentukan gambar slide yang akan ditinggalkan dengan berpusat, teks hanya geser.Karena ketinggian setiap slide ditentukan oleh teks, jika slide gambar Anda cukup tinggi itu akan turun di bawah bagian bawah slide, menciptakan selaras bawah gambar. Lihat contoh ini pada slide ketiga di halaman ini .

Perhatikan ketinggian slide dengan gambar slide dapat ditentukan oleh slide lebih tinggi di slider jadi pastikan gambar slide Anda cukup tinggi untuk mengakomodasi jika Anda ingin memiliki dasar selaras gambar. Untuk alasan keterbacaan, gambar slide hanya akan muncul dalam slider yang ada di ⅔ kolom, kolom ¾, atau 1 kolom lebar. Juga, gambar slide tidak akan ditampilkan pada lebar browser kurang dari 768 piksel.Lebar dari gambar slide didefinisikan di bawah ini. Kami merekomendasikan bahwa gambar slide Anda setidaknya ini lebar.

1 kolom: 410 pixels
¾ kolom: 308 pixels
⅔ kolom: 260 pixels

Gambar Alt Text - teks alternatif memberikan informasi apapun yang diperlukan jika gambar tidak memuat, muncul dengan benar, atau dalam situasi lain di mana pengguna tidak dapat melihat gambar. Hal ini juga memungkinkan gambar yang akan dibaca dan diakui oleh mesin pencari.

Text Color - Jika Latar Belakang Slide Anda gelap, warna teks harus di set ke 'Light'. Sebaliknya, jika Latar Belakang Slide adalah cahaya, Warna Teks harus ditetapkan ke 'Dark'.

Background Video MP4 - Semua video harus di-upload di kedua MP4 format WebM untuk memastikan kompatibilitas maksimum di semua browser... Upload versi MP4 sini Catatan Penting:.. Latar belakang Video dinonaktifkan dari perangkat mobile. Sebaliknya, gambar bkacground Anda akan digunakan. Untuk alasan ini, Anda harus mendefinisikan kedua gambar latar belakang dan video latar belakang untuk memastikan hasil yang terbaik.

Background Video WebM - Semua video harus di-upload di kedua MP4 format WebM untuk memastikan kompatibilitas maksimum di semua browser... Upload versi WebM sini Catatan Penting:.. Latar belakang Video dinonaktifkan dari perangkat mobile. Sebaliknya, gambar bkacground Anda akan digunakan. Untuk alasan ini, Anda harus mendefinisikan kedua gambar latar belakang dan video latar belakang untuk memastikan hasil terbaik Untuk informasi lebih lanjut tentang video WebM untuk kunjungan..:

Latar belakang Video Lebar - Agar video untuk menjadi ukuran benar, Anda harus memasukkan lebar yang tepat (dalam piksel) video Anda di sini.

Background Video Tinggi - Agar video untuk menjadi ukuran benar, Anda harus memasukkan ketinggian yang tepat (dalam piksel) video Anda di sini.

Konten - Masukkan isi tubuh slider Anda di sini. Perhatikan bahwa jumlah teks yang Anda masukkan di sini akan menentukan ketinggian slide Anda.

Menyimpan Dan Editing - Setelah menekan tombol Simpan Pengaturan di Slide, Anda akan dibawa kembali ke pengaturan modul mana Anda dapat menambahkan slide baru, menghapus / mengedit slide, dan drag and drop untuk mengatur ulang slide yang ada.

Label Admin - Secara default, modul slider Anda akan muncul dengan label yang bertuliskan 'Slider' dalam pembangun. Label Admin memungkinkan Anda untuk mengubah label ini untuk memudahkan identifikasi.