Panduan/Gaya/Pengaturan Garis Tepi & Bayangan

Pengaturan Garis Tepi & Bayangan

Sebagian besar blok di editor WordPress memuat pengaturan garis tepi untuk menambahkan garis tepi di sekitar konten Anda. Panduan ini akan menunjukkan cara menggunakan pengaturan garis tepi.

Mengakses Pengaturan Garis Tepi & Bayangan

Pengaturan Garis Tepi & Bayangan dapat diterapkan ke seluruh situs, elemen tertentu, atau ke blok konten tunggal. Opsi untuk menerapkan garis tepi dan bayangan hanya muncul untuk blok yang mendukung garis tepi.

Untuk mengedit pengaturan gaya untuk seluruh situs, ikuti langkah-langkah berikut:

  1. Buka dasbor situs.
  2. Buka Tampilan → Editor.
  3. Pilih Gaya di menu sebelah kiri.

Baca selengkapnya tentang mengedit gaya situs Anda.

Untuk mengubah pengaturan gaya untuk satu blok, ikuti langkah-langkah berikut:

  1. Buka dasbor situs.
  2. Buka halaman, pos, atau templat yang ingin Anda edit.
  3. Pilih blok yang ingin Anda terapkan gayanya.
  4. Cari bilah sisi pengaturan blok.

Dalam kebanyakan kasus, pengaturan gaya ada di bilah sisi pengaturan blok utama. Terkadang, ada tab terpisah untuk gaya, yang ditunjukkan dengan lingkaran hitam dan putih.

Panah yang menunjuk ke ikon Gaya di bilah sisi Pengaturan Blok.
Sebuah panah yang menunjuk dari ikon "Gaya" pada Pengaturan Blok ke bagian "Garis Tepi & Bayangan".
Contoh pengaturan garis tepi dan bayangan dalam blok Gambar

Melihat Semua Pengaturan

Sesuaikan tampilan teks blok dengan pengaturan berikut.

Jika Anda tidak melihat pengaturan tersebut, klik ikon titik tiga di sisi kanan Garis Tepi & Bayangan (seperti yang ditunjukkan di sebelah kanan). Lalu, Anda dapat memilih opsi yang ingin diakses:

  • Garis tepi
  • Radius
  • Bayangan
Panah yang mengarah dari menu elipsis "Garis Tepi & Bayangan" ke pengaturan Garis Tepi & Bayangan.

Menambahkan Garis Tepi

Dengan pengaturan Garis Tepi, Anda dapat menambahkan garis yang melingkari blok. Anda dapat memilih ketebalan, warna, dan radius garis tepi.

Cara menambahkan garis tepi ke blok:

  1. Pilih blok dan buka bilah sisi Pengaturan Blok.
  2. Cari bagian Garis Tepi & Bayangan di bilah sisi.
  3. Masukkan nilai yang tepat atau seret slider untuk menggambar garis tepi.
  4. Opsional: ubah warna garis tepi dengan mengklik lingkaran di sisi kiri kolom ukuran. Pilih warna tema, warna default, atau atur sendiri dengan pemilih warna.

Secara default, nilai garis tapi dihitung dalam unit piksel.  Klik “px” di sebelah kolom untuk mengubahnya ke unit berbeda (%, em, rem, vw, dan vh.) Pelajari lebih lanjut tentang beragam unit pengaturan dimensi.

Video showing how to add a border to an image block.

Menyesuaikan Radius Garis Tepi

Pengaturan Radius memberikan tampilan melengkung pada sudut garis tepi blok. Jika radius disetel ke 0, berarti blok memiliki sudut yang tajam. Sedangkan radius 100 berarti sudutnya akan melengkung seperti yang berikut:

Blok gambar dengan sudut garis tepi melengkung.
Blok Gambar dengan sudut garis tepi melengkung

Pengaturan Lanjutan Garis Tepi

Pengaturan Garis Tepi dan Radius memberi Anda ruang untuk berkreasi. Dengan menggunakan pilihan untuk “Lepaskan Sisi”, Anda dapat menetapkan garis tepi dan radius untuk setiap sisi blok.

Kotak yang dibuat di sekitar ikon untuk melepas tiap sisi, dengan tooltip yang berbunyi "Lepaskan sisi".

Cara menetapkan garis tepi atau radius kustom untuk setiap sisi:

  1. Klik ikon Lepaskan Sisi di sebelah kanan Garis Tepi atau Radius.
  2. Atur dimensi khusus untuk setiap sisi.

Anda juga dapat mengatur warna dan gaya yang berbeda untuk Garis Tepi dengan mengklik Pemilih Warna dan Gaya Garis Tepi.

Pengaturan Garis Tepi dan Radius
Contoh garis tepi dan radius kustom untuk membuat efek unik.

Menambahkan Bayangan

Sebagai fitur di blok-blok tertentu (termasuk Tombol, Gambar, dan Kolom), opsi Bayangan memberikan efek bayangan di belakang blok.

Bagian Bayangan terbuka dengan tanda panah yang mengarah ke berbagai pilihan efek bayangan.
Contoh tombol dalam Blok Tombol dengan efek bayangan.

Pilih salah satu dari efek bayangan berikut untuk elemen Anda:

  • Alami
  • Dalam
  • Tajam
  • Garis Luar
  • Tegas

Menyesuaikan Pengaturan Bayangan

Anda dapat menyesuaikan efek bayangan default atau membuat gaya Anda sendiri melalui editor Gaya.

  1. Buka dasbor situs.
  2. Buka Tampilan → Editor.
  3. Pilih “Gaya” dari menu sebelah kiri.
    • Di editor, Anda juga dapat memilih ikon Gaya di pojok kanan atas. Tombolnya tampak seperti lingkaran hitam-putih.
  4. Klik opsi “Bayangan”.
  5. Klik nama bayangan yang ingin Anda sesuaikan. Untuk membuat bayangan kustom baru, klik ikon tambah di sebelah judul “Kustom” lalu klik nama bayangan kustom baru.
  6. Pada pengaturan bayangan, Anda akan melihat pratinjau tampilan bayangan dan nama bayangan di bawahnya. Klik nama bayangan untuk menyesuaikan setelan berikut:
    • Warna: pilih warna bayangan menggunakan Pemilih Warna.
    • Outset atau Inset: pilih apakah bayangan muncul di luar atau di dalam elemen.
    • Posisi X dan posisi Y: sesuaikan seberapa jauh jarak antara objek dan bayangan.
    • Buram: tentukan tingkat keburaman bayangan.
    • Menyebar: tentukan seberapa besar atau kecil tampilan bayangan.
  7. Jika sudah, klik tombol “Simpan” untuk menyimpan perubahan.

Reset Garis Tepi & Bayangan

Anda dapat mereset penyesuaian pada garis tepi dan bayangan untuk blok tersebut dan mulai dari awal. Cara mereset gaya:

  1. Klik opsi Garis Tepi & Bayangan (tiga titik vertikal di bagian kanan header).
  2. Hapus centang masing-masing pengaturan untuk mereset pengaturan tertentu, atau klik “Reset semua” untuk mereset semua pengaturan.

Jika tidak ada pilihan untu mereset, berarti tidak ada penyesuaian yang perlu dihapus.

Panah dari ikon pengaturan Garis Tepi mengarah ke kotak di sekeliling masing-masing pengaturan dan opsi "reset semua".
Copied to clipboard!