3 Cara Mudah untuk Menambahkan Latar Belakang Video WordPress ke Situs Web Anda

Diterbitkan: 2021-12-11

Menggunakan latar belakang video di situs WordPress Anda adalah cara yang bagus untuk membuatnya menonjol dari pesaing Anda dan menarik lebih banyak audiens. Itu karena latar belakang video memungkinkan Anda untuk menyampaikan pesan Anda kepada audiens Anda dengan lebih baik dan membuat mereka tetap terhibur.

Jika Anda menemukan cara untuk menambahkan latar belakang video WordPress ke situs Anda, tips dan panduan berikut akan sangat membantu.

Daftar isi
[Tunjukan Sembunyikan]
  1. Mengapa Anda Harus Menambahkan Latar Belakang Video WordPress ke Situs Anda?
  2. Beberapa Tips Bermanfaat tentang Cara Menambahkan Latar Belakang Video WordPress ke Situs Anda
  3. Di mana Anda Dapat Mendapatkan Sumber Latar Belakang Video WordPress?
  4. 3 Cara untuk Menambahkan Latar Belakang Video WordPress ke situs web Anda
    1. Gunakan Tema WordPress yang Mendukung Latar Belakang Video
    2. Gunakan Pembuat Halaman
      1. Gutenberg
      2. Pembuat Halaman Elemen
    3. Gunakan Plugin Latar Belakang Video WordPress
      1. Penggeser Cerdas 3
      2. Pemutar Video dan Latar Belakang Video Layar Penuh
      3. Plugin WordPress Latar Belakang Gambar dan Video Layar Penuh
  5. Kata-kata Terakhir

Mengapa Anda Harus Menambahkan Latar Belakang Video WordPress ke Situs Anda?

Berikut adalah beberapa manfaat menambahkan latar belakang video WordPress ke situs Anda.

  • Tambahkan gaya keren dan unik ke situs WordPress Anda.
  • Latar belakang video menarik. Saat pengguna mengunjungi situs web Anda, mereka akan mampir untuk menonton video Anda alih-alih menggulir.
  • Membantu Anda menyoroti beberapa aspek penting dari bisnis Anda.
  • Keluarkan visi utama situs web Anda dengan mudah.
  • Jadikan situs Anda lebih dapat dibagikan, yang akan mengarahkan lebih banyak lalu lintas ke situs web.

Beberapa Tips Bermanfaat tentang Cara Menambahkan Latar Belakang Video WordPress ke Situs Anda

Sebelum melanjutkan, berikut adalah beberapa tips bermanfaat yang harus Anda ingat saat menambahkan latar belakang video WordPress ke situs Anda.

  • Pastikan video yang Anda unggah memiliki resolusi tinggi.
  • Pastikan video tidak akan terlalu memengaruhi kecepatan pemuatan halaman. Kompres jika diperlukan.
  • Latar belakang video harus sepenuhnya responsif. Jadi itu akan terlihat bagus di semua layar dan perangkat.
  • Matikan putar otomatis dengan suara. Jika Anda ingin melakukannya, pastikan pengunjung Anda memiliki opsi untuk mematikan audio.
  • Setel gambar latar belakang pengganti untuk pengunjung yang browser webnya tidak mendukung latar belakang video .
  • Anda harus mengunggah latar belakang video pendek.

Di mana Anda Dapat Mendapatkan Sumber Latar Belakang Video WordPress ?

Latar belakang video Anda mungkin mendapatkan banyak lalu lintas, terutama jika mereka ada di beranda Anda. Oleh karena itu, Anda ingin itu menonjol dan menarik pengunjung Anda sebanyak mungkin.

Jika Anda tidak memiliki anggaran yang ketat, hubungi videografer lokal untuk merekam video untuk Anda. Pastikan untuk mengekspresikan ide Anda dengan jelas untuk memastikan video memenuhi kebutuhan branding Anda.

Tidak ada waktu atau uang untuk merekam video? Tidak masalah. Anda dapat menemukan rekaman video berkualitas tinggi bebas royalti di situs-situs seperti Storyblocks dan Pixabay.

