Membuat Child Themes

Child Themes adalah teknologi terbaru WordPress yang memungkinkan kita untuk mengutak-atik themes tanpa harus mengubah kode aslinya. Bingung kan?

Biasanya, jika kita ingin mengubah suatu themes agar sesuai dengan keinginan kita (misalnya mengganti warna-warna hurufnya) kita harus mengedit file style.css themes tersebut dan file-file lain yang mungkin diperlukan. Permasalahan kemudian muncul tatkala themes yang kita pakai melakukan upgrade. Saat kita mengupgradenya, semua hasil kerja keras kita mengutak-atik themes itu akan lenyap seketika dan themes akan kembali dalam posisinya semula setelah upgrade.

Mungkin anda jarang menemui masalah ini karena memang themes sangat jarang upgrade. Tapi jika anda menggunakan Twenty Ten, masalah itu bakalan muncul setiap kali anda upgrade WordPress.

Cara Membuat Child Themes

Yuk, kita belajar bagaimana membuat child themes sehingga kita bisa aman saat terjadi upgrade themes. Ada 3 elemen penting dalam child themes yaitu

1. File style.css
2. File functions.php
3. File-file themes yang ingin dirubah

Kita mulai dari persiapan membangun sebuah child themes

Persiapan

Sebagai persiapan, anda harus membuat sebuah folder disamping themes yang ingin anda buat child-nya (themes induk). Misalnya themes induk kita Twenty ten, maka biasanya letaknya disini:

wp-content/themes/twentyten

Nah, anda buat folder baru, misalnya kita kasih nama twentytenboy

wp-content/themes/twentytenboy

Nah, 3 komponen diatas, semuanya harus dimasukkan ke dalam folder twentytenboy ini.

Mengatur style.css

Langkah berikutnya adalah memasukkan file style.css. Buatlah sebuah file dengan nama style.css dan isilah dengan kode seperti ini:

/*
Theme Name: Twenty Ten Boy
Theme URI: http://contohaja.com/
Description: Diskripsi Anak Tema
Author: Nama Anda Disini
Author URI: http: //contohaja.com/about/
Template:  twentyten
Version: 0.1.0
*/

Berikut ini penjelasannya:

• Theme Name. (required) Nama Child theme.
• Theme URI. (optional) URL Child theme.
• Description. (optional) Diskripsi Theme Misalnya: child Theme pertama saya.. hehehe
• Author URI. (optional) Website pembuat.
• Author. (optional) Nama Pembuat.
• Template. (required) nama folder theme induk, case-sensitive
• Version. (optional) Versi Child theme Misal.: 0.1, 1.0, dll.

Selanjutnya, anda perlu mengimpor CSS dari themes induk dan kemudian menempatkan kode-kode CSS yang perlu anda modifikasi. Contoh kongkritnya seperti ini. Kita akan mencoba mengubah warna teks header Twenty ten menjadi hijau

/*
Theme Name: Twenty Ten Boy
Description: Child theme untuk Twenty Ten theme
Author: Lutvi Avandi
Template: twentyten
*/

@import url("../twentyten/style.css");

#site-title a {
color: #009900;
}

Sampai disini, anda sudah memiliki sebuah child themes yang mampu mengubah warna teks header induknya dari hitam menjadi hijau. Untuk mengujinya, coba masuk menu Appearance - Themes. Disana seharusnya sudah ada sebuah tema baru dengan judul Twenty Ten Boy. Tentu saja, namanya akan beda jika anda menggunakan nama lain di Theme Name.

Coba aktifkan tema itu dan lihat blog anda. Seharusnya sekarang judul blog anda sudah berubah warna menjadi hijau. Sudah paham kan? Anda bisa mengubah-ubah warna tema yang lain sesuka hati.

Twenty ten memungkinkan kita untuk mengganti gambar header dan background. Akan sangat aneh kalau kemudian warnanya gak cocok dengan teks bukan? Nah, trik ini bisa anda gunakan untuk mengutak-atik warna tema anda.

Mengatur Functions.php

Ada kalanya kita ingin memasukkan kode-kode di functions.php. Misalnya kode untuk Menghapus Auto Link Komentar seperti yang pernah saya jelaskan di artikel yang lalu. Untuk memasukkan fungsi-fungsi baru, anda cukup membuat file baru dengan nama functions.php dan isilah dengan fungsi-fungsi tambahan yang anda inginkan. Gampang banget kan?

Fungsi lama yang ada di themes induk akan tetap dijalankan. Jadi, anda tidak perlu melakukan impor maupun mengcopy paste kodenya. Anda hanya perlu menambah saja.

Mengatur File Themes lain

Untuk berkas-berkas tema yang lain, anda tinggal copy paste dari berkas aslinya lalu modifikasi sesuka hati. Misalnya anda mau memasukkan kode banner di single.php agar muncul banner sebelum atau setelah artikel anda dimuat, maka anda cukup copy isi file single.php di theme induk lalu buat lagi file single.php di child themes anda.

Semua file yang anda buat akan dieksekusi dan file yang asli akan diabaikan. Dari sini, anda bisa berkreasi dengan sesuka hati.

Nah, mudah-mudahan anda cukup mengerti bagaimana membuat child themes. Informasi lebih lengkap, bisa anda baca disini.