Thursday, October 22

Cara membuat child theme wordpress

Cara membuat child theme wordpress sangatlah mudah. Anda hanya akan mengikuti beberapa langkah dan child theme wordpress anda telah siap. Tetapi sebelum lanjut ke tutorial membuat child theme wordpress, ada baiknya anda mengetahui fungsi child theme dan bagaimana cara kerja child themes.

 

Fungsi dan Manfaat Tema child WordPress
Kegunaan child theme  dapat mengubah atau memodifikasi wordpress tema utama Anda tanpa mempengaruhi kode wordpress tema utama. Sebagai contoh, ketika Anda menambahkan kode CSS untuk mengubah warna atau sundulan wordpress kemudian CSS atau kode tidak akan mengubah kode CSS dari wordpress tema utama Anda.

Selain itu, jika Anda menonaktifkan anak tema Tema akan kembali ke tema utama tanpa modifikasi sebelumnya Anda lakukan dalam child theme .

Sebagai tambahan , baca juga ini : beli elementor pro versi terbaru

 

Oleh karena itu, child theme sebaiknya anda aktifkan apabila anda ingin memodifikasi tema utama tanpa harus merubah kode utama wordpress anda. Dan pilihan terakhir adalah anda tetap merubah tema utama anda tetapi anda harus siap kehilangan modifikasi setelah melakukan update tema utama anda.

 

Cara Kerja Child Theme WordPress
Child theme berada di direktori yang berbeda dari tema utama, oleh karena itu setiap perubahan yang dilakukan di child theme tidak merubah kode di tema utama anda. Biasanya child theme berada di direktori ./wp-content/themes.

Pada direktori child theme biasanya ada file .css dan .php. File tersebut yang anda dapat gunakan untuk merubah dan memodifikasi tema utama anda. Ketika ada yang mengunjungi website anda maka yang akan termuat terlebih dahulu adalah child theme. Selanjutnya jika sudah tidak ada file lagi yang termuat maka akan memuat tema utama anda untuk melengkapi child theme.

 

Hal yang dibutuhkan Untuk Membuat Child Theme WordPress
Hal yang harus anda perhatikan sebelum membuat child theme wordpress adalah anda harus memiliki dasar pengetahuan mengenai bahasa pemrograman CSS / HTML maupun PHP. Hal ini berguna untuk mempermudah anda dalam melakukan modifikasi pada child theme anda. Anda dapat belajar CSS dan HTML di website W3Schools.

 

Selanjutnya untuk memulai membuat child theme di wordpress anda perlu mempersiapkan

Akses ke halaman admin Worpdress
Akses ke File Manager Website
Anda juga bisa menggunakan aplikasi FTP seperti Filezilla, WinSCP atau sejenisnya untuk akses ke File Manager anda.

Cara Membuat Child Theme WordPress
Saat ini kita akan masuk pada pembahasan bagaimana cara membuat child theme wordpress. Caranya cukup mudah, anda hanya tinggal melakukan beberapa copy paste kode yang sudah ada di tema utama wordpress.

Akses Cpanel Website
Langkah pertama yang perlu anda lakukan untuk membuat child theme adalah mengakses Cpanel Website anda. Silahkan akses cpanel anda dengan mengetikkan www.domainanda.com/cpanel atau cpanel.domainanda.com. Anda juga bisa mengakses client area di tempat hosting anda untuk mengakses cpanel anda.

 

Jika sudah masuk ke cpanel anda, kemudian klik menu File Manager seperti pada gambar dibawah ini.

 

File manager berfungsi untuk membantu anda mengakses semua script dan file yang berada di website anda. Baik instalasi tema, plugin maupun file yang telah anda upload di website anda.

Masuk ke direktori Tema
Langkah kedua adalah anda harus masuk ke direktori tema website anda. Silahkan pilih public_html/wp-content/themes atau anda bisa lihat pada gambar dibawah ini.

 

Direktori tema berisi seluruh tema yang ada di website anda, baik tema yang aktif maupun tema yang tidak aktif.

Buat Folder Child Theme
Saat anda berada di direktori tema, silahkan buat folder untuk child theme anda. Perlu diingat hindari penggunaan spasi agar tidak terjadi error atau kesalahan nanti. Anda juga bisa menambahkan “-child” dari tema bawaan anda seperti pada gambar dibawah ini

Saya menggunakan tema bezel sebagai tema utama website. Kemudian membuat child theme untuk tema bezel sehingga saya memberi nama direktori tema menjadi bezel-child. Anda dapat menggunakan nama lain untuk child theme anda.

Buat file Style.css Child Theme
Setelah anda membuat direktori child theme, silahkan anda masuk kedalam direktori tersebut. Selanjutnya anda harus membuat file style.css yang nanti akan berisi CSS modifikasi website anda. Klik +File untuk membuat file style.css seperti pada gambar dibawah ini.

Setelah dipaste ke dalam style.css anda, silahkan lakukan modifikasi sesuai dengan tema dan domain anda saat ini. Hal terpenting yang perlu dirubah adalah pada bagian Template.

Bagian Template ini adalah nama dari tema utama anda jadi harus disesuaikan. Jika sudah silahkan simpan perubahan yang anda telah lakukan.

 

Leave a Reply

Your email address will not be published. Required fields are marked *