Kembali ke Dukungan Konten dan Media Blok Blok Sampul

Blok Sampul

Blok Sampul menampilkan gambar atau video yang dapat menampung teks dan konten lainnya. Sangat cocok untuk header dan tampilan bergaya spanduk lainnya. Panduan ini akan menunjukkan cara menggunakan blok Sampul untuk memberikan tampilan pos dan halaman yang rapi serta profesional.

Tutorial Video

Menambahkan Blok Sampul

Untuk menambahkan blok Sampul, klik ikon + Penyisip Blok dan cari “sampul”. Klik untuk menambahkan blok ke pos atau halaman.

💡

Anda juga dapat menggunakan untuk mengetikkan /cover pada baris baru dan menekan enter untuk menambahkan blok Sampul baru dengan cepat.

Gunakan perintah garis miring /cover untuk memasukkan blok Sampul

Panduan lebih lanjut tentang cara menambahkan blok terdapat di sini.

Memilih Gambar

Setelah menyisipkan blok, Anda dapat mengatur gambar atau video menggunakan dua pilihan: Unggah dan Pilih Media:

  1. Pilih Unggah untuk menambahkan gambar atau video baru dari perangkat Anda.
  2. Pilih Media untuk memilih gambar atau video yang sudah ada di situs Anda, Google Photos, Gambar Gratis Pexels, atau Openverse.

Anda juga dapat memilih pilihan Gunakan gambar andalan untuk mengatur sampul sebagai gambar andalan halaman atau pos Anda.

Selain itu, Anda juga dapat menggunakan tiap-tiap warna latar belakang untuk sampul Anda dengan mengeklik lingkaran berwarna. Anda dapat mengubahnya lagi menjadi warna lainnya di pengaturan blok.

Memilih blok Sampul

Setelah menambahkan blok Sampul, Anda dapat memilihnya dari Tampilan Daftar untuk membuka kembali bilah peralatan dan panel pengaturan di bilah sisi kanan:

Memilih blok Sampul dari Tampilan Daftar.
Tips Memilih Gambar

Menambahkan Teks dan Konten Lainnya

Setelah memilih gambar, Anda dapat menulis judul di atasnya. Anda dapat melakukannya, misalnya, untuk memberi judul bagian baru di pos atau halaman. Anda juga dapat menambahkan blok lain untuk ditampilkan di dalam blok Sampul, seperti blok Tombol atau blok Paragraf.

Bilah Peralatan Blok

Jika Anda mengeklik blok, bilah peralatan pilihan akan muncul di atasnya:

Bilah peralatan blok Sampul

Pilihannya adalah:

Perataan

Sama seperti blok lainnya, Anda juga dapat meratakan blok Sampul ke kiri, kanan, dan tengah dari bilah peralatan. Saat menggunakan perataan kiri atau kanan, Anda dapat meletakkan blok lain di sebelah blok Sampul.

Blok Sampul juga memiliki pilihan perataan Lebar dan Lebar penuh untuk memudahkan Anda membuat header yang unik dan efek layar lebar. Kedua pilihan tersebut hanya tersedia jika tema Anda mendukung jenis perataan ini. 

Gambar tampilan lebar (atas) dan gambar lebar penuh (bawah). Gambar lebar penuh tampak lebih memanjang.
Gambar tampilan lebar akan memanjang hingga batas kolom, sedangkan gambar lebar penuh akan memanjang melebihi lebar halaman.
Posisi Konten

Gunakan pilihan Posisi Konten untuk mengatur letak teks serta konten lainnya pada gambar:

Mengeklik tombol Posisi Konten pada bilah peralatan akan memunculkan pilihan untuk menentukan arah perataan konten apa pun pada blok Sampul.
Memindahkan konten di dalam blok menggunakan Posisi Konten
Perataan Tinggi Penuh

Untuk menetapkan gambar agar selalu ditampilkan dengan tinggi penuh, Anda dapat mengaktifkan pilihan Beralih ke Tinggi Penuh pada bilah peralatan blok yang muncul jika diklik.

Gif menunjukkan cara menyetel Blok Sampul menjadi Tinggi penuh
Menerapkan Penyaring Gaya Ganda

Pilihan penyaring gaya ganda memungkinkan Anda untuk menetapkan warna Gambar dari bilah peralatan blok. Foto hitam – putih, dengan kombinasi warna semau Anda. Untuk memulai, pilih tombol Penyaring Gaya Ganda di bilah peralatan, lalu pilih warna dari contoh yang ditampilkan atau tetapkan warna Anda sendiri.

Gif sebuah gambar diklik di Editor, kemudian menerapkan beberapa Penyaring Gaya Ganda untuk melihat tampilannya.

Untuk menetapkan warna Anda sendiri, pilih titik-titik di dalam bilah warna:

