Cara mengatur background gambar di WordPress

Ada lebih banyak cara bagaimana menambahkan gambar latar belakang di WordPress. Dari dasar hingga paling canggih dengan perubahan kode tema. Namun, kami dengan senang hati memperkenalkan alat ramah pengguna yang ideal untuk administrator situs web tanpa pengetahuan coding dan desain. Plugin Citadela Pro hadir dengan banyak fitur dan pengaturan untuk penyesuaian situs web.

Cobalah blok, pengaturan, dan fitur-fitur canggih dalam plugin Citadela Pro. Anda bisa menjelajahi alat sempurna yang memungkinkan Anda menambahkan gambar latar belakang ke halaman WordPress, postingan, dan jenis postingan kustom.

Cluster adalah blok Gutenberg di WordPress yang memungkinkan Anda menambahkan gambar latar belakang. Elemen multifungsi memungkinkan Anda mengubah latar belakang WordPress dari standarnya. Anda tidak hanya dapat menambahkan gambar latar belakang, tetapi juga dapat menggabungkannya dengan blok lain. Anda mendapatkan banyak variasi dan keserbagunaan.

Dikombinasikan dengan Blok Judul Halaman, Anda mendapatkan situs web yang tampak luar biasa dengan mudah. Anda dapat menambahkan lebih banyak blok Gutenberg dan menyesuaikan gambar latar belakang di WordPress. Selain itu, Anda dapat menyimpan sekumpulan blok seperti blok yang dapat digunakan kembali dan menambahkan tema di mana saja di situs web Anda. Jadi Anda bisa mengubah background website WordPress sekaligus.

Cara menambahkan gambar latar belakang di WordPress menggunakan blok Gutenberg

Gambar Latar Belakang WordPress melalui blok Cluster

Kami memperkenalkan Anda blok praktis yang kami buat untuk blok WordPress Gutenberg untuk gambar latar – Blok cluster. Itu adalah bagian dari grup blok kami sendiri. Plugin Citadela Pro memiliki banyak fitur untuk membantu Anda membuat situs web yang indah. Semua blok khusus AitThemes tersedia di Plugin Citadela Pro.

Silahkan baca Dokumentasi Blok Cluster untuk pengaturan detail.

Blok cluster memungkinkan Anda untuk mengelompokkan beberapa blok menjadi satu. Anda dapat secara efektif bekerja dengan seluruh grup yang dikelompokkan karena itu adalah satu blok. Lebar cluster dapat diatur ke lebar halaman penuh yang berarti Anda memiliki ruang ekstra besar untuk menambahkan berbagai blok.

Cluster tidak akan meregang hingga lebar penuh jika:

• Anda memiliki sidebar aktif
• Jika Anda menggunakan kolom yang akan membatasi ruang untuk Cluster

Karena beberapa blok inti WordPress hanya dapat diselaraskan dengan lebar konten, blok Cluster menawarkan variabilitas yang lebih besar dalam membangun situs web Anda. Fitur hebat juga adalah, Anda dapat mengatur gambar latar belakang ke WordPress, mengubah warnanya, atau mengatur overlay gambar latar belakang. Latar belakang karenanya dapat dikonfigurasi untuk desain situs web.

Pada artikel ini kami akan menunjukkan kepada Anda:

• Bagaimana cara menambahkan blok Cluster ke editor WordPress
• Pengelompokan di dalam Cluster
• Pengaturan dasar di bilah alat
• Warna judul dan pemisah
• Bagaimana cara menambahkan gambar latar belakang di bawah blok yang dikelompokkan
• Apa itu Hamparan latar belakang
• Apa perbedaan antara blok Grup dan blok Ait Cluster

Bagaimana cara menambahkan blok Cluster

Blok cluster adalah blok premium dan hanya tersedia jika Anda menginstal dan mengaktifkan Plugin Blok Citadela. Setelah menginstal plugin, blok Cluster akan secara otomatis ditambahkan ke editor blok WordPress dan Anda dapat segera mulai bekerja dengannya.

Blok cluster dapat ditambahkan ke dalam posting dan halaman. Cukup klik tanda “+” di bilah atas atau di mana saja di desktop editor. Setelah itu baru cari blok Cluster.

Opsi kedua untuk menambahkan blok Cluster adalah dengan mengetikkan “/” dan nama blok setelah itu. Blok cluster kemudian siap digunakan.

Pengelompokan blok menggunakan Cluster

Fitur utama blok Cluster adalah mengelompokkan beberapa blok menjadi satu. Mari kita lihat cara kerjanya. Jika Anda memasukkan blok Cluster ke halaman Anda, Anda akan segera melihat placeholder "Masukkan lebih banyak blok di sini". Jika Anda mengkliknya, Anda akan mendapatkan daftar semua blok yang tersedia. Anda juga dapat mencari blok yang diminta menggunakan bilah pencarian di bagian atas daftar.

Semua blok bersarang akan memiliki semua opsi dan pengaturan default yang tersedia. Misalnya jika Anda memasukkan blok Gambar, Anda akan memiliki opsi untuk mengunggah gambar atau memilihnya dari Perpustakaan Media.

Dengan menggunakan blok Cluster, Anda misalnya dapat membuat bagian yang menarik di situs web Anda untuk mempresentasikan karya terbaru Anda. Tambahkan gambar dari portofolio Anda dan setelah itu atur gambar latar belakang di bawahnya. Anda baru saja membuat tautan yang bagus ke portofolio Anda.

