Bagaimana & Mengapa Menggunakan Latar Belakang Video di WordPress
Tren latar belakang video telah beredar di dunia desain web selama beberapa waktu, dan telah terbukti efektif untuk banyak jenis situs web. Latar belakang video lebih menonjol dari sebelumnya dalam desain tema WordPress, dan hari ini kita akan melihat bagaimana menggunakan latar belakang video di WordPress (dan mengapa Anda mungkin ingin!)
WordPress membuat tren background video kembali keren dengan resminya Tema 2017, yang dilengkapi dengan opsi bawaan untuk menambahkan latar belakang video. Ini benar-benar menyederhanakan proses, dan memudahkan untuk memulai.
Jika Anda sedang mencari cara untuk menambahkan latar belakang video ke situs web Anda sendiri, penelusuran Anda berakhir di sini. Kami akan menunjukkan cara melakukannya!
Ada beberapa cara mudah untuk mendapatkan latar belakang video di situs web Anda. Tapi, sebelum kita sampai ke bagaimana, mari kita cari tahu Mengapa Tren WordPress ini sangat populer dan mengapa Anda harus menggunakannya di situs web Anda sendiri.
Mengapa Menggunakan Latar Belakang Video?
Latar belakang video bukanlah hal baru, tetapi itu tidak berarti membuat situs web Anda terlihat ketinggalan jaman atau kurang menarik. Faktanya, banyak merek dan situs bisnis populer seperti Uber, Pinterest, Y.CO, dan banyak lainnya masih menggunakan latar belakang video di seluruh desain situs web mereka.
Mengapa? Karena itu meningkatkan keterlibatan dan konversi pengguna. Pikirkan tentang itu. Cara apa yang lebih baik untuk mendidik pengunjung Anda tentang suatu produk, layanan, atau tujuan situs web Anda selain melalui video?
Menurut penelitian, menambahkan video ke halaman situs web Anda atau halaman arahan telah ditemukan meningkatkan konversi sebanyak 80%.
Mereka mengatakan sebuah gambar memiliki arti ribuan kata. Lalu, bayangkan betapa hebatnya video itu.
Cara Menggunakan Latar Belakang Video Di WordPress
Menambahkan latar belakang video ke situs web HTML itu mudah. Ini hanya masalah menyesuaikan file inti dan menambahkan beberapa baris kode tambahan. Itu mengharuskan Anda untuk memahami HTML dan CSS. WordPress, di sisi lain, memberi Anda solusi yang lebih sederhana untuk menambahkan latar belakang video tanpa memerlukan pengetahuan pemrograman apa pun.
Ada beberapa cara sederhana untuk menambahkan latar belakang video ke situs WordPress Anda:
- Beli tema dengan opsi latar belakang video.
- Dapatkan plugin latar belakang video.
- Gunakan plugin pembuat halaman.
Berikut sekilas setiap opsi:
Tema Terbaik Dengan Latar Belakang Video
Menggunakan tema WordPress yang dilengkapi dengan fitur latar belakang video adalah cara termudah untuk mendapatkan latar belakang video untuk situs web Anda. Dengan menggunakan tema seperti itu, Anda dapat dengan mudah menambahkan tautan video melalui halaman editor tema untuk mengaktifkan fungsinya.
Kami memiliki koleksi tema WordPress latar belakang video terbaik kami sendiri, tetapi berikut adalah beberapa pilihan teratas dari koleksi itu:
Serbaguna – Tema Multiguna Responsif
Info Lebih Lanjut & Unduh
Serbaguna adalah tema WordPress multiguna yang bersih dan responsif. Muncul dengan pembuat halaman GoodLayers untuk membuat tata letak halaman Anda, serta “Master Slider” (yang sempurna untuk membuat beranda latar belakang video).
Sangat mudah untuk membuat efek paralaks untuk halaman Anda, dengan skin yang dapat disesuaikan untuk setiap bagian halaman Anda. Tema yang sangat serbaguna dan kuat!
Peringkat & Pembaruan Serbaguna
Versi sekarang | 1.4.3 |
---|---|
Terakhir Diperbarui | 19 Desember 2020 |
Peringkat | 4.69 (81 ulasan) |
Fitur & Kompatibilitas Serbaguna
Kolom | 4+ |
---|---|
gaya latar | Responsif |
Kompatibilitas Browser | IE11, Firefox, Safari, Chrome, Edge |
Dokumentasi | Didokumentasikan dengan baik |
File Termasuk | PSD Berlapis, File PHP, File CSS, File JS, PSD |
Gutenberg Siap | Tidak |
Resolusi Tinggi Siap | Iya |
Widget Siap | Iya |
Notio – Tema Portofolio Deluxe
Info Lebih Lanjut & Unduh
Notio adalah tema WordPRess portofolio berkualitas tinggi dengan desain bersih yang akan memamerkan pekerjaan Anda dengan cara yang lancar, menandai otoritas Anda sebagai kreatif yang luar biasa. Muncul dengan sepuluh tata letak yang indah dan praktis untuk membuat Anda siap dan bekerja dalam waktu singkat.
Yang terbaik dari semuanya, tidak perlu pengkodean! Dengan Visual Composer termasuk Anda dengan mudah menyeret-dan-menjatuhkan elemen untuk membuat jenis halaman yang tepat yang Anda pikirkan, dan dengan WooCommerce terintegrasi pada inti desainnya, Anda akan memiliki toko yang sempurna lengkap dengan multi mata uang dan integrasi multibahasa.
Peringkat & Pembaruan Notio
Versi sekarang | 5.4.0.0 |
---|---|
Terakhir Diperbarui | 14 Desember 2020 |
Peringkat | 4.68 (215 ulasan) |
Fitur & Kompatibilitas Notio
Kolom | 4+ |
---|---|
gaya latar | Responsif |
Kompatibilitas Browser | IE10, IE11, Firefox, Safari, Opera, Chrome, Edge |
Dokumentasi | Didokumentasikan dengan baik |
File Termasuk | PSD Berlapis, File PHP, File CSS, File JS, PSD |
Gutenberg Siap | Tidak |
Resolusi Tinggi Siap | Iya |
Widget Siap | Iya |
Enfold – Tema Responsif Multiguna
Info Lebih Lanjut & Unduh
Enfold adalah Tema WordPress yang bersih, super fleksibel, dan sepenuhnya responsif, cocok untuk situs bisnis, toko online, atau portofolio berkelas. Muncul dengan berbagai opsi sehingga Anda dapat mengubah tata letak, gaya, warna, dan font langsung dari dalam backend.
Bangun gaya Anda sendiri dari awal, atau gunakan salah satu dari 18 tata letak yang telah ditentukan sebelumnya. Ubah font, warna, latar belakang (termasuk latar belakang video), gunakan efek paralaks, integrasikan dengan WooCommerce, dan banyak lagi.
Enfold Rating & Updates
Versi sekarang | 4.7.6.4 |
---|---|
Terakhir Diperbarui | 10 Desember 2020 |
Peringkat | 4.81 (10141 ulasan) |
Fitur & Kompatibilitas Enfold
Kolom | 4+ |
---|---|
gaya latar | Responsif |
Kompatibilitas Browser | IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Edge |
Dokumentasi | Didokumentasikan dengan baik |
File Termasuk | PSD Berlapis, File PHP, File CSS, File JS |
Gutenberg Siap | Iya |
Resolusi Tinggi Siap | Iya |
Widget Siap | Iya |
Salient – Tema Multiguna Responsif
Info Lebih Lanjut & Unduh
Salient adalah tema WordPress multiguna yang populer, memberi Anda semua yang Anda butuhkan untuk tampil online dengan penuh gaya. Dari beranda perusahaan dan situs web agensi kreatif, hingga portofolio multimedia dan toko online, Salient memiliki demo prebuilt untuk dicocokkan.
Jika kebutuhan Anda lebih dipesan lebih dahulu, maka kekayaan opsi penyesuaian memberi Anda kebebasan untuk mencampur dan mencocokkan elemen terbaik dari Salient untuk mendapatkan tampilan dan nuansa yang tepat untuk proyek Anda.
Peringkat & Pembaruan Penting
Versi sekarang | 12.1.3 |
---|---|
Terakhir Diperbarui | 8 Oktober 2020 |
Peringkat | 4.81 (5901 ulasan) |
Fitur & Kompatibilitas yang Menonjol
Kolom | |
---|---|
gaya latar | Responsif |
Kompatibilitas Browser | IE11, Firefox, Safari, Opera, Chrome, Edge |
Dokumentasi | Didokumentasikan dengan baik |
File Termasuk | File PHP, File CSS, File JS |
Gutenberg Siap | Tidak |
Resolusi Tinggi Siap | |
Widget Siap | Iya |
Plugin Latar Belakang Video Terbaik
Jika Anda tidak tertarik untuk membeli tema baru hanya untuk mendapatkan latar belakang video untuk situs web Anda, Anda dapat mencoba sebuah plugin. Ada dua jenis plugin yang memungkinkan Anda menambahkan latar belakang video ke situs WordPress: Pembuat halaman, dan plugin yang dibuat khusus untuk menambahkan latar belakang video. Berikut adalah beberapa plugin terbaik untuk menyelesaikan pekerjaan itu:
Komposer Visual
Menggunakan pembuat halaman adalah pendekatan yang baik yang akan memberi Anda lebih banyak kontrol atas desain halaman Anda, memungkinkan Anda tidak hanya menambahkan latar belakang video tetapi juga banyak fitur lain ke halaman arahan Anda.
Menggunakan Komposer Visual dan Addons Ultimate Untuk Komposer Visual, Anda dapat membuat halaman arahan yang benar-benar baru dengan latar belakang video dan menggunakannya sebagai beranda default Anda juga.
Periksa video tutorial ini untuk melihat cara membuat halaman arahan dengan latar belakang video menggunakan Visual Composer.
WP Latar Belakang Video Mudah
Plugin ini melakukan satu hal: menambahkan latar belakang video di halaman situs WordPress Anda. Dan itu melakukannya dengan sempurna! Ini mendukung YouTube dan video asli dan bahkan dilengkapi dengan opsi kontrol video, termasuk pause, play, dan mute toggle.
Latar Belakang Video
Jika Anda tidak mampu membeli plugin premium, alternatif gratis ini adalah opsi terbaik yang Anda miliki untuk menambahkan latar belakang video. Plugin ini menggunakan jQuery untuk memasukkan video ke situs web Anda sebagai header atau di badan halaman. Ini mendukung file video .mp4 dan .webm.
Tips Memilih Video Yang Tepat
Memilih video yang tepat adalah langkah penting berikutnya dalam proses tersebut. Anda perlu berhati-hati dalam memilih video karena menggunakan video dengan kualitas rendah atau resolusi rendah hanya akan membuat website Anda terlihat jelek dan merusak reputasi Anda.
Berikut adalah beberapa hal yang harus Anda pertimbangkan sebelum memilih video untuk latar belakang video situs web Anda:
- Perhatikan kualitas dan resolusi video.
- Kompres video untuk memuat halaman lebih cepat.
- Tambahkan tombol jeda jika Anda bisa untuk menghindari mengganggu pengunjung dengan video Anda.
- Akun berbagai jenis perangkat dan tambahkan gambar fallback.
- Pertimbangkan untuk menggunakan hamparan untuk lebih memperhatikan konten situs web Anda.
Ada dua cara untuk mendapatkan video yang bagus:
Youtube
YouTube dipenuhi dengan video berkualitas tinggi, termasuk video dalam resolusi 4K. Menautkan ke salah satu video ini adalah cara termudah untuk menambahkan latar belakang video ke situs web Anda. Sebagian besar plugin dan tema mendukung YouTube.
Namun, Anda perlu meminta izin dari pengunggah sebelum menggunakan video di situs web Anda. Atau Anda dapat mengunggah video yang sudah Anda miliki ke YouTube dan cukup menyalin tautan ke video untuk disematkan di situs web Anda.
Beli Stock Video Loop
Menggunakan loop video stok adalah cara lain yang mudah dan terjangkau untuk mendapatkan video unik dan berkualitas tinggi untuk digunakan sebagai latar belakang situs web Anda. VideoHive adalah situs hebat yang dapat Anda gunakan untuk menemukan video yang sesuai dengan industri Anda. Situs ini memiliki lebih dari 430 ribu efek video dan rekaman stok dengan harga mulai dari $ 8.
Kesimpulan
Meskipun latar belakang video dan header video adalah cara yang bagus untuk meningkatkan konversi dan menambahkan lebih banyak gaya ke situs web Anda, ini tidak cocok untuk semua orang.
Misalnya, meskipun latar belakang video dapat membantu laman landas aplikasi seluler untuk meyakinkan pengunjung tentang kegunaan aplikasi, itu mungkin tidak berfungsi jika sebagian besar pengunjung Anda menggunakan perangkat seluler untuk menjelajahi situs web Anda. Maka semua usaha Anda akan sia-sia.
Jadi, lakukan riset dan lihat pesaing Anda untuk melihat bagaimana mereka menggunakan video di situs web mereka. Dan kemudian lakukan lebih baik lagi di situs web Anda sendiri.
.