Tangkapan layar menyorot lokasi yang perlu diklik pada pengaturan penyaring Gaya Ganda untuk menetapkan warna kustom pada bilah warna.
Menampilkan Gambar Andalan di blok Sampul

Gunakan blok Sampul jika Anda ingin menampilkan gambar andalan secara otomatis di bagian atas pos atau halaman.

  1. Tambahkan gambar andalan di pos atau halaman Anda.
  2. Tambahkan blok Sampul dengan mengeklik ikon + Penyisip Blok atau mengetik /cover pada baris baru, lalu tekan enter.
  3. Pada bilah peralatan blok Sampul, klik Tambahkan Media, lalu pilih Gunakan gambar andalan. Ini akan menampilkan gambar andalan Anda dan menambahkannya ke blok Sampul.
Gunakan gambar andalan Anda di blok Sampul.
Mengganti Gambar

Ini merupakan pilihan lain pada bilah peralatan blok Sampul yang ditampilkan setelah Anda menambahkan gambar atau video awal. Dengan memilih Ganti, Anda dapat memilih berkas media baru untuk blok Sampul.

Mengganti gambar atau video di blok Sampul.

Pengaturan Blok

Saat memilih blok, Anda akan menemukan pengaturan blok tambahan di bilah sisi kanan. Jika bilah sisi tidak muncul, klik ikon Pengaturan di sudut kanan atas untuk membuka pengaturan. Ikon tersebut tampak seperti kotak berisi dua kolom yang berbeda ukuran:

Ikon pengaturan di Editor dengan tooltip bertuliskan "Pengaturan" di bawahnya.
Klik ikon Pengaturan untuk membuka pengaturan blok
Gaya

Gunakan Gaya pada pengaturan blok Sampul untuk menambahkan efek gelombang di bagian atas atau bawah gambar sampul.

Bagian Gaya memiliki 3 pilihan: gaya asal, gaya dengan Gelombang Bawah, dan gaya dengan Gelombang Atas.
Latar Belakang Tetap

Di pengaturan blok pada bilah sisi, Anda akan melihat pengalih untuk latar belakang tetap. Dengan latar belakang tetap, gambar sampul ikut bergulir bersama halaman. Menonaktifkan pilihan ini akan membuat gambar tersemat di tempatnya, sehingga tidak bergulir.

Gambar tetap berarti saat Anda menggulirkan layar, bingkai gambar akan ikut bergerak.

Fitur yang juga disebut dengan efek paralaks ini mungkin dinonaktifkan di beberapa perangkat seluler untuk meningkatkan performa halaman.

Latar Belakang Berulang

Pilihan latar belakang berulang memungkinkan Anda untuk menampilkan gambar yang sama untuk membentuk pola pada blok Sampul. Misalnya, jika Anda punya gambar balon kecil dan ingin menampilkannya beberapa kali pada blok Sampul, Anda dapat mengaktifkan pilihan ini. Berikut tampilannya:

Pengalih latar belakang berulang berada di pilihan pengaturan Media pada bilah sisi blok Sampul.
Ini hanya satu gambar yang ditampilkan berulang kali menggunakan pilihan latar belakang Berulang.

💡

Gunakan gambar kecil untuk menampilkannya berulang kali. Semakin kecil gambarnya, semakin banyak gambar tersebut ditampilkan.

Anda dapat mengaktifkan pengalih Latar belakang berulang bersamaan dengan Latar belakang tetap, tetapi Latar belakang tetap tidak harus diaktifkan. Jangan ragu untuk mencoba kombinasi berbagai pilihan ini untuk mencari yang sesuai dengan kebutuhan Anda.

Pemilih Titik Fokus

Jika pilihan latar belakang tetap dinonaktifkan, Anda akan melihat pemilih titik fokus. Alat ini membantu Anda memilih titik pada foto yang menjadi perhatian dan menyorotnya. Klik pemilih untuk memindahkannya ke titik yang Anda inginkan, atau gunakan persentase posisi horizontal dan vertikal di bawah untuk mengaturnya secara manual.

Teks Alt

Anda dapat menulis deskripsi Teks Alternatif di kolom teks, dan ini penting untuk aksesibilitas dan SEO.

Menghapus Media

Untuk menghapus gambar sampul dan mengganti latar belakang dengan warna polos, gunakan pilihan ‘Hapus Media’ seperti pada gambar di bawah:

Tombol Hapus Media
Pilih ‘Hapus Media’ untuk menghapus gambar sampul Anda
Warna Overlay

Dengan pilihan warna overlay, Anda dapat menambahkan overlay warna pada gambar sampul. Pengaturan asal untuk overlay adalah abu-abu transparan. Namun dengan pilihan warna overlay, Anda dapat menggantinya dengan warna lain.

