Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Code
  2. WordPress

Bagaimana Cara Menyesuaikan Tema WordPress Anda dengan Child Theme

by
Read Time:4 minsLanguages:

Indonesian (Bahasa Indonesia) translation by Imam Firmansyah (you can also view the original English article)

Jadi anda memiliki sebuah tema WordPress pada website anda, baik gratis atau pun berbayar, dan Anda ingin menyesuaikannya. Seseorang dengan bijak menganjurkan anda melakukan ini dengan "membuat child theme". Tapi apa artinya, dan bagaimana anda melakukannya?


Apakah itu Child Theme?

Thw WordPress Codex menjelaskan child themes seperti ini:

WordPress Child theme adalah tema yang mewarisi fungsionalitas tema lain, bernama tema induk, dan memungkinkan anda untuk memodifikasi, atau menambah, fungsi tema induk. Child Theme adalah cara paling aman dan termudah untuk memodifikasi tema yang ada, apakah anda ingin membuat beberapa perubahan kecil atau perubahan yang luas. Dari pada anda memodifikasi file tema secara langsung, anda dapat membuat child theme.

Pada dasarnya, "child theme" adalah sebuah tema WordPress yang berjalan bersama dengan tema WordPress asli anda, dan mengesampingkan bagian-bagiannya yang anda tentukan, tanpa benar-benar mengubah tema aslinya itu sendiri.


Mengapa repot-repot menggunakan Child Theme?

Jika anda memiliki tema WordPress gratis atau komersial di situs anda, ada kemungkinan anda ingin menyesuaikannya sedikit sesuai dengan kebutuhan anda yang spesifik. Anda mungkin ingin meingkatkan beberapa warna, menambahkan sidebar, membuat posting tertentu tampil berbeda, atau hal lain yang dapat anda pikirkan.

Suatu hari anda login ke dashboard admin WordPress anda, dan anda melihat ada update untuk tema anda. Mungkin itu memperbaiki beberapa bug CSS, atau masalah keamanan dengan tema. Jika anda mengklik update, dan anda telah menyesuaikan file tema secara langsung, update tersebut akan menimpa perubahan anda, dan BOOM! mereka hilang. Anda harus membuat perubahan itu lagi.

Dengan menggunakan tema anak, anda dapat memperbarui tema asli yang anda sukai, dan perubahan anda aman. Ada kemungkinan bahwa sesuatu di update mungkin berarti anda perlu membuat sedikit tweak untuk child theme anda juga, tapi setidaknya anda tidak memulai dari nol!


Ok, saya pikir saya setuju, tapi bagaimana cara melakukannya?

Tema asli anda, yang akan kita sebut "tema induk" mulai sekarang, berada di direktori /wp-content/themes/ anda.

Sebagai contoh, kita akan menciptakan sebuah child theme untuk tema WordPress default yaitu tema 'Twenty Twelve'.

Jadi, dalam kasus ini, untuk membuat child theme, kami membuat direktori baru di samping direktori tema 'Twenty Twelve' yang disebut twentytwelve-child.

Seperti:

Child Theme Directory

Semua direktori ini membutuhkan beberapa hal ini di dalamnya untuk menjadi child theme yang valid, itu adalah file style.css dengan konten berikut:

Ada dua bagian penting di sana:

  1. Template: twentytwelve - yang memberi tahu WordPress bahwa tema ini adalah child theme dari tema 'Twenty Twelve'
  2. @import url("../twentytwelve/style.css"); - yang memuat tema induk (dalam kasus ini twentytwelve) style.css sebagai titik awal

Sekarang Anda bisa masuk ke dashboard WordPress anda dan melihat tema 'Twenty Twelve Child' anda di sana, dan mengaktifkannya.

Catatan:

Seperti yang ditunjukkan dalam komentar di bawah ini, baris @import tidak sepenuhnya diperlukan agar child theme berlaku. Saya telah menyertakannya disini seperti pada kebanyakan modifikasi tema kecil, anda akan ingin menggunakannya. Untuk penggantian CSS secara besar-besaran dalam sebuah tema, anda bisa meninggalkan garis itu dan mulai dari nol.


Sweet, Child Theme Saya Sendiri! Sekarang apa?

Sekarang setiap kali anda ingin membuat kustomisasi terhadap tema anda, lakukanlah di child theme anda

File dalam child theme anda menimpa file dengan nama yang sama dalam tema induk. Jadi file apa pun dari tema induk anda yang ingin anda ubah, salin ke child theme terlebih dahulu, dan buat modifikasi anda di sana.

Hal yang sama berlaku untuk template yang mungkin tidak ada dalam tema induk anda. Anda bisa menambahkannya ke child theme anda, dan WordPress akan menggunakannya.

Satu pengecualian untuk aturan ini adalah file functions.php. Dalam kasus ini, file functions.php untuk child theme dimuat terlebih dahulu, diikuti oleh file functions.php dari tema induk. Jadi tidak perlu menyalin file functions.php dari tema induk ke child theme, cukup mulai membuat baru dalam child theme untuk yang satu itu.

Hal ini memungkinkan child theme memiliki semua fungsi dari tema induk. Tema induk juga bisa membuat fungsi mereka pluggable, yang memungkinkan child theme mengesampingkannya.

Apa fungsi pluggable itu?

Intinya, fungsi pluggable adalah salah satu yang memeriksa untuk melihat apakah sudah ada sebelum didefinisikan. Dengan begitu, jika child theme mendefinisikan fungsi dengan nama yang sama, tema induk tidak menimbulkan konflik.


Ringkasan

Itulah dasar-dasar penyesuaian tema WordPress dengan child theme. Ini benar-benar tidak lebih sulit daripada mengedit tema aslinya secara langsung, namun bisa menghemat banyak kekecewaan saat tiba saatnya untuk mengupdate. Hal ini juga membuat sangat mudah bagi anda untuk melihat dengan tepat apa yang telah anda ubah, karena semuanya terkotak-kotak dengan baik.

Anda dapat menemukan membaca lebih lanjut tentang anak tema di sini di Wptuts + terlalu.

Apakah Anda memiliki tips khusus untuk kustomisasi dengan tema anak? Marilah kita tahu di komentar!

Advertisement
Did you find this post useful?
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.