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 600.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 mudah ketika Anda menggunakan modul Video. Modul ini memungkinkan Anda untuk mengintegrasikan video dari sumber apa pun, tetapi juga untuk menyesuaikan gambar mini dan tombol putar.

Bagaimana cara menambahkan modul video ke halaman Anda

Sebelum Anda dapat menambahkan modul video ke halaman Anda, Anda harus terlebih dahulu beralih ke Divi Builder. Setelah tema Divi diinstal di situs web Anda, Anda akan melihat 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 tombol Gunakan Visual Builder ketika Anda menelusuri situs web Anda di latar depan jika Anda terhubung ke dashboard WordPress Anda.

pembangun divi

Setelah Anda memasukkan Visual Builder, Anda dapat mengklik tombol tambah 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

Temukan modul video dalam daftar modul dan klik untuk menambahkannya ke halaman Anda. Daftar modul dapat dicari, yang berarti Anda juga dapat mengetik kata "video" dan kemudian klik enter untuk mencari dan secara otomatis menambahkan modul video! Setelah modul ditambahkan, Anda akan disambut oleh daftar opsi modul. Opsi-opsi ini dipisahkan menjadi tiga kelompok utama: Isi , Pembuahan et maju .

Use Case Contoh: 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 modul 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 garis fullwidth (kolom 1). Di pengaturan garis, pada tab Desain, saya memilih opsi "Gunakan Lebar Kustom". Untuk opsi Kustom Lebar yang muncul, saya memasukkan lebar kustom 767px. Ini berarti bahwa modul video yang akan saya tambahkan di baris ini tidak melebihi lebar ini dan menjadi terlalu besar pada ukuran layar yang lebih besar.

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]

gunakan lebar kustom divi.png

Lalu saya menambahkan modul video ke baris. Pada 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

Lalu, saya menambahkan URL overlay gambar untuk video saya dengan mengeklik tombol "Buat video". Ini secara otomatis menarik gambar video sebagai hamparan dengan ikon video khusus baru.

tambahkan overlay divi video.jpg

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

edit ikon pemain divi video.jpg

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

desain akhir dengan konten video.jpg

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]

Sekarang setelah Anda melihat modul video beraksi, selami semua pengaturannya di bagian di bawah ini. Kami telah memberikan tinjauan terperinci tentang apa yang akan Anda temukan di setiap tab parameter modul dan penjelasan tentang apa yang masing-masing lakukan.

Opsi konten

modul parameter divi.png

URL video

Modul Video Divi memungkinkan Anda untuk menambahkan video menggunakan dua metode berbeda. Anda dapat mengunggah file video Anda sendiri dari komputer 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 browser Anda dan tempel di bidang URL video dan Divi akan mengurus sisanya!

URL hamparan gambar

Jika Anda ingin mengatur thumbnail video khusus, yang akan ditempatkan pada antarmuka video standar dengan tombol putar khusus untuk membuat tampilan yang lebih bersih dan lebih bergaya, Anda dapat memilih untuk melakukannya dengan menggunakan bidang Hamparan Gambar. Bidang ini memungkinkan Anda untuk mengunggah gambar khusus 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 pembangun. Tab Admin memungkinkan Anda mengubah tag ini untuk memudahkan identifikasi.

Opsi desain

ubah warna ikon

desain bagian desain divi.png

Jika Anda menetapkan overlay 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

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. [GRATIS]

Pengenal CSS dan kelas

Ini dapat digunakan untuk menambahkan ID CSS atau kelas ke modul Anda. Ini kemudian dapat digunakan dalam lembar gaya Anda atau dalam kotak Opsi Tema CSS Kustom untuk menerapkan gaya khusus ke modul. ID CSS juga dapat ditargetkan dengan tautan jangkar untuk menautkan ke area tertentu dari 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