3 Cara untuk Menambahkan Latar Belakang Video WordPress ke situs web Anda

Gunakan Tema WordPress yang Mendukung Latar Belakang Video

Cara tercepat dan paling tidak rumit untuk menambahkan video latar WordPress ke situs Anda adalah dengan menggunakan tema yang mendukungnya. Latar belakang video WordPress sudah menjadi fitur default dari banyak tema.

Anda dapat menggunakan tema Woostify atau mencari tema di pasaran. Ada banyak tempat di web di mana Anda dapat menemukan tema WordPress berbayar atau gratis yang mendukung latar belakang video, seperti Tema WordPress, ThemeForest, dll.

Setelah menginstal tema, buka halaman dokumentasinya atau hubungi dukungan untuk mengetahui cara menambahkan video latar belakang WordPress.

Gunakan Pembuat Halaman

Gutenberg

Editor dan pembuat halaman WordPress default—Gutenberg—sudah memungkinkan Anda menambahkan latar belakang video dengan mudah.

  1. Klik tanda ' + ' untuk menambahkan blok baru. Cari ' sampul '. Kemudian klik pada blok Cover untuk menambahkannya.
wordpress-video-background-1
  1. Unggah video atau tambahkan dari Pustaka Media jika Anda sudah mengunggahnya.
wordpress-video-background-2
  1. Klik teks ' Tulis judul ...' untuk menambahkan judul.
wordpress-video-background-3
  1. Sesuaikan latar belakang video Gutenberg menggunakan bilah alat dan bilah sisi. Anda dapat menambahkan kelas CSS untuk menyesuaikannya lebih lanjut.
wordpress-video-background-4
wordpress-video-background-5
wordpress-video-background-6

Inilah yang dimaksud dengan opsi di bilah sisi:

  • Overlay : mengatur warna yang muncul pada video.
  • Background Opacity : menyesuaikan transparansi. Semakin rendah nilainya, semakin transparan.

Seperti yang Anda lihat, opsi default cukup terbatas. Tetapi ini juga merupakan cara yang paling mudah karena terintegrasi ke dalam WordPress sejak awal. Jadi Anda tidak perlu menginstal apapun.

Pembuat Halaman Elemen

Elementor, yang dianggap sebagai pembuat halaman paling populer untuk WordPress, memungkinkan Anda menambahkan video YouTube dan file .mp4 ke latar belakang situs web Anda.

Beberapa tema memiliki dukungan asli untuk Elementor—seperti Woostify. Jadi ini adalah pilihan terbaik jika tema Anda juga demikian.

Ada juga beberapa opsi lanjutan untuk menambahkan efek, mengatur gambar mundur, memilih waktu mulai dan berakhir, dll.

Setelah mengunduh dan mengaktifkan plugin Pembuat Situs Web Elementor, ikuti panduan di bawah ini untuk menambahkan latar belakang video Elementor ke situs Anda.

  1. Buka posting/halaman baru atau yang sudah ada dengan Elementor.
  2. Tambahkan bagian dari editor dengan mengklik tombol '+'.
wordpress-video-background-7
  1. Pilih lebar bagian yang Anda inginkan. Dalam hal ini, saya akan memilih bagian lebar penuh.
wordpress-video-background-8
  1. Panel kiri akan muncul. Anda dapat memilih tampilan dan nuansa bagian dari tab Tata Letak. Pilih lebar konten yang ditandai sebagai '1' pada foto di bawah. Saya akan memilihnya sebagai kotak. Anda juga dapat memilih opsi lebar penuh.
wordpress-video-background-9
  1. Klik pada tab Gaya bertanda '2' pada gambar di atas untuk menambahkan video. Di bagian latar belakang, Anda dapat memilih dari tiga gaya latar belakang: solid, gradien, dan latar belakang video. Klik pada opsi latar belakang video seperti yang ditandai '1' pada foto di bawah ini.
