Panduan/Pembuatan konten/Media/Tambahkan banner ke situs Anda

Tambahkan banner ke situs Anda

Sering disebut sebagai gambar “hero” atau “banner”, blok Sampul digunakan untuk menambahkan gambar, video, atau banner teks berukuran besar ke situs Anda. Panduan ini akan menunjukkan cara menambahkan banner dan memilih gambar, video, atau warna yang akan ditampilkan.

Tutorial video

Dalam video ini, Anda akan mempelajari cara menggunakan blok Sampul untuk menambahkan header visual atau bagian bergaya banner ke situs WordPress.com Anda. Video ini mencakup cara menambahkan gambar latar belakang atau video, menempatkan teks atau blok lain di atasnya, menyesuaikan tata letak dan titik fokus, menyesuaikan overlay, serta melihat pratinjau desain di perangkat seluler.

Menambahkan blok Sampul

Anda dapat menambahkan gambar banner ke situs Anda menggunakan blok Sampul. Untuk menambahkan banner ke halamanpos, atau template, ikuti langkah-langkah berikut:

  1. Buka dasbor situs Anda.
  2. Bergantung pada tempat Anda ingin menambahkan banner, buka halaman, pos, atau template, lalu edit atau buat yang baru:
    • Halaman: Buka bagian Halaman di menu Anda.
    • Pos: Buka bagian Pos di menu Anda.
    • Template: Buka Tampilan → Editor lalu pilih templatenya.
  3. Klik ikon + (penyisip blok) dan cari “sampul”.
    • Atau, ketik /sampul di mana pun Anda melihat “Ketik / untuk memilih blok”.
The (+) block inserter sidebar open with the Cover block icon highlighted.
  1. Klik ikon sampul untuk menyisipkan blok Sampul
The Cover block before media is added, with the options to upload, select media, or use the featured image.

Memilih media banner

Setelah Anda menambahkan blok Sampul, pilih media yang akan ditampilkan. Anda dapat memilih dari beberapa opsi berikut:

  • Unggah: Klik tombol “Unggah” untuk memilih berkas dari komputer Anda.
  • Pilih Media: Temukan media di salah satu tempat berikut:
    • Pustaka Media: Gambar dan video yang telah Anda unggah ke pustaka media situs Anda.
    • Ponsel Anda: Gunakan aplikasi seluler Jetpack untuk mengunggah media langsung dari ponsel Anda.
    • Hasilkan dengan AI: Berikan deskripsi singkat tentang jenis gambar yang ingin Anda gunakan, lalu AI akan membuat desainnya.
    • Google Photos: Pilih media dari akun Google Photos Anda yang terhubung.
    • Pexels: Cari gambar gratis dari pustaka Pexels.
    • Openverse: Cari gambar gratis dari pustaka Openverse.
  • Gunakan gambar andalan: Menampilkan gambar andalan halaman atau pos jika sudah diatur. Menambahkan blok Sampul ke template dan memilih opsi ini akan otomatis menampilkan gambar andalan dari halaman atau pos apa pun yang menggunakan template tersebut.
  • Warna: Alih-alih menambahkan gambar atau video, pilih warna solid untuk banner.

Selanjutnya, Anda dapat menambahkan konten seperti teks dan tombol ke banner, menyesuaikan tata letak banner, serta menyesuaikan desain banner.

Tips memilih gambar

Pertimbangkan hal-hal berikut saat memilih gambar untuk banner Anda:

  • Gambar dekoratif atau abstrak paling cocok digunakan, karena gambar penuh mungkin tidak selalu tampil utuh di perangkat seluler.
  • Ketikkan teks di atas gambar, bukan memasukkan teks ke dalam gambar itu sendiri. Dengan begitu, ukuran teks akan menyesuaikan dengan baik di semua ukuran layar.
  • Blok Sampul menggunakan gambar sebagai gambar latar belakang dan tidak akan diubah ukurannya untuk menampilkan seluruh lebar gambar pada perangkat yang lebih kecil. Dengan menggunakan pengaturan pemilih titik fokus, Anda dapat memilih bagian gambar yang ingin difokuskan saat dilihat di layar yang lebih kecil.
    • Jika gambar Anda berisi konten yang perlu ditampilkan secara utuh di semua ukuran perangkat, Anda dapat menggunakan blok Gambar sebagai gantinya.

Membuat banner video

Blok Sampul mendukung gambar, video, dan warna solid. Untuk mengunggah video ke blok Sampul, ikuti langkah-langkah berikut:

  1. Tambahkan blok Sampul ke halaman atau pos.
  2. Di bilah alat blok, klik opsi “Tambahkan media“:
"Add media" is highlighted in the Cover block toolbar.
  1. Pilih salah satu opsi berikut:
    • Unggah: Unggah berkas video dari komputer Anda (memerlukan paket yang memenuhi syarat).
    • Buka pustaka media: Pilih berkas video yang sudah Anda unggah.
    • Sematkan video dari URL: Tempelkan URL dari YouTube, Vimeo, atau penyedia lainnya.

blok Sampul bersifat dekoratif, bukan fungsional, sehingga tidak akan memutar suara dari berkas video. Jika Anda ingin menyertakan audio video, gunakan blok VideoPress agar video dapat diputar dengan suara.

Mengganti atau menghapus media banner

Setelah Anda menambahkan blok Sampul, Anda dapat mengubah medianya kapan saja. Untuk mengganti atau menghapus media di banner:

  1. Buka dasbor situs Anda.
  2. Buka halaman, pos, atau template tempat banner berada.
  3. Pilih Tampilan Daftar di sudut kiri atas editor.
  4. Klik item blok Sampul di Tampilan Daftar.
The list view open and an arrow pointing from the "List View" icon to the Cover block.
  1. Di bilah alat blok, klik tombol Ganti untuk memilih gambar atau video baru.
The "Replace" option highlighted in the Cover block's toolbar.

Anda dapat memilih berkas media baru dengan salah satu opsi berikut:

  • Buka pustaka media: Pilih gambar yang sudah Anda unggah.
  • Unggah: Pilih gambar dari perangkat Anda untuk diunggah ke situs Anda. Lihat jenis berkas yang didukung.
  • Gunakan gambar andalan: Gunakan gambar andalan halaman atau pos.
  • Atur ulang: Hapus gambar, tetapi biarkan blok Gambar tetap di tempatnya agar Anda dapat memilih opsi seperti unggah, pilih gambar, hasilkan dengan AI, atau sisipkan dari URL.
  • Ponsel Anda: Tambahkan gambar dari ponsel Anda menggunakan aplikasi seluler Jetpack.
  • Hasilkan dengan AI: Buat gambar menggunakan AI dengan menjelaskan gambar yang Anda inginkan. 
  • Google Photos.
  • Pustaka Foto Gratis Pexels.
  • Gambar Gratis Openverse.
  • Sematkan video dari URL: Tempelkan URL dari YouTube, Vimeo, atau penyedia lainnya
Copied to clipboard!