Cara Menggunakan Blok Sampul WordPress

Blok Sampul WordPress menarik. Ini memungkinkan Anda menempatkan gambar, video, atau warna solid di latar belakang dan menambahkan blok konten ke latar depan. Ini berarti Anda dapat menempatkan blok di atas blok lain. Ini memiliki lebih banyak opsi daripada kebanyakan blok. Mengetahui cara menggunakan Blok Sampul dapat sangat meningkatkan desain situs web Anda.

Pada artikel ini, kita akan melihat apa yang dilakukan Cover Block dan melihat pengaturan dan opsinya. Kami juga akan melihat beberapa praktik terbaik tentang cara menggunakannya dan melihat pertanyaan umum.

Cara Menambahkan Blok Sampul ke Postingan atau Halaman Anda

Untuk menambahkan Blok Sampul ke halaman dan posting Anda, pilih ikon blokir baik di dalam konten Anda atau di sudut kiri atas halaman, masukkan nama blok, dan pilih.

Anda juga dapat mengetik /cover dan tekan Enter atau pilih blok.

Anda kemudian akan memiliki Blok Sampul di konten Anda di mana Anda dapat menambahkan media seperti gambar atau video, atau menggunakan warna untuk latar belakang, dan menempatkan teks di latar depan. Setelah Anda memilih konten dari folder media atau warna Anda, opsi teks muncul di latar depan.

Saya telah menambahkan gambar dari perpustakaan media saya dan menambahkan keterangan di atas gambar. Judulnya adalah blok paragraf. Anda dapat mengubahnya ke jenis blok lain, menyematkan video, dan banyak lagi.

Anda juga dapat menambahkan beberapa blok dengan menekan tombol enter. Pilih dari blok Anda seperti biasa.

Anda juga dapat memilih dari salah satu warna yang telah dipilih sebelumnya untuk latar belakang Anda.

Warnanya dapat digunakan sebagai overlay di atas gambar Anda.

Pengaturan dan Opsi Penutup Blok

Blok Sampul memiliki dua area dengan pengaturan dan opsi. Yang pertama adalah Cover Toolbar. Yang kedua adalah opsi Cover Block di sidebar kanan.

Bilah Alat Blok Penutup

Mengklik di mana saja di Blok Sampul membuka bilah alatnya.

Ubah Jenis atau Gaya Blok Sampul

Pengaturan pertama mengubah jumlah kolom, memungkinkan Anda mengelompokkan, mengubah gambar, dan memilih gaya dari default atau batas. Melayang menunjukkan pratinjau. Saya melayang di atas Gambar. Gambar menghapus blok konten yang Anda miliki di overlay.

Seret atau Pindahkan

Ambil alat seret (6 titik) untuk menyeret blok ke mana pun Anda inginkan. Alat Pindahkan memungkinkan klik panah untuk memindahkan blok ke atas atau teks di dalam konten.

Penyelarasan

Pilihan perataan termasuk kiri, tengah, kanan, lebar lebar, dan lebar penuh. Kiri dan kanan bungkus blok dengan paragraf di bawahnya.

Berikut gambar dengan lebar penuh. Ini dapat digunakan untuk membuat judul, membagi bagian, dll.

Ubah Posisi Konten

Ini memilih lokasi konten. Ini membuka kotak 3 × 3 dengan titik-titik. Memilih sebuah titik akan memindahkan konten ke lokasi tersebut di dalam gambar.

Beralih Tinggi Penuh

Ini mengatur gambar ke ketinggian penuh daripada mengubah ukurannya.

Terapkan Filter Duotone

Pilih duotone dari opsi yang Anda pilih sebelumnya. Satu berlaku untuk bayangan dan yang lainnya berlaku untuk sorotan.

Pilih warna pada penggeser untuk menyesuaikannya.

Pilih warna di bawah penggeser untuk memilih warna yang telah dipilih sebelumnya.

Mengganti

Ini membuka opsi media sehingga Anda dapat mengunggah atau memilih gambar lain dari perpustakaan.

Pilihan

Opsi Blok Sampul meliputi:

Sembunyikan Pengaturan Lainnya –menyembunyikan bilah sisi kanan.

Salin – salin Blok Sampul sehingga Anda dapat menempelkannya di mana saja di dalam halaman atau pos Anda.

Duplicate – membuat duplikat dari Cover Block dan menempatkannya di bawah aslinya.

Sisipkan Sebelum – menambahkan ruang di atas Blok Penutup untuk blok lain.

Sisipkan Setelah – menambahkan ruang di bawah Blok Sampul untuk blok lain.

Pindah Ke – memungkinkan Anda memindahkan blok dengan menggerakkan garis biru ke atas atau ke bawah dengan tombol panah. Tekan enter dan blok Anda dipindahkan ke lokasi garis biru.

Tambahkan ke Blok yang Dapat Digunakan Kembali – tambahkan blok ke blok yang dapat digunakan kembali sehingga Anda dapat menggunakannya di halaman atau pos mana pun.

Grup – tambahkan blok ke grup sehingga Anda dapat menyesuaikannya sebagai satu unit.

Hapus Blok – menghapus blok.

Konten Blok Sampul

Memilih konten membuka seperangkat alat lain hanya untuk konten. Standarnya adalah Blok Paragraf dan mencakup semua opsi standar untuk bilah alat dan pengaturan bilah sisi. Anda dapat mengubahnya atau menambahkan blok apa pun. Ini memberi Anda banyak pilihan untuk konten.

Pilih Sampul

Ini akan menutup toolbar konten dan membuka toolbar Cover Block.

