Cara Membuat Tema Anak WordPress & Mengapa Anda Membutuhkannya

Jika Anda adalah penggemar platform WordPress, Anda mungkin pernah mendengar banyak saran untuk membuat tema anak WordPress untuk mengurangi risiko dan kesalahan di masa depan seminimal mungkin.

Kami di Tema SKT pasti berbagi pendapat penasihat Anda dan juga menekankan pentingnya membuat dan menjaga tema anak terpisah dari situs atau blog WP Anda. Sementara manfaat dan kelebihan tema anak tampaknya tidak ada habisnya, mari kita cari tahu dulu apa tema anak itu pada hakikatnya yang sebenarnya.

Apa itu tema anak?

Tema anak WordPress adalah versi alternatif dari tema induk WP, yang mewarisi fungsionalitas dan desain templat induk tersebut. Tema tambahan atau anak ini memungkinkan Anda memodifikasi, mengubah, atau menambah fungsi dan tampilan template dasar.

Dan yang penting pada titik ini, templat induk tetap tidak tersentuh dan tidak berubah pada saat yang sama. Selanjutnya, Anda dapat memperbaruinya kapan saja Anda mau tanpa takut perubahan yang dilakukan akan hilang.

Mengapa Anda perlu membuat tema anak WordPress?

Aksesibilitas kode dan file dari setiap template WordPress yang valid memungkinkan Anda untuk mengubah dan menyesuaikan tampilan dan fungsionalitas mulai dari modifikasi desain hingga pembuatan widget dan plugin tambahan.

Namun, ada sedikit ketidaknyamanan yang bisa dialami oleh setiap webmaster WordPress. Penyesuaian langsung apa pun ke kode tema dasar hilang, atau, lebih baik dikatakan, kembali ke sumbernya setelah pembaruan tema apa pun.

Karenanya, jika Anda ingin menghindari kemunduran yang tidak menyenangkan seperti itu, Anda perlu membuat tema anak WordPress. Ini akan memungkinkan Anda untuk membuat banyak perubahan pada tema tanpa bahaya kehilangannya pada pembaruan yang dijadwalkan.

Kapan Anda perlu membuat tema anak?

Jika Anda adalah orang yang terus-menerus membuat perubahan pada tampilan situs web atau blog atau kerangka kerja fungsionalnya dengan menambahkan fungsi baru ke file functions.php tema atau mengubah file style.css, membuat template anak adalah suatu keharusan.

Selanjutnya, desainer dan pengembang web dapat memperoleh manfaat besar dari teknik ini untuk mempercepat alur kerja mereka dan mencapai lebih banyak tanpa kekurangan atau kesalahan yang tidak terduga.

Sekarang, setelah kami membuka seluruh potensi tema anak untuk Anda, mari lanjutkan ke bagian teknis pembuatannya. Secara keseluruhan, ini adalah cara yang bagus untuk masuk ke platform WordPress dan mempelajari lebih lanjut tentang kemungkinannya.

Cara membuat tema anak WordPress

Untuk membuat tema anak WordPress, kita perlu membahas 3 poin utama:

1. Direktori tema anak

2. lembar gaya (style.css)

3. function.php

Nah, langkah pertama menuju pembuatan tema anak adalah membuat direktorinya di wp-content/themes. Akan lebih baik, jika direktori tema anak memiliki judul tema induk ditambah akhiran “anak”.

Mari kita ambil tema SKT Perfect sebagai sampel

Dalam hal ini, kami akan menamai tema anak kami " skt-perfect-child ". (Silakan, periksa bagian yang disorot)

Selanjutnya, Anda perlu membuat stylesheet tema (file style.css). Stylesheet harus dimulai dengan yang berikut:

 *
 Nama Tema: SKT Perfect Child
 URI Tema: http://mysite.com/skt-perfect-child/
 Deskripsi: Tema Anak Sempurna SKT
 Pengarang: John Smith
 Penulis URI: http://mysite.com
 Templat: sktperfect
 Versi: 1.0.0
 Lisensi: GPL
 Lisensi URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: sempurna, responsif, ramah widget
 Domain Teks: skt-sempurna-anak
*/

Jangan lupa untuk menambahkan detail Anda sendiri saat menangani bagian stylesheet ini.

File terakhir yang perlu kita sentuh adalah functions.php. Untuk membuat enqueue, stylesheet tema induk adalah dengan menambahkan tindakan wp_enqueue_scripts (https://codex.wordpress.org/Plugin_API/Action_Reference/wp_enqueue_scripts)
dan gunakan wp_enqueue_style() (https://developer.wordpress.org/reference/functions/wp_enqueue_style/) di functions.php tema anak.

Dalam relasi ini, file functions.php perlu dibuat di direktori tema anak. Baris pembuka functions.php harus “<?php”, setelah itu Anda dapat menambahkan stylesheet dari tema induk dan anak.

Contoh di bawah ini akan berfungsi dengan baik, jika tema induk Anda hanya memiliki satu style.css utama.

 add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
fungsi my_theme_enqueue_styles() 
    wp_enqueue_style( 'gaya orang tua', get_template_directory_uri() . '/style.css' );

Jika ada kode CSS aktual yang terkandung dalam style.css tema anak, Anda juga perlu menambahkannya. Sebenarnya, Anda perlu menambahkan "parent-style" sebagai dependensi. Berikut adalah contoh yang tepat:

 fungsi my_theme_enqueue_styles() 

    $induk_; // Ini adalah 'skt-perfect-style' untuk tema SKT Perfect. 

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'gaya anak',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Versi')
    );

add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );

Itu saja, teman-teman. Sekarang Anda telah berhasil membuat tema anak Anda dan yang tersisa hanyalah aktivasinya. Untuk ini, buka Panel Admin situs Anda, Penampilan, Tema. Anda dapat menemukan semua tema yang tersedia tercantum di sini. Temukan tema anak yang baru dibuat di sini dan cukup klik untuk mengaktifkannya.

Jika menurut Anda metode ini sangat menakutkan, Anda dapat memanfaatkan plugin pembuat tema anak yang tersedia

Generator Tema Anak:

One Click Child Theme adalah plugin untuk membuat hidup Anda lebih mudah. Buat dan jalankan tema anak Anda dalam hitungan menit dan dengan beberapa klik mudah untuk menghindari banyak masalah yang tidak menyenangkan.

Generator Tema Anak Cepat:

Ini adalah salah satu plugin generator tema anak berperingkat teratas dan mudah digunakan yang dapat Anda gunakan dengan situs bertenaga WordPress mana pun. Plugin luar biasa ini cukup pintar untuk menentukan file mana yang akan disalin dan mana yang harus dilewati setiap kali membuat tema anak.

Secara keseluruhan, ia hadir dengan antarmuka yang ramah admin dan intuitif dan memungkinkan Anda membuat sebanyak mungkin tema anak dari tema induk sesuai kebutuhan.

Konfigurator Tema Anak:

Solusi berperingkat teratas lainnya untuk membuat tema anak disebut Child Theme Generator. Plugin ini juga sangat nyaman untuk opsi penyesuaian yang dapat Anda buat untuk tema anak Anda.

Pemeriksaan Tema Anak:

Terakhir, Child Theme Check bisa menjadi tangan kanan Anda dalam hal menjaga tema anak Anda di bawah kendali dan pengawasan yang konstan setiap kali ada perubahan.