Video Latar Belakang WordPress: Tambahkan dalam 2 Metode Berbeda
Diterbitkan: 2023-07-25Apakah Anda ingin membuat situs web WordPress Anda lebih menarik dan menawan? Salah satu cara terbaik untuk melakukannya adalah dengan menambahkan video latar belakang. Ini adalah fitur keren yang langsung menarik perhatian orang dan membuat situs Anda lebih menarik. Tetapi bagaimana cara menambahkan latar belakang video di WordPress?
Jika Anda meminta langkah mudah untuk menambahkan video latar belakang WordPress, maka-
- Buat postingan/edit postingan yang ada
- Tambahkan blok penutup
- Sekarang tambahkan video dengan mengunggahnya atau dari perpustakaan media
- Terakhir, sesuaikan
Kelihatannya mudah, tetapi ada beberapa pekerjaan tambahan. Jangan khawatir; dalam artikel ini, kami telah menjelaskan semuanya dengan benar. Ya, bukan hanya caranya; kami telah menambahkan cara lain untuk menambahkan video sebagai latar belakang situs web menggunakan PostX.
Jadi, mari jelajahi cara menambahkan latar belakang video di WordPress.
Video Latar Belakang WordPress: Cara Menambahkan dengan Editor Blok Default
Jadi, di sini kita masuk ke segmen utama. Anda mungkin tidak menyukai kerumitan tambahan seperti menambahkan plugin untuk memasukkan video sebagai latar belakang WordPress. Jadi, mari kita mulai dengan editor default Gutenberg atau Block. Di bawah ini, kami menambahkan panduan langkah demi langkah tentang cara melakukannya.
Langkah 1: Masuk dan Buat Posting/Halaman
Di sini langkah pertama sangat mendasar. Masuk ke dasbor WordPress Anda lalu arahkan kursor ke tombol “+ Baru”. Kemudian sesuai dengan preferensi Anda, tambahkan Posting atau Halaman.
Langkah 2: Tambahkan Blok Sampul
Sekarang klik tombol "+" untuk menambahkan blok baru. Kemudian di kotak pencarian, ketik "sampul", dan Anda akan melihat ikon blok sampul. Ini akan terlihat seperti gambar berikut.
Langkah 3: Tambahkan Video
Setelah Anda mengklik tombol tutup, blok akan muncul dengan beberapa opsi. Di sana Anda akan memiliki dua opsi untuk menambahkan video latar belakang. Anda dapat mengunggah video dari komputer dengan mengeklik tombol "Unggah" atau memilih video dari "Perpustakaan Media" Anda.
Jadi sekarang klik salah satunya dan pilih video yang ingin Anda gunakan sebagai video latar belakang WordPress.
Langkah 4: Sesuaikan Semuanya
Tugas yang Anda cari – menambahkan latar belakang video WordPress sekarang sudah selesai. Tapi sekarang saatnya menyesuaikan semuanya. Ada banyak opsi untuk menyesuaikan. Di bawah ini kami akan membahas beberapa penyesuaian umum.
Tambahkan Caption untuk Blok
Yang dilakukan kebanyakan orang adalah menambahkan teks di atas video. Di sini Anda tidak perlu melakukan sesuatu yang istimewa. Itu karena, secara default, Anda akan melihat “Tulis Judul…” Cukup klik di sini, dan Anda akan melihat kursor tulis.
Sekarang Anda dapat dengan mudah menambahkan judul/kutipan atau apa pun yang ingin Anda tampilkan di atas video latar belakang. Bahkan Anda akan menemukan beberapa opsi penyesuaian lainnya, seperti:
- Paragraf/Judul
- Warna teks
- Ukuran teks
- Pemilih titik fokus
Itu dia. Anda telah selesai mengintegrasikan video latar belakang di WordPress.
Tambahkan Gaya ke Video
Yah, hanya keterangan bukanlah segalanya. Anda juga dapat mengubah gaya video latar belakang. Untuk itu, klik tombol gaya (Tombolnya terlihat seperti lingkaran setengah hitam-putih), dan Anda akan menemukan lebih banyak opsi untuk menyesuaikan video. Pilihannya termasuk
- Warna (Padat dan Gradien)
- Hamparan Opasitas
- Tipografi
- Tinggi Penutup Minimum
Sekarang gabungkan gaya sesuai dengan preferensi pribadi. Kami baru saja menambahkan teks dengan berbagai ukuran dan warna dan menyelaraskannya. Inilah hasil akhir dari Video Latar Belakang WordPress oleh Gutenberg.
Video Latar Belakang WordPress: Cara Menambahkan dengan PostX
Yang di atas adalah metode default. Namun, jika Anda lebih suka menyesuaikannya dan menginginkan tampilan yang lebih profesional, kami sarankan untuk menggunakan plugin PostX kami. PostX menawarkan lebih banyak kontrol atas video latar belakang WordPress Anda dan memungkinkan Anda menambahkannya dengan mudah dengan berbagai opsi penyesuaian. Dengan PostX Anda juga dapat menampilkan video sebagai gambar unggulan. Inilah cara Anda dapat menggunakan PostX untuk menambahkan video latar belakang ke situs web WordPress Anda:
Langkah 1: Instal dan Aktifkan Posting
Pertama, Anda perlu menginstal dan mengaktifkan plugin PostX di situs web WordPress Anda. Untuk melakukannya, klik kursor pada bagian “Plugins” di dashboard WordPress Anda, lalu klik “Add New.”
Setelah itu, cari “PostX.” Setelah Anda menemukan plugin, klik "Instal Sekarang" dan kemudian "Aktifkan".
Dapatkan PostX Pro untuk membuka kunci semua fitur menarik dan membuat Situs Web yang luar biasa
Langkah 2: Buat Postingan Baru atau Edit Postingan yang Sudah Ada
Setelah mengaktifkan PostX, Anda dapat membuat posting baru atau mengedit yang sudah ada di mana Anda ingin menambahkan video latar belakang. Anda juga dapat menggunakan plugin di halaman atau jenis posting khusus lainnya. Nah, sekarang buatlah postingan baru seperti cara yang sudah saya jelaskan tadi.
Langkah 3: Tambahkan Blok Baris/Kolom
Sekarang seperti yang sebelumnya, klik tombol “+” untuk menambahkan blok baru. Kemudian di kotak pencarian, ketik "Baris," dan Anda akan menemukan ikon blok Baris/Kolom PostX.
NB: Anda mungkin melihat 2 blok berbeda bernama Row. Jangan bingung; satu dari editor default, dan satu lagi dari PostX. Cukup ikuti gambar di atas dan pilih blok Baris/Kolom yang disarankan.
Langkah 4: Pilih Tata Letak
Setelah mengklik blok baris, Anda akan melihat sepuluh tata letak yang berbeda seperti "100", "50:50", "50:25:25", dll. Pilih salah satu dari mereka sesuai dengan kebutuhan Anda.
Mari kita gunakan tata letak 100:00: klik di atasnya.
Langkah 5: Klik Latar Belakang dan Pembungkus
Setelah Anda memilih tata letak, Anda akan melihat blok baris dibuat dengan satu blok di dalamnya.
Anda tidak memiliki pekerjaan apa pun sekarang dengan blok yang disertakan. Sebaliknya, tugas utama Anda sekarang adalah dengan blok Baris. Sekarang klik tombol "Blokir" (Anda akan menemukannya tepat di bawah tombol terbitkan.)
Kemudian Anda akan melihat banyak opsi untuk menyesuaikan Baris. Namun, tugas utama kami adalah menambahkan video latar belakang WordPress. Jadi temukan opsi "Background and Wrapper" di dalam "Block Button" dan kemudian klik. Jika Anda tidak dapat menemukannya, cukup periksa gambar di bawah ini.
Langkah 6: Unggah URL Video
Sekarang klik tombolnya, dan Anda akan menemukan 4 opsi di bawah opsi latar belakang – Solid, Gradient, Image, dan Video. Di sana, pilih "Video."
Catatan: Saat menggunakan PostX, Anda tidak dapat mengunggah video secara langsung. Anda harus membagikan URL video. Dalam kebanyakan kasus, ini lebih menguntungkan.
Misalnya, jika Anda ingin menambahkan video YouTube apa pun, cukup salin URL video dan tempelkan ke kotak "URL VIDEO".
Namun dalam kasus video yang disimpan, ini agak memakan waktu. Karena tidak ada opsi untuk mengunggah video langsung, Anda harus membagikan URL yang Dihosting Sendiri. Anda dapat mengunggah video ke situs WordPress Anda dan menambahkannya menggunakan tautan video yang diunggah.
Sekarang sama seperti Anda memasukkan tautan video YouTube, masukkan tautan video yang dihosting sendiri ke Kotak URL Video default.
[Catatan: Pastikan URL video yang dihosting tersedia untuk umum, jika tidak, tidak ada yang dapat melihat video tersebut.]
Langkah 7: Sesuaikan Pengaturan Video
Setelah Anda menambahkan video, PostX menawarkan beberapa manfaat tambahan. Misalnya, Anda dapat menyesuaikan waktu video. Cukup isi kotak start time dan end time sesuai dengan waktu dan posisi yang diinginkan untuk menjalankan video.
Anda juga memiliki opsi untuk mengaktifkan atau menonaktifkan "Video Loop" dan menyetel "Video Fallback image".
Langkah 8: Tambahkan Item ke Blok Inside
Anda telah selesai menambahkan video latar belakang. Saatnya mendesainnya. Karena kami telah memilih tata letak 100:00, Anda dapat menambahkan satu item ke tata letak. Namun, kami dapat menambahkan beberapa blok di bawah ini.
Anda juga dapat mengatur piksel video latar belakang. Untuk melakukannya, cukup arahkan kursor ke sudut tengah atas atau bawah blok "Baris". Segera setelah Anda mencapai posisi tersebut, Anda akan melihat piksel ditampilkan di dalam Baris. Anda kemudian dapat mengeklik dan menyeretnya ke atas atau ke bawah untuk menyesuaikan ukuran video Latar Belakang.
Sekarang akhirnya, sesuaikan sesuai dengan preferensi Anda. Kami akan menyiapkan satu video latar belakang cepat yang disesuaikan sekarang. Mari kita periksa langkah demi langkah.
Panduan Praktis Kustomisasi Latar Belakang Video WordPress
Sekarang kita akan membuat video background sederhana yang menampilkan layanan pariwisata.
Langkah 1: Ikuti Langkah Sebelumnya dan Tambahkan Video
Kami sudah mempelajari dasar-dasarnya. Cukup ikuti langkah-langkah di bawah ini dan tambahkan video latar belakang WordPress menggunakan blok Baris/Kolom oleh PostX.
Langkah 2: Tambahkan Tajuk ke Blok yang Ada
Sekarang kami memilih tata letak 100:00. Di sana Anda dapat menambahkan satu item. Kami menambahkan blok "Heading".
Setelah menambahkan blok heading, Tambahkan Tagline/Layanan yang ingin Anda tampilkan di heading.
Langkah 3: Tambahkan Blok Paragraf Di Bawah Judul
Sekarang cukup klik enter atau klik tombol "+", dan Anda akan melihat blok lain di bawah judul. Ini, secara default, blok paragraf. Sekarang tulis apa yang ingin Anda tawarkan di blok paragraf. Untuk visibilitas yang lebih baik, kami mempertahankan warna teks "Putih".
Langkah 4: Tambahkan Tombol CTA
Nah ikuti cara yang sama, setelah menyelesaikan blok paragraf, tekan tombol enter, dan blok baru akan muncul. Sekarang tambahkan "Grup Tombol" oleh PostX.
Kami menambahkan 2 tombol CTA (Ajakan Bertindak) untuk menarik pelanggan dengan berbagai tujuan. Untuk menyesuaikan tombol dengan cara yang lebih baik, lihat video ini.
Membuat video latar belakang sekarang selesai. Mari kita lihat hasil akhirnya.
Panduan Menambahkan Background Video di WordPress
Berikut beberapa panduan yang disarankan untuk menambahkan latar belakang video ke situs web WordPress Anda:
Optimalkan ukuran file tanpa mengorbankan resolusi
Video dan gambar berukuran besar dapat memperlambat kinerja situs Anda, jadi penting untuk menemukan a
keseimbangan antara ukuran file dan resolusi saat mengompresi video Anda.
Gunakan video seperlunya
Hindari memadati situs web Anda dengan terlalu banyak video. Alih-alih, gunakan secara strategis untuk menyoroti poin-poin penting atau menampilkan konten yang relevan.
Sertakan ajakan untuk bertindak
Saat menggunakan latar belakang video, pastikan untuk memberikan informasi tambahan atau tombol ajakan bertindak yang jelas. Jangan biarkan pemirsa menginginkan lebih banyak tanpa menawarkan tautan atau petunjuk untuk mempelajari lebih lanjut.
Hindari putar otomatis dengan audio
Memutar audio secara otomatis saat seseorang mengunjungi situs web Anda dapat menggelegar dan mengganggu. Sebaiknya hindari memutar audio secara otomatis sama sekali.
Berikan opsi untuk pemutaran audio
Jika video Anda memerlukan audio, beri pengguna kemampuan untuk mengontrol pemutaran audio. Ini memungkinkan mereka untuk memilih apakah mereka ingin mendengarkan audio atau tidak.
Pertimbangkan teks tertutup
Sertakan teks tertutup untuk video yang memiliki audio. Ini membantu membuat konten Anda dapat diakses oleh semua pengguna, termasuk mereka yang berada di lokasi yang tidak dapat memutar audio atau memiliki gangguan pendengaran.
Host video secara eksternal
Untuk memastikan performa yang optimal, pertimbangkan untuk menggunakan platform hosting video eksternal seperti Vimeo atau YouTube. Platform ini dirancang khusus untuk hosting dan streaming video.
Tetap berpegang pada format dan resolusi yang direkomendasikan
Saat mengunggah video, gunakan format MP4 dengan resolusi minimal 720p. Juga, pastikan video dikodekan menggunakan codec h264, karena memberikan kualitas dan kompatibilitas yang baik.
Kata Akhir
Semoga sekarang Anda sudah memahami dengan baik cara menambahkan video latar belakang WordPress. Kami telah menambahkan 2 metode, dan kedua metode tersebut memiliki pro dan kontra.
Singkatnya, saya akan mengatakan jika Anda ingin menambahkan video sebagai latar belakang, atau tautan video, PostX adalah pilihan terbaik. Tetapi jika Anda ingin mengupload video, maka blok default adalah opsi yang lebih mudah untuk Anda.
Dapatkan PostX Pro untuk membuka kunci semua fitur menarik dan membuat Situs Web yang luar biasa
Integrasi PostX Beaver Builder: Gunakan Blok Gutenberg di Beaver Builder
Cara Membuat Variasi Produk WooCommerce
PostX 2.4.9: Yang Baru!
Kustomisasi Menu WordPress dalam Tema Dua Puluh Dua Puluh Dua