Cara Membuat Child Theme

Child Theme adalah sub theme yang mewarisi semua style dan fungsi dari Parent Theme. Bedanya adalah child theme bisa dimodifikasi tanpa mempengaruhi parent theme. Child theme ini memang digunakan untuk mempelajari sebuah theme di WordPress. Jika kamu ingin belajar theme WordPress, maka membuat child theme adalah trik yang harus kamu kuasai. Gimana cara membuatnya?

Pada contoh ini saya akan membuat child theme untuk theme bawaan WordPress yaitu Twenty Nineteen.

1. Buat folder child theme di wp-content/themes/ dengan nama twentynineteen-child.
2. Buat file baru bernama style.css di dalam folder twentynineteen-child. Dalam file itu kamu harus menambahkan kode di bawah ini pada bagian paling atas. Kamu bisa merubah kode dibawah sesuai dengan kebutuhanmu.

/*
 Theme Name:   Twenty Nineteen Child
 Theme URI:    https://blog.imran.id/twenty-nineteen-child/
 Description:  Twenty Nineteen Child Theme
 Author:       Muhammad Imran
 Author URI:   https://blog.imran.id
 Template:     twentynineteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentynineteenchild
*/

Yang perlu diperhatikan adalah baris no 7. Nama template harus sama dengan nama folder parent theme. Dalam contoh ini, folder parent theme adalah twentynineteen.

3. Buat file baru bernama functions.php di dalam folder twentynineteen-child. Dalam file itu kamu harus menambahkan kode dibawah ini.

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
 
    $parent_style = 'parent-style'; // This is 'twentynineteen-style' for the Twenty Nineteen theme.
 
    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}

fungsi wp_enqueue_style berfungsi untuk mengambil style dari parent theme.

4. Nah, sekarang child theme akan terlihat Dashboar ➡ Appearance ➡ Themes seperti gambar dibawah
   
   
   Nah, sekarang kamu bisa mengaktifkan theme child itu. Tampilan web akan persis sama seperti parent theme yaitu Twenty Nineteen.

Setelah ini apa?

Membuat child theme adalah langkah awal sebelum kamu memodifikasi theme bawaan wordpress. Jadi bagian yang paling seru adalah mulai memodifikasi theme. Artikel untuk memodifikasi theme akan saya sampaikan di artikel lain.

Artikel Lainnya