Mengenal Apa Itu Child Theme dan Cara Membuatnya, Mudah!

Anda sedang mencari pedoman membikin child theme di WordPress?

WordPress memungkinkan Anda menggunakan child theme untuk mengustomisasi tampilan dan fungsionalitas tema secara lebih dalam tanpa memengaruhi tema utama.

Dengan begitu, hasil nan didapatkan betul-betul maksimal lantaran tidak mengorbankan elastisitas tema.

Melalui pedoman ini, Anda bakal belajar gimana langkah membikin child theme di WordPress dengan mudah.

Namun, mari awali pembahasan ini dengan memahami secara komprehensif mengenai apa itu child theme.

Apa Itu Child Theme?

Child theme alias anak tema, adalah tema salinan nan mewarisi keseluruhan karakter dari tema induknya (parent theme).

Ketika Anda memodifikasi tampilan dan fungsionalitas child theme, saat tema utama mengalami pembaruan, perubahan nan telah Anda buat di child theme tetap kondusif dan terjaga.

Sebaliknya, jika Anda tidak menggunakan child theme, semua perubahan nan telah dilakukan bakal lenyap saat tema tersebut diperbarui.

Berdasarkan perihal tersebut, child theme jadi solusi nan bisa Anda gunakan ketika mau mengatur tema nan lebih kompleks dan sesuai kebutuhan.

Untuk menggunakan child theme, Anda perlu membuatnya terlebih dahulu.

Jadi meskipun WordPress mendukung fitur ini, tetapi tidak semua pengguna memerlukan child theme, sehingga kudu dibuat secara manual.

Tidak Semua Pengguna Membutuhkan Child Theme!

Penggunaan child theme sangat tergantung pada kebutuhan dan rencana pengembangan website nan spesifik.

Jadi, tidak semua pengguna memerlukan child theme lantaran tema standar sudah dapat mengakomodir semuanya.

Namun, ada beberapa kasus di mana child theme bakal dibutuhkan, seperti:

1. Jika Ingin Memodifikasi Tema Utama

Apabila Anda berencana memodifikasi tema WordPress secara signifikan, seperti menyesuaikan tata letak, style visual, alias menambahkan kegunaan khusus, maka child theme bisa menjadi pilihan nan tepat. 

Pasalnya, Anda bisa melindungi tema dari perubahan seandainya tema utama diperbarui.

2. Ingin Belajar Mengustomisasi Tema

Sebagai pengguna, Anda juga sangat diperbolehkan untuk menggunakan child theme untuk kebutuhan belajar.

Misalnya, Anda mau tahu mulai dari langkah membikin child theme hingga mengustomisasinya tanpa takut merusak tema utama andaikan mengalami kesalahan.

3. Untuk Proyek Khusus

Bagi para developer nan kerap melayani jasa pembuatan website untuk para klien, permintaan untuk menambahkan fitur dan fungsionalitas website pun pasti bakal ada.

Maka, penggunaan child theme bakal memudahkan para developer dalam memenuhi permintaan kliennya.

Bagaimana Child Theme Bekerja?

Seperti nan sudah dibahas pada pembahasan sebelumnya, child theme merupakan tema salinan nan mewarisi seluruh karakter tema induknya.

Dengan kata lain, Anda mempunyai tema turunan nan siap untuk dimodifikasi tanpa merusak tema utama.

Dalam prosesnya, child theme memerlukan dua file; style.css dan functions.php untuk mewarisi fitur dan karakter tema induk, dan juga penambahan kegunaan unik tanpa menyentuh file utama pada tema induk.

Apabila menggunakan child theme, semua pengaturan dan konfigurasinya bakal sama persis dengan tema induk.

Baru kemudian, Anda bisa memodifikasi child theme tanpa perlu menuliskan coding dari awal.

Lantas, gimana langkah membikin child theme dengan mudah?

Cara Membuat Child Theme dengan Mudah!

Pada contoh kali ini, kami bakal membikin child theme dari Hello Elementor. Simak caranya baik-baik.

• Langkah pertama, buatlah file style.css, dengan langkah membuka Notepad alias text penyunting nan ada pada perangkat Anda.
• Masukkan kode di bawah ini: 

/* Theme Name:   Hello Elementor Child Theme URI:    https://jordy.prayoga.eu.org/ Description:  Hello Elementor Child Theme Author:       Jordy Prayoga Author URI:   https://jordy.prayoga.eu.org Template:     hello-elementor Version:      1.9.0.3 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:  hello-elementor-child */

• Anda bisa mengubah perincian di atas sesuai dengan kebutuhan, mulai dari Theme Name, Theme URI, Description, dan sebagainya.
• Simpan dengan nama style, dan ubah formatnya menjadi .css (style.css)
• Kemudian, Anda perlu membikin file kedua, ialah functions.php
• Caranya nyaris sama, Anda kudu membuka Notepad alias text penyunting nan ada pada perangkat
• Masukkan kode di bawah ini:

<?php add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' ); function my_theme_enqueue_styles() { wp_enqueue_style( 'child-style', get_stylesheet_uri(), array( 'parenthandle' ), wp_get_theme()->get( 'Version' ) // This only works if you have Version defined in the style header. ); }

• Simpan file dengan nama functions, lampau gunakan format .php (functions.php)
• Gabung kedua file tersebut ke dalam satu folder

• Satukan file tersebut dalam format .ZIP. Caranya, pilih kedua file, lampau klik kanan > Add to archive > pilih format .ZIP > OK

Jika sudah, Anda bisa mengunggah file instalasi child theme tersebut ke dasbor WordPress. Adapun caranya adalah:

• Login ke dasbor WordPress Anda
• Akses bagian Themes > Add New Theme > Upload Theme > Choose File > Pilih file child theme dalam format .ZIP > Install Now

• Jika instalasi berhasil, langsung pilih Activate untuk mengaktifkan child theme
• Anda juga bisa memandang apakah child theme sukses terpasang, dengan adanya tampilan tema nan sedang aktif seperti berikut ini. Terlihat bahwa Hello Elementor Child adalah tema nan sedang digunakan.

• Artinya, child theme sukses dipasang, dan Anda bisa mulai memodifikasinya sesuai kebutuhan!

Selamat, Anda telah mengetahui langkah membikin child theme dengan mudah melalui tulisan ini. Semoga pedoman ini bisa berfaedah dalam menambah wawasan Anda!

Jika mengalami hambatan dalam mempraktikkan pedoman di atas, jangan ragu untuk bertanya melalui kolom komentar di bawah ini!