Hanya segelintir pengguna WordPress yang menggunakan tema anak dan itu karena banyak pengguna tidak tahu apa itu tema anak atau Membuat Tema Anak^{(Creating Child Theme)} di WordPress . Yah^(Well) , sebagian besar orang yang menggunakan WordPress cenderung mengedit atau menyesuaikan tema mereka tetapi semua penyesuaian itu hilang ketika Anda memperbarui tema Anda dan di situlah penggunaan tema anak datang. Saat Anda menggunakan tema anak maka semua penyesuaian Anda akan disimpan dan Anda dapat dengan mudah memperbarui tema induk.

Membuat Tema Anak di WordPress

Membuat Tema Anak dari Tema Induk yang Tidak Dimodifikasi^{(Creating a Child Theme from an Unmodified Parent Theme)}

Untuk membuat tema anak di WordPress , Anda harus masuk ke cPanel dan membuka public_html lalu wp-content/themes di mana Anda harus membuat folder baru untuk tema anak Anda (contoh /Twentysixteen-child/). Pastikan Anda tidak memiliki spasi dalam nama direktori tema anak yang dapat menyebabkan kesalahan.

Direkomendasikan:^{(Recommended:)} Anda juga dapat menggunakan plugin One-Click Child Theme^{(One-Click Child Theme plugin)} untuk membuat tema anak (hanya dari tema induk yang tidak dimodifikasi).

Sekarang Anda perlu membuat file style.css untuk tema anak Anda (di dalam direktori tema anak yang baru saja Anda buat). Setelah Anda membuat file, cukup salin dan tempel kode berikut ( Ubah^(Change) detail di bawah ini sesuai dengan spesifikasi tema Anda):

