- Gunakan child theme agar modifikasi tampilan tidak hilang saat tema utama WordPress diperbarui.
- Manfaatkan fitur Additional CSS atau plugin kecil buatan sendiri untuk menyisipkan kode tambahan secara aman.
- Selalu lakukan pencadangan data dan pastikan penulisan kode bebas dari kesalahan untuk mencegah galat pada situs.
Pernah mengubah warna atau menambah kode langsung di tema, lalu semuanya hilang setelah update? Itu terjadi karena update tema menimpa file aslinya. Solusinya ada dua: child theme dan plugin kecil untuk kode Anda.

Apa itu child theme?
Child theme adalah tema “anak” yang mewarisi seluruh tampilan dan fungsi tema induk, tetapi menyimpan perubahan Anda di folder terpisah. Saat tema induk diperbarui, perubahan Anda tetap aman.
Membuat child theme sederhana
Di wp-content/themes/, buat folder baru, misalnya temaku-child, lalu isi dengan dua file.
1. style.css
/*
Theme Name: Temaku Child
Template: temaku
Version: 1.0
*/
/* CSS tambahan Anda di bawah ini */
Nilai Template harus sama persis dengan nama folder tema induk.
2. functions.php
<?php
add_action( 'wp_enqueue_scripts', function () {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style(
'child-style',
get_stylesheet_uri(),
array( 'parent-style' ),
wp_get_theme()->get( 'Version' )
);
} );
Aktifkan Temaku Child di menu Tampilan, Tema. Sebagian tema modern sudah memuat gayanya sendiri, jadi bila tampilan berubah aneh, cek dokumentasi tema Anda.
Untuk CSS kecil: Additional CSS
Bila hanya ingin mengubah beberapa warna atau jarak, Anda tidak perlu child theme. Gunakan Additional CSS di Customizer (atau Editor Situs untuk tema blok). Cepat, aman, dan mudah dibatalkan.
Untuk kode PHP: plugin kecil milik sendiri
Kode PHP yang berkaitan dengan fungsi situs (bukan tampilan) lebih tepat ditaruh di plugin, karena tetap bekerja saat Anda mengganti tema. Buat folder wp-content/plugins/kode-situs-saya/ berisi satu file kode-situs-saya.php:
<?php
/**
* Plugin Name: Kode Situs Saya
* Description: Kumpulan kode kecil khusus situs ini.
*/
// Contoh: tampilkan 150 kata pada ringkasan artikel.
add_filter( 'excerpt_length', function () {
return 150;
} );
Aktifkan dari menu Plugin. Tambahkan kode berikutnya satu per satu di file yang sama.
Kalau layar jadi putih setelah menambah kode
Penyebab paling umum adalah salah ketik (misalnya lupa titik koma). Jangan panik:
- Buka File Manager atau FTP.
- Ganti nama folder plugin (atau child theme) yang baru Anda buat.
- Muat ulang situs. WordPress akan kembali ke tema atau plugin sebelumnya.
- Perbaiki kodenya, lalu aktifkan lagi.
Kebiasaan baik
- Backup sebelum menambah kode.
- Tulis komentar singkat tentang fungsi tiap potongan kode.
- Uji di situs percobaan bila situs Anda sudah ramai.
Pertanyaan yang Sering Diajukan
Mengapa kode yang saya tambahkan di WordPress hilang setelah update?
Perubahan kode hilang karena proses update tema menimpa file asli Anda. Solusi amannya adalah menggunakan child theme atau membuat plugin kecil khusus untuk menyimpan kode tambahan tersebut agar tidak terhapus saat pembaruan.
Apa fungsi utama dari child theme di WordPress?
Child theme berfungsi mewarisi tampilan dan fungsi tema induk tetapi menyimpan seluruh modifikasi kode di folder terpisah. Dengan cara ini, saat tema induk diperbarui, semua perubahan Anda tetap aman dan tidak akan hilang.
Kapan sebaiknya menggunakan fitur Additional CSS alih-alih child theme?
Gunakan Additional CSS di menu Customizer jika Anda hanya ingin melakukan perubahan kecil seperti warna atau jarak. Cara ini jauh lebih cepat, aman, mudah dibatalkan, dan tidak memerlukan pembuatan child theme.
Di mana tempat terbaik untuk menyimpan kode PHP fungsional?
Kode PHP yang berkaitan dengan fungsi situs sebaiknya ditaruh di dalam plugin kecil buatan sendiri. Tujuannya agar kode tersebut tetap aktif dan bekerja dengan baik meskipun Anda nanti mengganti tema situs.
Bagaimana cara mengatasi layar putih setelah menambah kode?
Layar putih biasanya terjadi karena salah ketik pada kode. Jangan panik, cukup akses File Manager, ganti nama folder plugin atau child theme tersebut, lalu perbaiki kodenya setelah situs kembali normal.