Pilihan Warna Overlay berada di bilah sisi di bagian Overlay. Pilihan ini memungkinkan Anda untuk memilih salah satu dari sejumlah warna, menentukan warna khusus, dan menentukan keburaman.
Tambahkan overlay warna dan tentukan keburamannya.
Keburaman

Dengan slider, Anda dapat mengatur keburaman overlay gambar sampul. Menggeser slider ke 100 membuat overlay menjadi lebih gelap dan lebih buram, dan menggesernya ke 0 akan membuat overlay lebih terang dan lebih transparan. Pada nilai 100, overlay akan benar-benar buram dan gambar sampul tidak akan terlihat. Pada nilai 0, overlay akan hilang sepenuhnya dan gambar akan terlihat jelas.

💡

Jika Anda menambahkan judul ke gambar sampul, sebaiknya atur overlay menjadi cukup buram agar judul mudah dibaca.

Tipografi

Sesuaikan tampilan teks blok dengan pengaturan berikut.

Jika Anda tidak melihat pengaturan tersebut, klik tiga titik di sebelah kanan Tipografi (seperti yang ditunjukkan di sebelah kanan.) Kemudian Anda dapat memilih pilihan yang ingin Anda akses:

  • Ukuran font
  • Kelompok font
  • Tampilan
  • Tinggi baris
  • Dekorasi
  • Huruf besar/kecil
  • Spasi huruf
Menu tarik-turun tipografi
Tipografi di bilah sisi Pengaturan Blok, dengan pilihan tambahan yang diperluas.

Ukuran font memungkinkan Anda menyesuaikan ukuran teks. Anda dapat memilih ukuran preset seperti kecil, sedang, dan besar.

Anda juga dapat menetapkan nilai tertentu dengan mengeklik ikon penggeser tepat di atas pilihan asal, yang ditandai dengan angka 1 pada tangkapan layar di bawah. Anda dapat mengubah unit dengan mengeklik pada tempat yang ditandai dengan angka 2 pada tangkapan layar di bawah. Pilihan yang tersedia yaitu piksel, em, atau rem.

Pengaturan ukuran font tipografi

Kelompok font memberi Anda pilihan untuk mengubah gaya font yang digunakan. Pilih dari daftar font di menu tarik-turun.

Tampilan memungkinkan Anda untuk mengubah gaya teks antara biasa dan miring, mulai dari tipis hingga ekstra tebal.

Tinggi Baris mengatur jarak di atas/di bawah teks. Jika memilih nol, pastikan untuk memeriksa situs Anda melalui ponsel.

Dekorasi termasuk pilihan garis bawah dan garis coret.

Huruf besar memungkinkan Anda untuk mengatur semua teks menjadi huruf kapital, huruf pertama kapital, atau semua teks menjadi huruf kecil.

Spasi huruf mengatur jarak di antara setiap karakter teks. Anda dapat mengubah unit dari unit asal (piksel) menjadi persentase, em, rem, vw, dan vh. Pelajari selengkapnya tentang unit relatif di sini.

Dimensi

Anda dapat menentukan tinggi minimal gambar sampul (dalam satuan piksel) agar gambar sampul dapat selalu ditampilkan berapa pun ukuran layar yang digunakan seseorang untuk melihat halaman tersebut.

Anda juga dapat menambahkan padding untuk memperluas ruang di sekitar konten di dalam blok Sampul.

Video pada blok Sampul

Fitur ini tersedia di situs dengan paket WordPress.com Explorer, Creator, dan Entrepreneur. Jika situs Anda menggunakan paket lawas kami, fitur tersebut tersedia di paket Pro.

Anda dapat menggunakan video pada blok Sampul. Sebaiknya Anda menggunakan format video .mp4. Namun, Anda bebas mengunggah video dengan format lain. Lihat daftar format yang diterima.

Perhatikan bahwa berkas video dari blok Sampul tidak akan mengeluarkan suara apa pun. Jika Anda ingin video juga mengeluarkan suara, gunakan Blok Video.

Sisipkan blok Sampul seperti biasanya, tetapi pilih untuk menambahkan video, bukan gambar. Kemudian, Anda dapat memilih video yang ingin disisipkan dan menyesuaikan pengaturan lebar blok sesuai kebutuhan.

Sekarang Anda dapat menambahkan teks atau tombol yang diinginkan di dalam video sampul.

Lanjutan

Tab lanjutan memungkinkan penambahan kelas CSS ke blok sehingga Anda dapat menulis CSS khusus dan mengatur gaya blok sesuai keinginan. Pelajari lebih lanjut.

Bagian Lanjutan memungkinkan Anda menambahkan kelas CSS ke blok.
Copied to clipboard!