Cara Membuat Child Theme WordPress

Teknotes.id – Child Theme atau Tema Anak merupakan cara yang bagus untuk meningkatkan keterampilan desain web. Anda dapat merubah banyak hal sesuai dengan keinginan.

Dalam artikel ini, kami akan menunjukan kepada Anda Cara Membuat Child Theme WordPress, Apa itu Child Theme, Cara Kerja, Mengapa Menggunakan Child Theme, dan Langkah-langkah membuat child theme agar lebih mudah dipahami.

Daftar Isi

1. Apa itu Child Theme di WordPress?

Tema Anak pada dasarnya adalah perubahan tema yang ada. Perubahan apa pun yang Anda buat pada tema anak tidak akan memengaruhi tema asli atau induk.

Tetapi jika tema induk membuat perubahan apa pun, tema tersebut akan terlihat dalam tema anak.

2. Mengapa Harus Menggunakan Child Theme?

Tema anak mewarisi semua karakteristik tema induk, yang memudahkan untuk menyesuaikan kode apa pun tanpa mengubah fungsionalitas tema induk dan salah satu cara yang paling aman dan direkomendasikan.

Perubahan Anda tidak akan dihapus jika tema induk Anda diperbarui. Manfaat lain menggunakan tema anak adalah jika Anda mendapatkan masalah pada tema anak, Anda dapat menonaktifkan dan kembali ke tema induk.

3. Bagaimana Cara Kerja Child Theme?

Tema anak disimpan dalam direktori yang terpisah dari tema induk. Masing-masing memiliki style.css dan functions.php yang berbeda.

Anda dapat menambahkan file lain sesuai kebutuhan, dan Anda harus memiliki dua file di atas dalam tema anak agar berfungsi dengan benar.

4. Cara Membuat Child Theme di WordPress

  1. Membuat Tema Anak Secara Manual.
  2. Membuat Tema Anak Menggunakan Plugin.

5. Membuat Tema Anak Secara Manual

Langkah #1

Login terlebih dahulu di akun cPanel » File Manager » public_html » wp-content » themes.

Langkah #2

Buatlah folder dan beri nama yang Anda inginkan. Karena kami menggunakan tema Generatepress, maka nama folder kami Generatepresschild.

Cara Membuat Child Theme WordPress

Langkah #3

Pada langkah ini memberikan informasi yang berkaitan dengan tema Generatepress Child dengan tema induk yang Anda pilih.

Buatlah file dengan nama style.css. Kemudian, copy paste potongan kode dibawah ini.

/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

Keterangan:

  • Theme Name Ini adalah nama yang akan muncul untuk tema di ujung belakang WordPress.
  • Theme URI Ini menunjuk ke situs web demonstrasi tema yang ada.
  • Description Ini akan muncul di menu tema saat Anda mengklik Detail Theme.
  • Author Ini adalah nama penulis, yaitu Anda.
  • Author URI Anda dapat memasukan alamat situs web Anda di sini.
  • Template Bagian ini sangat penting. Ikuti sesuai dengan nama folder tema induk, periksa juga pengejaan huruf besar/kecil. Jika Anda tidak memasukan informasi yang benar, Anda akan menerima pesan kesalahan.
  • Version Ini menampilkan versi tema anak.

Langkah #4

Selanjutnya, Anda harus memastikan bahwa tema anak dapat mengakses style induk saat ini. Untuk melakukan ini, ikuti langkah yang sama seperti di atas.

Buatlah file dengan nama functions.php. Kemudian, copy paste potongan kode dibawah ini.

<?php
add_action( 'wp_enqueue_scripts', 'enqueue_child_theme_styles', PHP_INT_MAX);

function enqueue_child_theme_styles() {
  wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}
?>
Cara Membuat Child Theme WordPress

Langkah #5

Buka menu Apperance » Themes, Jika berhasil akan terlihat tema GeneratePress Child, kemudian aktifkan.

Ketika Anda mengklik Detail Theme, Anda akan melihat konten header style.

Cara Membuat Child Theme WordPress

6. Membuat Tema Anak Menggunakan Plugin

Jika Anda tidak memahami Membuat Tema Anak Secara Manual, maka kami memberikan Anda pilihan lain yaitu menggunakan plugin.

Ada banyak plugin gratis yang dapat Anda gunakan untuk membuat tema anak dengan mudah. Misalnya Child Theme Configurator, Child Theme Creator by Orbisius, dan lain-lain.

Dalam artikel ini, kita akan menggunakan plugin Child Theme Configurator. Ikuti petunjuk langkah demi langkah ini untuk mengonfiguasinya.

Langkah #1

Buka menu Plugins » Add New dan cari plugin Child Theme Configurator. Kemudian instal dan aktifkan.

Plugin Child Theme Configurator

Langkah #2

Setelah berhasil diaktifkan, kemudian ke menu Tools » ChildThemes. Maka akan terlihat beberapa opsi.

Langkah #3

Klik opsi CREATE a new Child Theme, pilih tema induk Anda dari menu pilihan dan klik Analyze untuk memeriksa dependensi style dan masalah lain yang mungkin terjadi.

Analyze Child Theme Configurator

Langkah #4

Pilih nama untuk direktori tema anak.

Directory Child Theme Configurator

Langkah #5

Pilih dimana Anda akan menyimpan style baru. Pada umumnya memilih Primary Stylesheet (style.css). Ini akan menyimpan style kustom baru secara langsung di style utama tema anak dan akan menggantikan file yang sudah ada.

Simpan Child Theme Configurator

Langkah #6

Pilih opsi Use the WordPresss style queue, hal ini akan memperbaharui fungsi tema anak secara otomatis.

Fungsi Child Theme Configurator

Langkah #7

Secara opsional, Anda dapat memasukkan Nama Tema Anak, Deskripsi, Penulis, Versi, dll.

Customize Child Theme Configurator

Langkah #8

Anda dapat memilih apakah ingin menyalin menu Tema Induk, Widget, dan Pengaturan penyesuaian lainnya ke tema anak.

Copy Child Theme Configurator

Langkah #9

Klik tombol Create New Child Theme

Create Child Theme Configurator

Kesimpulan

Setelah Anda membaca tutorial ini, Anda sekarang menyadari betapa pentingnya menggunakan tema anak di situs WordPress Anda.

Hal ini memudahkan Anda untuk menyesuaikan situs Anda dan tidak akan kehilangan perubahan ketika tema induk diperbarui.

Apakah Anda memiliki pertanyaan tentang salah satu metode yang kami bahas dalam postingan ini? Jangan ragu untuk membagikannya di komentar di bawah ini.

Demikian artikel Cara Membuat Child Theme WordPress. Terima kasih telah membaca dan semoga bermanfaat, tunggu konten kami selanjutnya ya.

by Mr M
Hi! I am Owner and Writer at Teknotes.id. I love WordPress, Graphic Designer, Technology, Blogging, and Programming. I will help you making some technically being easy to understand :)

Tinggalkan komentar