Loncat ke Konten Utama

Divi Tutorial: Cara Menambahkan Modul Video ke Divi

Divi: tema WordPress termudah untuk digunakan

Divi: Tema WordPress terbaik sepanjang masa!

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

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. Setelah tema Divi dipasang di situs web Anda, Anda akan melihat sebuah 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.

pembangun divi

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.

modul video divi.png

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 yang bagus untuk mempromosikan produk Anda dan meningkatkan konversi. Dalam contoh ini, saya akan menunjukkan kepada Anda bagaimana Anda dapat menggunakan mod video untuk menambahkan video ke halaman arahan Anda. Saya meletakkan lingkaran merah di mana video harus pergi.

membuat video di divi exemple.jpg

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.

Buat situs web Anda dengan Elementor dengan mudah

Elementor memungkinkan Anda untuk dengan mudah membuat desain situs web apa pun dengan tampilan profesional. Berhentilah membayar mahal untuk apa yang dapat Anda lakukan sendiri. [Gratis]

gunakan lebar kustom divi.png

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.

tambahkan video divi.png

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.

tambahkan overlay divi video.jpg

Di bawah tab Desain, saya mengubah warna ikon putar agar sesuai dengan halaman arahan saya.

edit ikon pemain divi video.jpg

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]

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

desain akhir dengan konten video.jpg

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

modul parameter divi.png

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

desain bagian desain divi.png

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

modul video lanjutan section.png

Buat Toko Online Anda dengan mudah

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

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.

Tutorial Divi lainnya

Artikel ini berisi komentar 0

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