Advan – Elemen header pada sebuah website memainkan peran penting dalam menarik perhatian pengunjung. Salah satu cara efektif untuk membuat header yang menarik adalah dengan menggunakan video background. Dengan menggunakan Elementor, plugin pembuat halaman yang populer di WordPress, proses ini menjadi lebih sederhana dan intuitif. Berikut adalah langkah-langkah untuk membuat header dengan video background menggunakan Elementor.
1. Persiapkan Video Background
Langkah pertama adalah mempersiapkan video yang akan digunakan sebagai latar belakang. Pilih video yang sesuai dengan tema website dan pastikan video tersebut berkualitas tinggi. Video yang terlalu besar dapat mempengaruhi kecepatan muat halaman, jadi pastikan ukuran file video dioptimalkan. Format video yang disarankan adalah MP4 karena kompatibel dengan sebagian besar browser.
2. Instal dan Aktifkan Plugin Elementor
Jika belum memiliki Elementor, unduh dan instal plugin ini dari WordPress Repository. Setelah terinstal, aktifkan plugin tersebut dari panel administrasi WordPress. Elementor menawarkan versi gratis dan pro, dengan fitur-fitur tambahan tersedia di versi pro.
3. Buat Halaman Baru di Elementor
Buka dashboard WordPress dan pilih opsi “Halaman” kemudian klik “Tambah Baru”. Berikan nama pada halaman yang akan dibuat, misalnya “Header Video Background”. Klik “Edit dengan Elementor” untuk membuka antarmuka Elementor.
4. Tambahkan Section untuk Header
Di dalam antarmuka Elementor, tambahkan sebuah section baru dengan mengklik tombol “+” di bagian bawah. Pilih layout yang diinginkan untuk header, misalnya satu kolom atau dua kolom, tergantung pada desain yang diinginkan.
5. Atur Video Background pada Section
Klik pada section yang baru ditambahkan untuk membuka opsi pengaturannya di panel sebelah kiri. Pilih tab “Style” dan temukan opsi “Background”. Di bawah opsi “Background Type”, pilih “Video”.
6. Unggah dan Atur Video
Setelah memilih “Video”, akan muncul opsi untuk memasukkan URL video. Jika video telah diunggah ke YouTube atau Vimeo, salin URL video tersebut dan tempelkan di kolom yang tersedia. Jika video disimpan di server sendiri, unggah file video dengan memilih opsi “Upload Video”.
7. Sesuaikan Pengaturan Video
Setelah video diunggah atau ditautkan, sesuaikan pengaturan video seperti playback, looping, dan mute. Pastikan video dapat diputar secara otomatis saat halaman dimuat dan tidak memiliki suara, kecuali suara video merupakan bagian penting dari konten.
8. Tambahkan Konten ke Header
Sekarang saatnya menambahkan konten ke dalam header. Klik pada kolom di dalam section dan tambahkan elemen-elemen seperti heading, text editor, atau tombol sesuai kebutuhan. Atur gaya dan posisi konten agar sesuai dengan desain yang diinginkan. Pengaturan seperti ukuran font, warna, dan jarak dapat diubah melalui panel Elementor.
9. Pratinjau dan Sesuaikan
Setelah menambahkan dan mengatur konten, lakukan pratinjau untuk memastikan tampilan header sesuai dengan harapan. Klik tombol “Pratinjau” untuk melihat bagaimana header tampil di berbagai perangkat, termasuk desktop dan ponsel. Sesuaikan jika diperlukan untuk memastikan responsivitas dan keterbacaan.
10. Publikasikan Halaman
Jika semua sudah sesuai, klik tombol “Publikasikan” untuk menyimpan perubahan dan menerbitkan halaman. Header dengan video background sekarang sudah siap untuk menarik perhatian pengunjung website.
Menggunakan video background untuk header dapat menambah daya tarik visual website dan menciptakan pengalaman yang lebih dinamis bagi pengunjung. Dengan Elementor, proses ini menjadi lebih mudah dan tidak memerlukan keterampilan teknis yang mendalam. Pastikan untuk memilih video yang relevan dan berkualitas tinggi serta selalu memeriksa kecepatan muat halaman untuk pengalaman pengguna yang optimal.
Jika tertarik untuk memperluas fitur website dengan teknologi canggih, pertimbangkan Advan Soulmate. Dengan fitur-fitur inovatif dan performa yang handal, Advan Soulmate dapat meningkatkan kualitas dan daya tarik situs web secara keseluruhan.***
Editor : Adita Febriyanti