Blok cluster juga dapat digunakan untuk membuat presentasi produk yang menarik. Anda dapat mengatur gambar produk sebagai latar belakang bagian dan memilih warnanya. Blok layanan dapat juga bersarang di dalam blok Cluster.

Beberapa blok dalam satu

Jika Anda ingin menambahkan beberapa blok bersarang ke dalam Cluster, Anda dapat menggunakan blok Kolom. Menggunakan blok Kolom Anda dapat menambahkan beberapa blok berdampingan. Setiap kolom dapat memiliki jenis konten yang berbeda, seperti gambar, paragraf, daftar, atau tombol.

Contoh umum dari beberapa kolom yang dikombinasikan dengan blok Cluster adalah situs web satu halaman.

Pengaturan dasar di bilah alat: Opsi perataan konten

Secara default, lebar blok Cluster diatur ke ukuran konten. Anda dapat mengubah perilaku ini di toolbar. Ada opsi berikut yang tersedia:

• Ukuran konten – opsi default, blok Cluster memiliki lebar yang sama dengan konten.
• Ukuran lebar – konten di dalam Cluster lebih lebar dari lebar konten.
• Ukuran lebar penuh – dalam hal ini lebar Cluster adalah dari sisi ke sisi jendela browser.

Penting untuk dicatat bahwa pengaturan ini hanya akan mempengaruhi konten Cluster jika tema aktif Anda saat ini mendukungnya. Semua blok bersarang dapat dikonfigurasi berdasarkan ketersediaan opsinya.

Pengaturan Warna Tajuk dan Pemisah

Perubahan warna judul

Sejak WP 5.3 Anda dapat mengganti warna header Anda melalui blok Heading. Ini adalah fitur yang sangat berguna – terutama jika Anda memiliki tata letak dan skema warna yang gelap, lebih baik mengubah warna teks default (yang hitam) menjadi warna yang lebih terang.

Tidak mungkin untuk mengubah warna tajuk hingga rilis baru yang menyebabkan masalah dengan visibilitasnya di dasar yang gelap. Oleh karena itu, sering kali tajuk dicampur dengan gambar atau foto latar belakang WordPress yang Anda tambahkan. Sekarang Anda dapat memilih warna tajuk yang tepat untuk membuat situs Anda bersinar.

Warna baru untuk Pemisah yang digunakan di situs web Anda

Saat Anda menambahkan gambar latar belakang atau jenis konten lainnya ke WP, terkadang Anda perlu memisahkannya dari situs web lainnya. Untuk tujuan ini, Anda dapat menggunakan blok khusus yang disebut Separator. Dengan memasukkan Pemisah Anda dapat:

• Pisahkan blok tertentu
• Pisahkan seluruh teks menjadi beberapa bagian yang lebih kecil
• Sorot bagian-bagian penting
• Pastikan keterbacaan konten yang lebih baik
• Sederhanakan navigasi di situs web Anda

Selain itu, Anda sekarang dapat mengubah warna garis Pemisah dengan WordPress yang diperbarui. Pemisah Berwarna sangat cocok untuk melengkapi skema warna situs web Anda.

Bagaimana cara menambahkan gambar latar belakang di bawah blok yang dikelompokkan

Kekuatan sebenarnya dari blok Cluster adalah Anda dapat menambahkan gambar latar belakang dan mengatur warna latar belakang di bawah blok yang dikelompokkan. Semuanya dapat dikonfigurasi dengan mudah di dalam inspektur WordPress. Mari kita lihat bagaimana melakukannya.

1. Klik Gambar latar belakang dan aktifkan fungsi "Tampilkan gambar latar belakang".
2. Klik "Pilih gambar". Perpustakaan Media akan terbuka. Anda dapat memilih gambar yang ada atau mengunggah gambar baru ke perpustakaan Anda.
3. Gambar latar belakang juga dapat diatur untuk diperbaiki. Artinya jika Anda menggulir halaman, latar belakang tidak akan bergerak mengikuti konten dan posisinya akan tetap.
4. Anda juga dapat memilih bagian mana dari gambar latar yang akan ditampilkan menggunakan "Focal Point Picker". Dimungkinkan juga untuk memilih bagian dari gambar menggunakan persentase.

Hamparan latar belakang

Salah satu opsi lanjutan di Cluster adalah Hamparan gambar latar belakang. Anda dapat memilih salah satu warna default atau memilih warna khusus menggunakan color picker. Dimungkinkan juga untuk mengatur opasitas warna. Pengaturan blok Cluster ini membantu Anda membuat presentasi situs web yang sangat menarik.

Blok Grup baru tersedia di inti

Apa perbedaan antara blok Grup dan blok AitThemes Cluster?

Blok Cluster buatan kami dirilis lebih awal dari blok Grup dan memberikan solusi yang lebih kompleks. Anda dapat menggunakan blok Grup untuk mengelompokkan banyak blok, tetapi masih memiliki fungsi terbatas. Misalnya Anda tidak dapat mengatur overlay warna di blok – Anda hanya dapat memilih warna latar belakang dasar yang akan berada di sekitar gambar, bukan di atasnya.

Pengeditan gambar latar belakang sangat mudah di blok Cluster kami.

Anda dapat mengunggah ke gambar latar belakang WordPress Anda, mengatur warna latar belakang dan juga overlay warna latar belakang (dan menyesuaikan opacity overlay juga!). Dibutuhkan hanya beberapa menit.