wordpress-video-background-10
  1. Anda juga dapat menggunakan efek hover dan efek partikel dengan mengklik tombol masing-masing seperti yang ditandai '2' dan '3' pada foto di atas.
  2. Anda dapat memberikan tautan YouTube sebagai video latar belakang Anda. Atau Anda dapat mengunggah video .mp4 apa pun menggunakan perpustakaan media. Kemudian ketik permalink-nya.
wordpress-video-background-11
  1. Anda dapat menentukan waktu mulai dan berakhir dan memberikan gambar mundur masing-masing seperti yang ditandai '2' dan '3' pada foto di atas.
  2. Anda mungkin memiliki masalah ketinggian. Jika demikian, sesuaikan ketinggian minimum dari tab Tata Letak.
wordpress-video-background-12

Hanya itu saja! Meskipun metode ini jauh lebih rumit, Anda memiliki lebih banyak kontrol dan fitur lanjutan untuk menyesuaikan video latar belakang Elementor agar sesuai dengan kebutuhan Anda.

Gunakan Plugin Latar Belakang Video WordPress

Jika Anda ingin mendapatkan opsi penyesuaian lebih lanjut pada latar belakang video, Anda harus menggunakan plugin pihak ketiga yang mendukung fungsi ini.

Saat ini, Anda dapat memilih dari banyak plugin WordPress gratis dan berbayar yang memberi Anda opsi untuk menggunakan video YouTube, Vimeo, dan MP4 di latar belakang. Pada artikel ini, kami hanya akan mencantumkan beberapa yang terkenal.

Penggeser Cerdas 3

wordpress-video-background-13

Jika Anda mencari plugin latar belakang video WordPress gratis terbaik, Smart Slider 3 akan menjadi pilihan terbaik.

Dengan itu, Anda dapat membuat blok video. Kemudian sematkan di situs Anda sebagai bagian terpisah atau gambar pahlawan dengan efek pengguliran paralaks.

Plugin ini mendukung video dari YouTube dan Vimeo. Ini juga memungkinkan Anda untuk mengunggah file .mp4 dan menggunakannya.

Smart Slider 3 juga memungkinkan Anda menambahkan lapisan ke blok video sebanyak yang Anda suka, termasuk teks, tombol, logo, gambar mini, dll. Anda juga dapat menyesuaikan opacity, audio mute, loop video, dan banyak lagi.

Untuk menambahkan latar belakang video WordPress ke posting/halaman, Anda dapat memasukkan kode pendek atau skrip PHP pendek langsung ke file template situs WordPress Anda.

Pemutar Video dan Latar Belakang Video Layar Penuh

wordpress-video-background-14

Ini adalah alat utama untuk membuat latar belakang video lebar penuh yang menarik. Ini memungkinkan Anda untuk menambahkan video yang dihosting sendiri, YouTube, atau Vimeo ke halaman mana pun di situs WordPress Anda.

Anda juga dapat menggunakan plugin sebagai pemutar video untuk menyesuaikan konten Anda dengan semua jenis perangkat.

Plugin WordPress Latar Belakang Gambar dan Video Layar Penuh

wordpress-video-background-15

Plugin ini memungkinkan Anda untuk menampilkan latar belakang video, penggeser latar belakang gambar, galeri multimedia, dan galeri video di latar belakang lebar penuh situs WordPress Anda.

Ini kompatibel dengan perangkat seluler dan mencakup banyak fitur penting, termasuk teks dinamis, penghitung waktu lingkaran, transaksi yang dapat disesuaikan, dan banyak lagi.

Kata-kata Terakhir

Ketika pengunjung tiba di situs Anda, Anda hanya memiliki beberapa detik untuk menarik perhatian mereka dan membuat mereka tinggal lebih lama. Latar belakang video WordPress adalah salah satu cara paling efektif untuk melakukannya dan memperkuat ide merek Anda. Dengan menggunakan tip dan panduan yang kami sediakan di posting ini, kami harap Anda dapat dengan mudah menambahkan latar belakang video WordPress ke halaman mana pun di situs Anda.