Sebelum kita membuat Child Themes kita harus mengetahui Apakah itu Child Themes ? dan fungsinya untuk apa ? lalu bagaimana cara membuat nya di wordpress ? oke disini kita akan membahasnya.
Child Themes adalah tema turunan (tema anak) dari tema-tema yang ada di wordpress dan dapat kita buat. Karena tema tersebut adalah tema turunan, maka seluruh fungsi dan tampilannya pun sama dengan tema aslinya (induk tema).
Kemudian kenapa harus menggunakan nya ? Tujuannya yaitu memudahkan kita sebagai developer wordpress untuk mengkustomisasi tema induk sesuai dengan fitur yang diinginkan tanpa merubah kode induk atau tema aslinya, jadi meskipun sudah kita rubah kode nya maka themes aslinya melakukan update tidak akan terjadi masalah.
Kelebihan menggunakan Child Themes
Kelebihan menggunakan nya yaitu kita dapat mengkustomisasi dari header, function, footer atau kita dapat menambah file baru didalamnya tanpa mengubah source code tema asli meskipun seluruh fungsi dan tampilannya sesuai dengan tema asli.
Setiap kode yang kita rubah baik itu css, js, atau php tidak akan terreplace oleh tema asli saat melakukan update tema. Kemudian kitapun tidak perlu menulis ulang keseluruhan dari tema asli.
Kekurangan menggunakan Child Themes
Tema tersebut dapat digunakan jika parent themes atau tema induk sudah di instal pada wordpress, cukup di instal tidak di aktifkan. karena tema tersebut adalah turunan dari tema induk atau parent themes.
Fungsi menggunakan Child Themes
Selanjutnya untuk fungsi dari tema turunan yaitu kita dapat mengubah parent themes nya seperti menambahkan kode google analitycs, kode iklan, kode search console, dan lain sebagainya. Kita juga dapat mengubah dan menambah fitur baru seperti menampilkan post, menambah widget, mengubah footer, dan navigation menu sekalipun.
Cara membuat Child Themes di WordPress
Cara membuat tema turunan di WordPress yaitu dapat menggunakan 2 cara, cara pertama yaitu manual dengan menambah file dan folder baru dan juga dengan cara otomatis yaitu dengan menggunakan plugins. Oke langsung saja.
Membuat Child Themes dengan cara otomatis
Untuk membuat tema turunan dengan cara otomatis yaitu sangatlah mudah, yaitu tambahkan plugin yang bernama Childify Me kemudian aktifkan terlebih dahulu themes yang akan dibuat child, pada menu Tampilan pilih sesuaikan dan pada bagian bawahnya ada tombol untuk membuat themes sesuai dengan keinginan.
Pilih Childify Me maka secara otomatis tema induk akan menjadi tema turunan. Kemudian tinggal aktifkan dan bebas berkreasi tanpa mengubah source code themes asli.
Membuat Child Themes dengan cara manual
Untuk cara membuat tema turunan di wordpress pada dasarnya yaitu menambah folder baru di wp-content/themes/theme-child dan menambah file baru yaitu function.php dan styles.css
Pertama kita buat file css terlebih dahulu yang berada difolder wp-content/themes/themebaru
setelah itu klik kanan dan buka menggunakan text editor kalian .. kemudian isikan source code sbg berikut :
/*
Theme Name: Twenty Seventeen Child
Theme URI: https://utamateknologi.com
Author: Dito Priwanto
Author URI: https://utamateknologi.com
Description: Theme baru yang memiliki tampilan yang mengagumkan dari Twenty Seventeen Child
Template: twentyseventeen
Version: 1.4
Text Domain: twentyseventeen-child
*/
@import url("../twentyseventeen/style.css");
lalu simpan.
Kemudian buat file baru bernama function.php
Sekarang kita cek di halaman tampilan dasboard wordpress kita caranya pilih Tampilan kemudian pilih Tema. Maka akan muncul Child Themes buatan kita.
Akan tetapi ketika di pilih aktifkan atau live preview, tampilannya masih acak2an itu karena css nya belum dipanggil.
untuk memanggil file css dari tema induk agar sesuai dengan tema asli, isikan source code dibawah ini pada file function.php
add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
function enqueue_parent_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}
Setelah itu simpan dan refresh halamannya.
Dan selamat tema turunan dari Twentyseventeen sudah selesai dan bebas berkreasi tanpa mengubah source code tema asli.
