Video Latar Belakang WordPress: Tambahkan dalam 2 Metode Berbeda

Diterbitkan: 2023-07-25

Apakah 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.

add new page
tambahkan halaman baru

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.

add cover block
tambahkan blok penutup

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.

upload video
mengunggah video

Jadi sekarang klik salah satunya dan pilih video yang ingin Anda gunakan sebagai video latar belakang WordPress.

select video to upload
pilih video untuk diunggah

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.

add text
tambahkan keterangan

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

style the video
gaya video
  • 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.

final output of video background

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.”

Installing PostX
Instal PostX

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.

add new page
tambahkan halaman baru

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.

add row column block
tambahkan blok kolom baris

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.

choose layout
memilih tata letak

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.)

background and wrapper setting
pengaturan latar belakang dan pembungkus

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."

click on video option
klik pada opsi 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.

add video url
tambahkan url video

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

adjust start and end time
menyesuaikan waktu mulai dan berakhir

Anda juga memiliki opsi untuk mengaktifkan atau menonaktifkan "Video Loop" dan menyetel "Video Fallback image".

enable video loop
aktifkan putaran video

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.

customize the row
menyesuaikan baris

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".

add heading block
tambahkan blok judul

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".

add custom text
tambahkan teks khusus

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.

add cta button
tambahkan tombol cta

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.

final output of background video

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

Suka artikel ini? Sebarkan beritanya
  • Use Gutenberg Blocks in Beaver Builder

    Integrasi PostX Beaver Builder: Gunakan Blok Gutenberg di Beaver Builder

  • WooCommerce Product Variations

    Cara Membuat Variasi Produk WooCommerce

  • PostX 2.4.9 update

    PostX 2.4.9: Yang Baru!

  • WordPress Menu Customization in 2022 WordPress Theme

    Kustomisasi Menu WordPress dalam Tema Dua Puluh Dua Puluh Dua