Menambahkan video ke halaman Anda di Divi itu sederhana saat Anda menggunakan modul Video. Modul ini memungkinkan Anda untuk menyematkan video dari sumber mana pun, tetapi juga untuk menyesuaikan gambar thumbnail dan tombol putar.
Bagaimana cara menambahkan modul video ke halaman Anda
Sebelum Anda dapat menambahkan modul video ke halaman Anda, Anda harus terlebih dahulu masuk ke Divi Builder. sekali Tema Divi diinstal di situs web Anda, Anda akan melihat tombol Gunakan Divi Builder di atas editor posting setiap kali Anda membuat halaman baru. Klik tombol ini untuk mengaktifkan Divi Builder dan mengakses semua modul Divi Builder. Kemudian klik tombolnya Gunakan Visual Builder untuk memulai generator dalam mode visual. Anda juga dapat mengklik tombol tersebut Gunakan Visual Builder ketika Anda menelusuri situs web Anda di latar depan jika Anda terhubung ke dashboard WordPress Anda.
Setelah Anda memasuki Visual Builder, Anda dapat mengklik tombol plus abu-abu untuk menambahkan modul baru ke halaman Anda. Modul baru hanya dapat ditambahkan di dalam baris. Jika Anda memulai halaman baru, ingatlah untuk menambahkan baris ke halaman Anda terlebih dahulu.
Temukan mod video dalam daftar mod dan klik untuk menambahkannya ke halaman Anda. Daftar mod dapat dicari, yang berarti Anda juga dapat mengetikkan kata "video" lalu klik enter untuk mencari dan menambahkan mod video secara otomatis! Setelah modul ditambahkan, Anda akan disambut oleh daftar opsi modul. Opsi-opsi ini dipisahkan menjadi tiga kelompok utama: Isi , Pembuahan et maju .
Contoh kasus penggunaan: Menambahkan video ke halaman arahan Anda
Menambahkan video ke halaman arahan Anda adalah cara terbaik untuk melakukannya memajukan produk Anda dan tingkatkan konversi. Dalam contoh ini, saya akan menunjukkan cara menggunakan modul video untuk menambahkan video ke halaman arahan Anda. Saya memberi lingkaran merah di tempat video seharusnya berada.
Menggunakan Visual Builder, saya menambahkan bagian baru dengan baris lebar-penuh (1 kolom). Di pengaturan baris, di bawah tab Desain, saya memilih opsi "Gunakan lebar khusus". Untuk opsi Custom Width yang muncul, saya masukkan custom width 767px. Ini memastikan modul video yang akan saya tambahkan di baris ini tidak melebihi lebar ini dan menjadi terlalu besar pada ukuran layar yang lebih besar.
Lalu saya menambahkan modul video ke baris. Di bawah tab Konten pengaturan Modul Video, saya memasukkan URL video dari video yang ingin saya sematkan di halaman arahan saya. Saya menggunakan URL video YouTube untuk contoh ini.
Kemudian saya menambahkan url hamparan gambar untuk video saya dengan mengklik tombol "Buat Video". Ini secara otomatis menarik bingkai dari video untuk disajikan sebagai hamparan dengan ikon video ubahsuaian baru.
Di bawah tab Desain, saya mengubah warna ikon putar agar sesuai dengan halaman arahan saya.
Sekarang saya memiliki video untuk halaman arahan saya yang terlihat bersih dan cocok dengan desain saya.
Sekarang Anda telah melihat mod video beraksi, selami semua pengaturannya di bagian di bawah ini. Kami telah memberikan tampilan mendetail tentang apa yang akan Anda temukan di setiap tab pengaturan modul dan penjelasan tentang fungsi masing-masing.
Opsi konten
URL video
Modul Divi Video memungkinkan Anda menambahkan video menggunakan dua metode berbeda. Anda dapat mengunduh file video Anda sendiri dari komputer Anda dengan mengklik tombol "Unduh Video" dan memilih file yang diinginkan, atau Anda dapat memasukkan url video apa pun dari sumber video pihak ketiga seperti Youtube atau Vimeo. Cukup salin dan tempel URL dari browser Anda dan tempelkan ke bidang URL Video dan Divi akan mengurus sisanya!
Url hamparan gambar
Jika Anda ingin menyetel gambar mini video ubahsuaian, yang akan ditempatkan pada antarmuka video standar dengan tombol putar ubahsuaian untuk membuat tampilan lebih tajam dan bergaya, Anda dapat memilih untuk melakukannya menggunakan bidang Hamparan Gambar. Kontrol ini memungkinkan Anda untuk mengunggah gambar pribadi Anda, atau secara otomatis membiarkan Divi membuat gambar dari URL video Anda. Sebagian besar penyedia video mendukung opsi ini, seperti Youtube dan Vimeo. Cukup klik tombol "Hasilkan video" dan biarkan Divi mengurus sisanya!
Label Admin
Secara default, modul video Anda akan muncul dengan label 'Video' di generator. Tag Admin memungkinkan Anda untuk mengubah tag ini untuk memudahkan identifikasi.
Opsi desain
ubah warna ikon
Jika Anda menetapkan hamparan gambar untuk pod video Anda, video yang ditampilkan berisi ikon putar di video tersebut. Anda dapat menentukan warna ikon ini di sini agar sesuai dengan warna pada halaman Anda.
Opsi lanjutan
Pengenal CSS dan kelas
Ini dapat digunakan untuk menambahkan ID CSS atau kelas ke modul Anda. Ini kemudian dapat digunakan di lembar gaya Anda atau di kotak Opsi Tema CSS Kustom untuk menerapkan gaya kustom ke modul. ID CSS juga dapat ditargetkan dengan tautan jangkar untuk ditautkan ke area tertentu di halaman Anda.
CSS khusus
Di sini Anda dapat menambahkan CSS khusus ke modul video Anda.
jarak penglihatan
Jika Anda ingin menyembunyikan modul video Anda pada beberapa perangkat, Anda dapat memilih perangkat yang ingin Anda nonaktifkan modul video tersebut.
[vc_row center_row=”yes”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” align=”center” font_family=”Raleway” font_weight=”700″ style=”flat” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]UNDUH TEMA DIVI [/vcex_button][/vc_column][vc_column width=” 1 /2″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorial” target=”blank” layout=”expanded” align=”center” font_family = ”Raleway” font_weight=”700″ style=”flat” custom_background=”#c4226e” custom_hover_background=”#8d184f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]UNDUH TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]
Tutorial Divi lainnya
- 5 website untuk restoran penggunaan Divi tema
- Bagaimana cara menambahkan teks pada produk Divi WooCommerce
- Cara mengubah warna menu antara halaman Divi
- Cara mempersonalisasi kisi-kisi blog dengan Divi
- Cara menggunakan peran Divi editor pada WordPress
- Cara membuat slider Divi layar penuh
- Cara mengubah warna menu antara halaman Divi
- Fitur yang Anda mungkin tidak tahu tentang Divi
- Cara menggunakan Divi Builder di WordPress
- Cara menggunakan modul gulir video Divi
- Cara menggunakan modul Flip Divi Builder
- Bagaimana cara menambahkan modul testimonial pada Divi Builder
- Cara menggunakan modul teks Divi
- Cara membuat slider di Divi
- Cara mengedit peran pengguna Divi
- Cara menggunakan modul Divi Social Media
- Cara menggunakan modul shop pada tema WordPress Divi
- Cara menggunakan modul sidebar Divi
- Cara menggunakan Modul Tabel Divi Price
- Cara menggunakan modul judul publikasi Divi
- Bagaimana cara menambahkan modul video Divi
- Cara menggunakan modul navigasi artikel
- Cara menggunakan modul pencarian Divi
- Cara menggunakan modul dompet Divi
- Cara menggunakan modul orang di Divi Builder
- Cara menggunakan modul dompet dengan filter Divi
- Cara menggunakan modul slider lebar penuh
- Cara menggunakan Modul Gambar Divi Builder
- Cara menggunakan modul navigasi penuh lebar dari Divi Builder
- Cara menggunakan modul galeri gambar
- Cara menggunakan Modul Full-Width Divi Builder Card
- Cara menggunakan Modul Portofolio Full Full Divi
- Cara menggunakan modul header penuh lebar Divi
- Cara menggunakan Modul Divi Counter
- Cara menggunakan slider artikel di Divi Builder
- Cara menggunakan modul Divi Email Optin