Ubah Ukuran Blok Sampul

Ubah ukuran gambar dengan menyeret lingkaran di bagian bawah gambar.

Pengaturan Blok Sampul

Pengaturan Cover Block ditempatkan di sidebar kanan. Klik blok atau roda gigi untuk menampilkan bilah sisi. Jika Anda memilih blok di dalam konten blok, maka pengaturan bilah sisinya akan ditampilkan.

Gaya

Tampilkan blok dengan atau tanpa batas. Anda juga dapat mengatur default untuk menampilkan perbatasan. Ini termasuk pratinjau sehingga Anda dapat melihat tampilannya sebelum memilihnya.

Jarak

Tambahkan ruang ke semua sisi atau sisi tertentu. Pilih setiap sisi satu per satu atau tautkan bersama untuk menyesuaikan semuanya sekaligus.

Pengaturan Media

Pilih bagian gambar yang ditampilkan di dalam blok. Anda dapat memilih latar belakang tetap (paralaks), untuk mengulang latar belakang jika terlalu kecil untuk area tersebut, dan menentukan titik fokus dengan menggerakkan lingkaran atau menentukan posisi kiri dan atas. Anda juga dapat menghapus media dari sini. Hanya Focal Point Picker yang tersedia untuk video.

Contoh ini menunjukkan latar belakang tetap. Gambar tetap di tempatnya saat teks bergulir, menciptakan efek paralaks.

Ini adalah Latar Belakang Berulang. Ini bagus untuk membuat pola yang menarik dengan gambar kecil.

Ukuran

Tentukan tinggi dalam piksel dengan memasukkannya ke dalam bidang. Ini berfungsi sama seperti alat seret di bagian bawah gambar.

Hamparan

Blok Sampul memiliki banyak pilihan untuk overlay. Pilih warna premade dan pilih opacity-nya. Pilih dari warna solid atau gradien. Anda akan melihat perubahan secara real-time. Jika Anda memilih untuk menampilkan warna daripada gambar, Anda dapat mengubah warnanya di sini. Contoh ini menunjukkan warna solid.

Anda juga dapat memilih warna kustom. Ini akan membuka pemilih warna tempat Anda dapat menggunakan warna di dalam jendela, memilih skala warna dengan penggeser, atau memasukkan kode hex, RGB, atau HSL.

Opsi gradien memungkinkan Anda memilih dua warna yang akan ditampilkan. Pilih antara linier atau radial. Anda juga dapat mengatur opacity warna. Saya telah memilih radial dalam contoh ini.

Canggih

Lanjutan mencakup dua bidang. Yang pertama adalah opsi untuk jangkar HTML. Ini memberikan alamat web khusus hanya untuk Blok Sampul. Yang kedua adalah bidang untuk menambahkan kelas CSS tambahan. Ini memungkinkan Anda membuat CSS khusus untuk menata blok Anda. Gaya yang Anda pilih juga muncul di bidang ini.

Kiat dan Praktik Terbaik untuk Menggunakan Blok Sampul Secara Efektif

Untuk gambar, gunakan pengaturan media di bar samping untuk menampilkan bagian gambar yang ingin Anda tampilkan.

Gunakan gambar besar dengan opsi lebar penuh untuk membuat judul bagian.

Ubah ke beberapa kolom untuk latar depan dan tambahkan gambar, teks, dan tombol untuk membuat ajakan bertindak.

Gunakan overlay dan warna teks yang mudah dibaca di atas gambar atau warna latar belakang.

Ubah blok menjadi grup jika Anda ingin mengontrol warna batas.

Gunakan opsi penyelarasan untuk mengatur Blok Sampul ke dalam konten Anda atau memisahkannya.

Atur pengaturan posisi konten untuk membuat beberapa visual yang menarik dan menarik perhatian pembaca.

Gunakan Latar Belakang Tetap untuk membuat efek paralaks.

Gunakan gambar kecil dengan Latar Belakang Berulang untuk membuat pola latar belakang yang menarik.

Pertanyaan yang Sering Diajukan tentang Blok Sampul

Apa itu Blok Penutup?

Ini adalah blok yang memungkinkan Anda menambahkan media atau warna ke latar belakang dan blok lain ke latar depan.

Apa yang membuatnya berbeda dari blok lain?

Itu bisa berisi blok lain. Anda dapat menambahkan blok lain ke latar depan. Ini menciptakan paralaks, pola, dll.

Bisakah itu diubah menjadi blok lain?

Ya. Itu dapat diubah menjadi blok gambar. Ini menghapus blok lain yang telah Anda tambahkan ke area kontennya.

Apa yang bisa digunakan untuk?

Anda dapat menggunakan Blok Sampul untuk membuat latar belakang dengan ajakan bertindak, menggunakannya untuk membuat judul di atas bagian, membuat poster, bagian pahlawan, atau apa pun yang Anda inginkan untuk memiliki gambar atau video di latar belakang.

Kesimpulan

Itulah tampilan kami di Cover Block. Blok ini memiliki beberapa fitur paling menarik dan merupakan pilihan tepat untuk membuat judul, judul, CTA, latar belakang paralaks, dan banyak lagi. Mudah digunakan dan dapat membuat situs web Anda lebih menonjol daripada kebanyakan blok. Kemampuannya untuk membuat visual yang menarik menjadikannya salah satu blok WordPress favorit saya.

Kami ingin mendengar dari Anda. Apakah Anda menggunakan Blok Penutup? Beri tahu kami tentang pengalaman Anda di komentar.

Gambar Unggulan melalui fourSage / shutterstock.com