Bagi pengguna WordPress yang sering menyesuaikan tampilan situs, mulai dari mengganti warna header, font, hingga menulis ulang kode CSS, mungkin pernah muncul satu kekhawatiran: apa yang terjadi saat tema diperbarui? Semua hasil kustomisasi bisa saja hilang dalam sekejap. Di sinilah konsep child theme WordPress berperan penting.
Banyak pengguna, terutama yang baru mengenal struktur WordPress, sering mengira bahwa semua perubahan harus dilakukan langsung di tema utama.
Padahal, memahami perbedaan antara parent theme dan child theme adalah dasar yang akan membantu kamu membangun website yang fleksibel, stabil, dan mudah dikembangkan tanpa kehilangan hasil kerja setiap kali ada pembaruan.
Artikel ini akan membahas secara menyeluruh mulai dari apa itu parent time, pengertian child theme, cara kerjanya, hingga langkah membuatnya sendiri.
Daftar Isi
Apa itu Parent Theme WordPress?
Sebelum membahas child theme, penting untuk memahami dulu apa yang dimaksud dengan parent theme. Secara sederhana, parent theme adalah tema utama di WordPress yang berisi seluruh file, fungsi, dan gaya (style) yang membuat tampilan website bisa berjalan dengan baik. Ia berisi struktur lengkap mulai dari file template seperti header.php, footer.php, functions.php, hingga file CSS yang mengatur keseluruhan.
Ketika Anda menginstal tema di WordPres, misalnya Astra, OceanWP, atau GeneratePress, sebenarnya yang Anda pasang adalah parent theme. Tema ini berdiri sendiri, artinya tidak bergantung pada tema lain untuk berfungsi. Semua fitur, tata letak, dan pengatur tampilannya sudah lengkap di dalamnya.
Namun, penting untuk Anda tahu juga, setiap kali kustomisasi pada file parent theme, perubahan yang sudah kamu lakukan sebelumnya bisa hilang begitu saja saat tema diperbarui oleh pengembangnya.
Inilah alasan kenapa WordPress memperkenalkan konsel child theme, agar tetap bisa melakukan modifikasi tanpa menyentuh file utama dan tanpa kehilangan hasil kerja saat update dilakukan.
Apa itu Child Theme WordPress?
Kita akan lanjut ke pembahasan utama, apa itu child theme WordPress?
Secara definisi, child theme adalah tema turunan yang mengambil fungsi, desain, dan struktur dari parent theme, tapi memungkinkan Anda melakukan perubahan tanpa menganggu file aslinya. Jadi, setiap kali WordPress memuat situs Anda, ia sebenarnya menggunakan file dari parent theme, kecuali ada file yang ditimpa oleh child theme.
Dengan sistem ini, Anda bisa bebas melakukan eksperimen, misalnya menyesuaikan gaya lewat style.css , atau mengganti sebagian tampilan halaman, tanpa risiko kehilangan hasil kerja saat parent theme diperbarui.
Child theme berisi dua file dasar:
- style.css: untuk mengatur tampilan visual atau gaya desain.
- functions.php: untuk menambahkan atau memodifikasi fungsi tertentu.
Meski terlihat sederhana, kedua file ini cukup untuk memberikan ruang kustomisasi besar tanpa harus menyentuh tema utama.
Cara Kerja Child Theme WordPress
Alur kerja child theme bekerja dengan cara mewarisi semua fungsi dan tampilan dari parent theme. Artinya, ketika WordPress menjalankan situs Anda, sistem akan memeriksa apakah ada child theme yang aktif.
Jika ada, WordPress akan memprioritaskan file dari child theme terlebih dahulu. Namun jika file yang dibutuhkan tidak ditemukan, WordPress akan mengambil file dari parent theme.
Contohnya, jika terdapat file header.php pada child theme Anda, WordPress akan menggunakan versi tersebut dan mengabaikan file yang sama yang ada pada parent theme.
Lalu, apa dengan child theme Anda dapat menambah fungsi baru? Tentu bisa. Anda bisa menulis kode PHP di functions.php child theme untuk menambah fitur seperti widget kustom, menonaktifkan elemen tertentu, atau mengubah urutan elemen di halaman. Semua perubahan itu disimpan terpisah, sehingga ketika parent theme diperbarui, file child theme tetap utuh.
Cara Membuat Child Theme WordPress
Setelah mengetahui konsep dan cara kerjanya, mari bahas bagaimana cara membuat child theme WordPress. Ikuti langkah-langkah berikut untuk memulai:
1. Siapkan Folder untuk Child Theme
Pertama, masuk ke direktori instalasi WordPress Anda melalui File Manager (di cPanel atau melalui FTP). Kemudian, arahkan ke folder: /wp-content/themes/
Dalam folder tersebut, buatlah folder baru dengan nama yang Anda inginkan. Tidak ada ketentuan dalam penamaan folder, tapi sebaiknya pilihlah yang mudah dikenali dan konsisten. Contohnya, jika folder parent theme dinamakan “Astra”, Anda bisa menamakan folder child theme Anda dengan “astra-child”.
2. Buat File style.css
Di dalam folder child theme yang baru Anda buat, tambahkan file style.css. File ini berisi informasi dasar tema yang akan memberitahu WordPress bahwa folder ini adalah child theme.
Ini file style.css dengan kode berikut:
This content is only supported in a Lark Docs
Dua baris ini adalah yang paling penting:
- Theme Name: nama tampilan yang akan muncul di dashboard WordPress.
- Template: nama folder parent theme yang Anda gunakan.
Anda juga bisa menambahkan informasi tambahan seperti Author, Description, atau Version jika ingin lebih lengkap.
3. Buat File functions.php
Selanjutnya, buat file bernama functions.php di folder yang sama. File ini digunakan untuk memanggil style dari parent theme agar tampilan tetap konsisten.
Tambahkan kode berikut:
This content is only supported in a Lark Docs
Kode ini memastikan file gaya (style) dari parent theme ikut dimuat ketika child theme diaktifkan. Tanpa ini, tampilan bisa berantakan karena gaya bawaan tema utama tidak ikut dipanggil.
4. Aktifkan Child Theme
Setelah file style.css dan functions.php selesai dibuat, buka dashboard WordPress Anda.
Masuk ke menu Appearance → Themes, dan Anda akan melihat tema baru bernama “Astra Child” (atau nama yang Anda buat tadi). Klik Activate untuk mengaktifkannya.
Jika semua langkah benar, tampilan situs Anda akan sama persis dengan parent theme. Bedanya, sekarang Anda bisa melakukan modifikasi di child theme tanpa khawatir update tema utama akan menghapus perubahan.
5. Lakukan Kustomisasi Sesuai Kebutuhan
Setelah aktif, Anda bebas menambahkan file atau kode sesuai kebutuhan. Misalnya:
- Tambahkan CSS baru ke style.css untuk mengubah warna, font, atau layout.
- Ubah tampilan halaman tertentu dengan menyalin file template dari parent theme ke folder child theme, lalu modifikasi di sana.
- Tambahkan fungsi PHP baru di functions.php untuk memperluas fitur situs Anda.
Ingat, semakin terstruktur perubahan yang Anda simpan, semakin mudah pula proses pengelolaan di kemudian hari.
Penutup
Dengan child theme, Anda bisa bereksperimen, menyesuaikan tampilan, atau menambah fungsi baru tanpa mengorbankan stabilitas situs dan tanpa takut kehilangan hasil kerja saat pembaruan datang.
Langkah-langkah pembuatannya pun cukup sederhana: buat folder, tambahkan dua file dasar (style.css dan functions.php), lalu aktifkan di dashboard WordPress. Setelah itu, semua kustomisasi bisa dilakukan dengan aman.
Jika Anda selama ini masih mengedit langsung di tema utama, sekarang saatnya beralih ke cara yang lebih aman dan profesional. Coba buat child theme sendiri, eksplorasi sedikit demi sedikit, dan rasakan bagaimana fleksibilitas WordPress bisa Anda kendalikan sepenuhnya.