/*
 Theme Name: Twenty Sixteen Child
 Theme URI: http://example.com/twenty-sixteen-child/
 Description: Twenty Sixteen Child Theme
 Author: WordPress Team
 Author URI: http://example.com
 Template: twentysixteen
 Version: 1.3.0
 License: GNU General Public License v3 or later
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

Catatan: ^(Note: ) Baris Templat^(Template) ( Templat^(Template) : dua puluh enam belas) harus diubah sesuai dengan nama direktori tema Anda saat ini (tema induk yang anaknya sedang kita buat). Tema induk dalam contoh kita adalah tema Dua Puluh Enam Belas^{(Twenty Sixteen)} , jadi Templatenya^(Template) akan menjadi dua puluh enam belas.

Sebelumnya @import digunakan untuk memuat stylesheet dari induk ke tema anak, tetapi sekarang ini bukan metode yang baik karena menambah jumlah waktu untuk memuat stylesheet. Alih-alih menggunakan @import, sebaiknya gunakan fungsi PHP di file functions.php tema anak Anda untuk memuat stylesheet.

Untuk menggunakan file functions.php Anda perlu membuatnya di direktori tema anak Anda. Gunakan kode berikut dalam file functions.php Anda:

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}
?>

Kode di atas hanya berfungsi jika tema induk Anda hanya menggunakan satu file .css untuk menampung semua kode CSS .

Jika style.css tema anak Anda sebenarnya berisi kode CSS (seperti biasanya), Anda juga perlu mengantrekannya:

<?php
function my_theme_enqueue_styles() {

    $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen 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')
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>

Saatnya aktifkan child theme anda, login ke admin panel anda lalu masuk ke Appearance > Themes dan aktifkan child theme anda dari daftar theme yang tersedia.

Catatan:^(Note:) Anda mungkin perlu menyimpan ulang menu ( Appearance > Menus ) dan opsi tema (termasuk gambar latar dan header) setelah mengaktifkan tema anak.

Sekarang kapan pun Anda ingin membuat perubahan pada style.css atau functions.php Anda, Anda dapat dengan mudah melakukannya di tema anak Anda tanpa memengaruhi folder tema induk.

Membuat Tema Anak^{(Child Theme)} di WordPress dari tema induk Anda, tetapi sebagian besar dari Anda telah menyesuaikan tema Anda, maka metode di atas tidak akan membantu Anda sama sekali. Dalam hal ini, lihat cara memperbarui Tema WordPress tanpa kehilangan penyesuaian.^(WordPress)

Jika semoga artikel ini bermanfaat bagi Anda, tetapi jika Anda masih memiliki pertanyaan tentang panduan ini, silakan tanyakan di komentar.

Creating Child Theme in WordPress

Only a handful of WordРress users uses a child thеme and that’s because many of the users don’t know what is a child theme or Creating Child Theme in WordPress. Well, most of the people using WordPress tend to edit or customize their theme but all that customization is lost when you update your theme and that’s where the use of child theme comes. When you use a child thеme then all your customizatiоn will be saved and you can easily update the parent theme.

Creating a Child Theme from an Unmodified Parent Theme

In order to create a child theme in WordPress you need to login to your cPanel and navigate to the public_html then wp-content/themes where you have to create a new folder for your child theme (example /Twentysixteen-child/). Make sure you don’t have any spaces in the name of child theme directory which may result in errors.

Recommended: You can also use One-Click Child Theme plugin to create a child theme(only from an unmodified parent theme).

Now you need to create a style.css file for your child theme (inside the child theme directory you just created). Once you have created the file just copy and paste the following code (Change below details according to your theme specifications):

/*
 Theme Name: Twenty Sixteen Child
 Theme URI: http://example.com/twenty-sixteen-child/
 Description: Twenty Sixteen Child Theme
 Author: WordPress Team
 Author URI: http://example.com
 Template: twentysixteen
 Version: 1.3.0
 License: GNU General Public License v3 or later
 License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

Note: The Template line (Template: twentysixteen) is to be changed according to your current name of the theme directory(the parent theme whose child we are creating). The parent theme in our example is the Twenty Sixteen theme, so the Template will be twentysixteen.

Earlier @import was used to load the stylesheet from parent to the child theme, but now it’s not a good method as it increases the amount of time to load the stylesheet. In place of using @import its best to use PHP functions in your child theme functions.php file to load the stylesheet.

In order to use functions.php file you need to create one in your child theme directory. Use the following code in your functions.php file:

<?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

}
?>

The above code only works if your parent theme uses only one .css file to hold all the CSS code.

If your child theme style.css contain actually CSS code (as it normally does), you will need to enqueue it as well:

<?php
function my_theme_enqueue_styles() {

    $parent_style = 'parent-style'; // This is 'twentyfifteen-style' for the Twenty Fifteen 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')
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>

It’s time to activate your child theme, login to your admin panel then go to Appearance > Themes and activate your child theme from the available list of themes.

Note: You may need to re-save your menu (Appearance > Menus) and theme options (including background and header images) after activating the child theme.

Now whenever you want to make changes to your style.css or functions.php you can easily do that in your child theme without affecting the parent theme folder.

Creating Child Theme in WordPress from your parent theme, but most of you have already customized your theme then the above method is not going to help you at all. In that case, check out how to update a WordPress Theme without losing customization.

If hope this article was helpful to you but if you still have any question regarding this guide please feel free to ask them in comments.

Dimas Sihombing

About the author

Saya seorang insinyur perangkat keras dengan lebih dari 10 tahun pengalaman di lapangan. Saya berspesialisasi dalam pengontrol dan kabel USB, serta peningkatan BIOS dan dukungan ACPI. Di waktu luang saya, saya juga suka blog tentang berbagai topik yang berkaitan dengan teknologi dan teknik.

Membuat Tema Anak di WordPress

Membuat Tema Anak di WordPress

Membuat Tema Anak dari Tema Induk yang Tidak Dimodifikasi^{(Creating a Child Theme from an Unmodified Parent Theme)}

Creating Child Theme in WordPress