Cara membuat child theme WordPress adalah langkah penting bagi siapa pun yang ingin memodifikasi tampilan atau fungsi situs tanpa merusak tema utama. Banyak pengguna WordPress melakukan kesalahan dengan langsung mengedit file tema asli — hasilnya, setiap kali tema diperbarui, semua perubahan hilang begitu saja. Dengan menggunakan child theme, kamu bisa menyesuaikan situs secara bebas dan tetap aman dari risiko kehilangan modifikasi. Tutorial ini akan membahas pengertian child theme, manfaatnya, serta langkah-langkah detail membuat dan mengaktifkannya di WordPress.
Apa Itu Child Theme?
Child theme adalah tema turunan dari parent theme (tema utama) di WordPress. Ia “mewarisi” semua fungsi, gaya, dan template dari tema induk, tetapi memberi ruang bagi pengguna untuk menambahkan atau mengubah bagian tertentu tanpa mengganggu file aslinya.
Ketika WordPress memuat tampilan situs, sistem akan memeriksa apakah ada file di child theme yang menggantikan file dari parent theme. Jika ada, maka file dari child theme digunakan terlebih dahulu.
Contoh sederhana: jika di tema utama ada header.php, dan kamu membuat header.php di child theme, maka WordPress akan memakai yang di child theme.
Mengapa Harus Menggunakan Child Theme?
Ada beberapa alasan kuat kenapa child theme sangat direkomendasikan:
-
Perubahan Aman Saat Update Tema
Ketika tema utama diperbarui, file di child theme tidak akan terhapus. Jadi, kamu tetap bisa menikmati fitur baru tanpa kehilangan modifikasi. -
Eksperimen Lebih Fleksibel
Kamu bebas bereksperimen dengan desain dan fungsi tanpa takut merusak tampilan utama. -
Lebih Mudah untuk Maintenance
Semua perubahan tersimpan di folder terpisah, sehingga mudah dilacak, dibackup, atau dikembalikan jika terjadi kesalahan. -
Belajar Struktur Tema WordPress
Membuat child theme juga cara terbaik untuk memahami cara kerja tema WordPress secara mendalam.
Langkah-Langkah Membuat Child Theme WordPress
Berikut panduan langkah demi langkah untuk membuat child theme dari nol.
1. Buat Folder Child Theme
Masuk ke direktori tema WordPress:
/wp-content/themes/
Buat folder baru dengan nama tema utama diikuti “-child”. Misalnya, jika kamu memakai tema Astra, maka nama folder-nya bisa:
astra-child
2. Buat File style.css
Di dalam folder child theme, buat file bernama style.css. Isi dengan kode berikut:
/* Theme Name: Astra Child Theme URI: https://example.com/astra-child Description: Child theme untuk tema Astra Author: Nama Kamu Template: astra Version: 1.0 */
Catatan penting:
BarisTemplate:harus sesuai dengan nama folder tema utama (case sensitive). Jika parent theme kamu adalah “astra”, tulis tepat seperti itu.
Tambahkan baris ini di akhir untuk memanggil gaya dari parent theme:
@import url("../astra/style.css");
Namun, metode @import sudah dianggap usang. Lebih baik gunakan cara modern melalui functions.php.
3. Buat File functions.php
Masih di dalam folder astra-child, buat file functions.php. Tambahkan kode berikut:
<?php
function astra_child_enqueue_styles() {
$parent_style = 'astra-style'; // Handle CSS dari parent theme
wp_enqueue_style($parent_style, get_template_directory_uri() . '/style.css');
wp_enqueue_style('astra-child-style',
get_stylesheet_directory_uri() . '/style.css',
array($parent_style),
wp_get_theme()->get('Version')
);
}
add_action('wp_enqueue_scripts', 'astra_child_enqueue_styles');
?>
Kode ini memastikan bahwa gaya dari parent theme tetap dimuat, kemudian diikuti oleh gaya dari child theme.
4. Aktifkan Child Theme di Dashboard
Masuk ke Dashboard WordPress > Appearance > Themes.
Kamu akan melihat tema baru bernama Astra Child (atau nama yang kamu buat). Klik Activate untuk menggunakannya.
Jika semuanya benar, situsmu akan tetap terlihat sama, tapi kini berjalan dengan child theme.
5. Uji Perubahan
Sekarang coba lakukan modifikasi kecil untuk memastikan child theme berfungsi. Misalnya, ubah warna latar belakang di style.css:
body {
background-color: #f5f5f5;
}
Refresh halaman situs, dan kamu akan melihat perubahannya langsung.
Menambahkan File Template ke Child Theme
Selain CSS, kamu juga bisa menyalin dan mengedit file template dari parent theme, seperti header.php, footer.php, atau single.php.
Langkahnya:
-
Salin file yang ingin dimodifikasi dari folder parent theme.
-
Tempel di folder child theme.
-
Lakukan perubahan di file tersebut.
Contoh, jika ingin menambahkan logo tambahan di header, salin header.php, edit sesuai keinginan, dan simpan di folder child theme.
Ingat: WordPress akan memprioritaskan file dari child theme terlebih dahulu sebelum memuat dari parent theme.
Menggunakan functions.php untuk Custom Code
Selain CSS dan template, kamu juga bisa menambahkan fungsi PHP baru di file functions.php milik child theme, seperti:
-
Menambahkan widget area baru
-
Mengubah excerpt length
-
Menonaktifkan fitur tertentu
Contoh:
function custom_excerpt_length($length) {
return 30;
}
add_filter('excerpt_length', 'custom_excerpt_length');
Dengan cara ini, kamu bisa menyesuaikan fungsionalitas tema tanpa mengganggu file utama.
Tips Tambahan untuk Child Theme
-
Gunakan Nama Unik
Hindari nama umum agar tidak bentrok jika ada tema lain dengan nama mirip. -
Gunakan File
screenshot.png
Tambahkan gambar preview di folder child theme agar tampil di halaman tema WordPress. -
Selalu Backup
Meskipun child theme aman dari update, backup rutin tetap penting untuk menghindari kehilangan data. -
Gunakan Versi Kontrol (Git)
Jika kamu sering melakukan perubahan, gunakan Git untuk melacak modifikasi child theme.
Kesimpulan
Membuat child theme WordPress adalah langkah terbaik untuk menjaga keamanan modifikasi situsmu. Dengan cara ini, kamu bisa mempercantik tampilan, menambahkan fitur, atau bereksperimen dengan desain tanpa takut kehilangan perubahan setiap kali tema utama diperbarui.
Selain mudah dibuat, child theme juga memberikan fleksibilitas penuh dan kontrol total terhadap tampilan website WordPress-mu. Jadi, sebelum melakukan edit langsung pada tema utama, pastikan kamu sudah memahami cara membuat dan mengaktifkan child theme — langkah kecil yang bisa menyelamatkan banyak waktu di masa depan.