Loncat ke Konten Utama

Divi Tutorial: Cara Menambahkan Modul Video ke Divi

Apakah Anda mencari tema dan plugin WordPress terbaik?

Unduh plugin terbaik dan tema WordPress di Envato dan buat situs web Anda dengan mudah. Sudah lebih dari 49.720.000 unduhan. [EKSKLUSIF]

Tambahkan video ke halaman Anda Divi sederhana ketika menggunakan modul Video. Modul ini memungkinkan Anda untuk mengintegrasikan video dari berbagai sumber, 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 melompat ke Divi Builder. Setelah tema Divi dipasang di situs web Anda, Anda akan melihat sebuah tombol Gunakan Divi Builder di atas penerbit 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 tombolnya Gunakan Visual Builder saat Anda menjelajahi situs web di latar depan jika Anda terhubung ke dasbor WordPress Anda.

pembangun divi

Setelah Anda memasukkan 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, jangan lupa untuk menambahkan baris ke halaman Anda terlebih dahulu.

modul video divi.png

Cari modul video dalam daftar modul dan klik di atasnya untuk menambahkannya ke halaman Anda. Daftar modul yang tersedia, yang berarti bahwa Anda dapat mengetikkan kata "video" dan klik enter untuk mencari dan secara otomatis menambahkan modul video yang! Setelah modul ditambahkan, Anda akan disambut oleh daftar opsi modul. Opsi ini dipisahkan menjadi tiga kelompok utama: Isi , Pembuahan et maju .

Contoh Use Case: Menambahkan video ke halaman landing Anda

Menambahkan video ke halaman landing Anda adalah cara yang bagus untuk mempromosikan produk Anda dan meningkatkan konversi. Dalam contoh ini, saya akan menunjukkan kepada Anda bagaimana Anda dapat menggunakan modul video untuk menambahkan video ke halaman arahan Anda. Saya menempatkan lingkaran merah di mana video harus pergi.

membuat video divi exemple.jpg

Menggunakan Visual Builder, saya menambahkan bagian baru dengan garis lebar (kolom 1). Pada pengaturan garis, pada tab Desain, saya memilih opsi "Gunakan Lebar Kustom". Untuk opsi Lebar Kustom yang muncul, saya memasukkan lebar khusus 767px. Ini berarti modul video yang akan saya tambahkan di baris ini tidak melebihi lebar ini dan menjadi terlalu besar pada ukuran layar yang lebih besar.

Divi: Tema WordPress terbaik sepanjang masa!

lebih 554.000 unduhan, Divi adalah tema WordPress paling populer di dunia. Sudah lengkap, mudah digunakan dan dilengkapi dengan lebih dari 62 template gratis. [Direkomendasikan]

gunakan lebar khusus divi.png

Lalu saya tambahkan modul video ke baris. Pada tab Konten dari pengaturan Modul Video, saya memasukkan URL video dari video yang ingin saya tanamkan di halaman landing saya. Saya menggunakan URL video YouTube untuk contoh ini.

tambahkan video divi.png

Kemudian saya menambahkan URL overlay gambar untuk video saya dengan mengklik tombol "Hasilkan Video". Ini secara otomatis menarik gambar video untuk dilapis dengan ikon video khusus baru.

tambahkan overlay divi video.jpg

Pada tab Desain, saya mengubah warna ikon putar agar cocok dengan halaman landing saya.

edit ikon pemain divi video.jpg

Buat Toko Online Anda dengan mudah

Unduh WooCommerce gratis, plugin e-commerce terbaik untuk menjual produk fisik dan digital Anda di WordPress. [GRATIS]

Sekarang saya memiliki video untuk halaman arahan saya yang terlihat bersih dan cocok dengan desain saya.

desain akhir dengan konten video.jpg

Sekarang setelah Anda melihat modul video dalam aksi, selami semua pengaturannya di bagian di bawah ini. Kami telah memberikan gambaran rinci tentang apa yang akan Anda temukan di setiap tab parameter modul dan penjelasan tentang apa yang dilakukan masing-masing.

Opsi konten

modul parameter divi.png

URL video

Modul Divi Video memungkinkan Anda menambahkan video menggunakan dua metode berbeda. Anda dapat meng-upload file video Anda sendiri dari komputer Anda dengan mengklik "Upload Video" dan memilih file yang diinginkan, atau Anda dapat memasukkan URL video dari sumber video ketiga seperti Youtube atau Vimeo. Cukup salin dan tempel URL browser Anda dan tempelkan di bidang URL video dan Divi akan mengurus sisanya!

URL hamparan gambar

Jika Anda ingin mengatur video thumbnail kustom, yang akan ditempatkan di atas standar antarmuka video dengan tombol putar kustom untuk membuat lebih bersih, tampilan yang lebih bergaya, Anda dapat memilih untuk melakukan ini dengan menggunakan bidang Overlay Gambar. Bidang ini memungkinkan Anda untuk mengunggah gambar kustom Anda sendiri atau secara otomatis membiarkan Divi menghasilkan satu dari URL video Anda. Sebagian besar penyedia video mendukung opsi ini, seperti Youtube dan Vimeo. Cukup klik tombol "Hasilkan Video" dan biarkan Divi yang mengurus sisanya!

Label Admin

Secara default, modul video Anda akan muncul dengan tag 'Video' di pembuatnya. Tab Admin memungkinkan Anda mengubah tag ini untuk memudahkan identifikasi.

Opsi desain

ubah warna ikon

desain bagian desain divi.png

Jika Anda menetapkan hamparan gambar untuk modul video Anda, video yang ditampilkan berisi ikon putar di video. Anda dapat menentukan warna ikon ini di sini untuk mencocokkan warna halaman Anda.

Opsi lanjutan

bagian lanjutan modul video.png

Pengenal CSS dan kelas

Ini dapat digunakan untuk menambahkan ID atau kelas CSS ke modul Anda. Ini kemudian dapat digunakan dalam lembar gaya Anda atau di kotak Opsi Tema CSS Kustom untuk menerapkan gaya kustom ke modul. Kredensial CSS juga dapat ditargetkan dengan tautan tautan untuk menautkan ke area tertentu pada 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 Anda inginkan untuk menonaktifkan modul video.

Tutorial Divi lainnya

Tinggalkan komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Situs ini menggunakan Akismet untuk mengurangi yang tidak diinginkan. Pelajari lebih lanjut tentang bagaimana data komentar Anda digunakan.

Kembali ke atas
16 saham
saham8
menciak3
Register5
Ada apa