Panduan/Pembuatan konten/Desain/Menambahkan gaya ke grup

Menambahkan gaya ke grup

Dengan menggunakan blok Grup, Anda dapat menambahkan gaya desain untuk sekumpulan konten. Dalam panduan ini, Anda akan belajar cara menyesuaikan tampilan blok Grup dengan warna, garis tepi, dan elemen visual.

Tutorial video

Menerapkan gaya preset pada grup

Gaya preset adalah fitur yang ada dalam berbagai pilihan tema blok. Untuk menerapkan gaya preset, ikuti langkah-langkah berikut:

  1. Klik Tampilan Daftar di bagian atas layar pengeditan.
  2. Pilih blok Grup.
  3. Pada bilah sisi pengaturan blok, klik tab Gaya (ikonnya tampak seperti lingkaran hitam-putih).
  4. Klik salah satu gaya untuk diterapkan ke blok Grup.
The Styles section of the Group block sidebar settings.

Jika tidak memiliki gaya preset, Anda tetap bisa menerapkan gaya tertentu ke blok Grup (penjelasannya di bawah ini).

Mengubah warna grup

Anda dapat mengubah warna default sebuah blok Grup, termasuk warna latar belakang, warna teks, dan lainnya. Untuk mengubah warna yang digunakan di blok Grup, ikuti langkah-langkah berikut:

  1. Klik Tampilan Daftar di bagian atas layar pengeditan.
  2. Pilih blok Grup.
  3. Pada bilah sisi pengaturan blok, cari bagian Warna .
The "Color" section of the Group block's settings sidebar.
  1. Klik nama elemen yang ingin diubah warnanya, lalu pilih warna yang baru.
  2. Klik ikon Pilihan warna () guna mengaktifkan pilihan untuk mengubah warna default judul dan tombol.
  3. Klik “Simpan” atau “Terbitkan” untuk menyimpan perubahan.

Pelajari selengkapnya tentang mengubah warna.

Menambahkan gambar latar belakang

Gambar latar belakang menciptakan fokus visual dan memberi konteks untuk konten Anda. Untuk menambahkan gambar latar belakang ke blok Grup, ikuti langkah-langkah berikut:

  1. Klik Tampilan Daftar di bagian atas layar pengeditan.
  2. Pilih blok Grup.
  3. Pada bilah sisi pengaturan blok, temukan bagian “Gambar latar belakang“.
  4. Klik “Tambahkan gambar latar belakang” untuk memilih gambar dari Pustaka Media situs Anda atau unggah gambar baru.
The "Background image" section of the Group block's settings sidebar.

Untuk menghapus gambar latar belakang, klik ikon(⋮) Pilihan gambar latar belakang ” pada bagian “Gambar latar belakang” dan pilih tautan “Reset“.

Menambahkan garis tepi atau bayangan

Garis tepi dan bayangan menciptakan persepsi kedalaman dan membantu memisahkan bagian-bagian konten secara visual. Untuk menambahkan elemen ini ke blok Grup, ikuti langkah-langkah berikut:

  1. Klik Tampilan Daftar di bagian atas layar pengeditan.
  2. Pilih blok Grup.
  3. Pada bilah sisi pengaturan blok, temukan bagian Garis Tepi & Bayangan .
  4. Kustomisasikan garis tepi dengan menyesuaikan:
    • Lebar: Seberapa tebal tampilan garis tepi.
    • Gaya: Gaya garis solid, putus-putus, atau titik-titik.
    • Warna: Gunakan pilihan dari warna preset atau buat warna khusus.
    • Radius: Tambahkan sudut membulat ke blok Grup.
  5. Klik menu Pilihan Garis Tepi & Bayangan (⋮) untuk menampilkan pilihan Bayangan , lalu gunakan pilihan dari desain bayangan preset.

Pelajari selengkapnya tentang pengaturan garis tepi & bayangan.

Memakai ulang gaya

Desain yang konsisten di seluruh situs Anda akan menghemat waktu dan menambah kesan visual yang selaras. Untuk mengatur gaya default bagi semua blok Grup, ikuti langkah-langkah berikut:

  1. Buka Tampilan → Editor → Gaya.
  2. Cari blok Grup pada bagian Blok dan atur latar belakang, batas, serta pilihan gaya lainnya yang Anda inginkan.
  3. Klik Simpan untuk menerapkan pengaturan default ini ke semua blok Grup.

Catatan: Anda tetap dapat menyesuaikan tiap-tiap blok Grup melalui bilah sisi pengaturan blok.

Pelajari selengkapnya tentang mengatur gaya untuk situs Anda.

Copied to clipboard!