{"id":303,"date":"2022-07-05T11:23:07","date_gmt":"2022-07-05T11:23:07","guid":{"rendered":"https:\/\/rizkiakmanda.com\/?p=303"},"modified":"2022-07-04T11:27:39","modified_gmt":"2022-07-04T11:27:39","slug":"wordpress-child-theme","status":"publish","type":"post","link":"https:\/\/rizkiakmanda.com\/?p=303","title":{"rendered":"WordPress Child Theme"},"content":{"rendered":"

Apa itu WordPress Child Theme?<\/b><\/h3>\n

Seperti namanya, child theme yang berarti juga tema anak adalah turunan atau tema yang mewarisi seluruh code dan fungsi dari tema induknya atau tema utama. Fungsi dari child theme itu sendiri adalah untuk memungkinkan Anda memodifikasi, menambah fungsi tema utama atau juga merubah style dari tema utama tanpa harus menyentuh satupun file di theme induk.<\/span><\/p>\n

Mengapa harus Child Theme?<\/b><\/h3>\n

Mengapa harus repot-repot menggunakan child theme bila Anda bisa langsung mengubah atau menambahkan sesuatu di theme induk? Anggap Anda menggunakan tema komersil yang disediakan dari WordPress ORG sebagai tema utama Anda saat ini. Lalu Anda ingin mengubah bentuk tampilan post Anda menjadi seperti yang Anda inginkan. Anda mengubahnya di tema utama dan berhasil, lalu beberapa hari kemudian tema tersebut memiliki update terbaru, entah itu memperbaiki bugs, update keamanan ataupun hanya menambahkan warna.<\/span><\/p>\n

Lalu Anda meng-klik update pada tema yang sudah Anda ubah sebelumnya. Maka semua perubahan itu akan hilang, terganti oleh update, kembali menjadi tema utama dasar aslinya. Adapun Anda melakukan update manual seperti menyamakan perubahan dan melihat apa saja yang diubah untuk berikutnya Anda tambahkan satu persatu ke tema Anda, bukankah itu lebih memakan waktu dan berpotensi error lebih besar?<\/span><\/p>\n

Maka seperti yang dijelaskan di atas tadi, Child Theme berfungsi sebagai \u201cpenambah\u201d untuk tema utama Anda tanpa harus menyentuh file di tema utama. Jika Anda melakukan perubahan dan penambahan di Child Theme, maka saat tema utama Anda update, perubahan tersebut tidak akan hilang.<\/span><\/p>\n

Cara membuat child theme<\/b><\/h3>\n

Pertama, pastikan Anda memiliki akses ke File Manager dalam server website Anda atau akses ke FTP. Kemudian masuk dalam direktori wp-content > themes. Temukan nama tema yang hendak Anda tambahkan child theme nya.<\/span><\/p>\n

\"\"<\/p>\n

Setelah membuat folder seperti gambar diatas, Anda harus menambahkan file baru di dalam folder child theme, file yang harus ditambah yaitu:<\/span><\/p>\n

    \n
  1. style.css<\/span><\/li>\n
  2. function.php<\/span><\/li>\n
  3. screenshot.png (dapat mengambil dari folder tema utama)<\/span><\/li>\n<\/ol>\n

     <\/p>\n

    Stylesheet (style.css)<\/b><\/h3>\n

    Style pada child theme umumnya mengambil bawaan dari tema utama, karenanya isi child theme style selalu kosong. Dari sini Anda dapat menambahkan style baru atau menimpa style yang sudah ada di tema utama.<\/span><\/p>\n

    Isi dari file style.css dalam child theme biasanya hanya <\/span>CSS comment<\/span><\/i>:<\/span>
    \n<\/span><\/p>\n

    \n\t\t\t
    \n
    \n
    \n
    <\/div>\n
    <\/div>\n
    <\/div>\n <\/div>\n
    \n \n Copy Code<\/span>\n Copied<\/span>\n Use a different Browser<\/span><\/a>\n <\/div>\n <\/div>\n 
    <\/p>\n
    \/*\r\n Theme Name:   Tema Child\r\n Theme URI:    https:\/\/url-website.com\/\r\n Description:  Tema Child Theme Text\r\n Author:       Nama Anda\r\n Author URI:   https:\/\/url-website.com\/\r\n Template:     tema-prefix\r\n Version:      1.0.0\r\n Tags:         CSS tags\r\n Text Domain:  tema-child\r\n*\/\r\n<\/pre>\n
    <\/code><\/pre>\n\t\t\t<\/div>\n        <\/div>\n