Selamat Datang

Mengedit CSS di WordPress itu sebenarnya cukup mudah, tapi ada beberapa cara tergantung pada seberapa banyak perubahan yang ingin kamu buat.

Berikut adalah panduan praktis untuk mengubah tampilan situsmu tanpa merusak kode utama:

1. Cara Termudah: Melalui WordPress Customizer

Ini adalah cara paling aman dan direkomendasikan untuk perubahan kecil (seperti ganti warna font atau ukuran tombol).

• Buka dashboard WordPress, lalu ke Appearance (Tampilan) > Customize (Sesuaikan).
• Cari menu Additional CSS (CSS Tambahan) di bagian bawah sidebar.
• Masukkan kode CSS kamu di kotak yang tersedia. Kamu bisa langsung melihat perubahannya secara real-time (live preview).
• Klik Publish untuk menyimpan.

2. Menggunakan Full Site Editing (FSE) / Block Themes

Jika kamu menggunakan tema modern (seperti Twenty Twenty-Four), caranya sedikit berbeda:

• Pergi ke Appearance > Editor.
• Klik pada area desain di sebelah kanan.
• Klik ikon Styles (lingkaran setengah hitam-putih) di pojok kanan atas.
• Klik titik tiga (More) lalu pilih Additional CSS.

3. Menggunakan Plugin (Paling Fleksibel)

Jika kamu ingin fitur lebih seperti syntax highlighting (pewarnaan kode) atau ingin CSS tetap ada meskipun kamu ganti tema, gunakan plugin seperti Simple Custom CSS atau Jetpack.

Tips Penting Saat Mengedit CSS

• Gunakan Inspect Element: Klik kanan pada bagian web yang ingin diubah di browser (Chrome/Edge), pilih Inspect. Kamu bisa mencoba kode CSS di sana sebelum menyalinnya ke WordPress.
• Gunakan Child Theme: Jika kamu berencana mengedit file style.css secara langsung lewat Theme File Editor, WAJIB gunakan Child Theme. Tanpa Child Theme, semua editanmu akan hilang saat tema di-update.
• Hindari !important berlebihan: Gunakan hanya jika kode CSS kamu tidak mau berubah, tapi jangan dibiasakan karena akan menyulitkan perbaikan di masa depan.

Contoh Kode Sederhana

Jika kamu ingin mencoba, ini contoh kode untuk mengubah warna judul postingan:

CSS

h1.entry-title {
    color: #ff5733;
    font-size: 32px;
    font-weight: bold;
}

Apakah ada bagian spesifik dari tampilan WordPress-mu yang ingin diubah (misalnya warna menu, jarak antar tulisan, atau mobile view)? Saya bisa buatkan kode CSS-nya untukmu.