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.
- Buat folder child theme di
wp-content/themes/
dengan namatwentynineteen-child
. - Buat file baru bernama
style.css
di dalam foldertwentynineteen-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
.
➡ Baca juga Memasang Font Arab dan Font Jepang di Blog
- Buat file baru bernama
functions.php
di dalam foldertwentynineteen-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.
- 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.
One thought on “Cara Membuat Child Theme”