Cara Membuat Tema Anak WordPress dalam 4 Langkah Mudah

Tema anak – seperti namanya – adalah tema yang mendapatkan fungsionalitas dari tema induk. Mengedit tema WordPress Anda secara langsung tidak disarankan dalam beberapa kasus, seperti di mana tema mungkin diperbarui. Jika pembaruan tema baru diterapkan, Anda mungkin kehilangan penyesuaian yang telah Anda lakukan.

Untuk menjaga penyesuaian dan juga terus menerima pembaruan tema, disarankan untuk membuat tema anak WordPress dari tema induk yang ingin Anda gunakan. Membuat tema anak memiliki keuntungan lain, yaitu tema induk Anda tetap utuh dan bebas dari pengeditan apa pun.

Tema anak ada di folder yang berbeda dari tema induk, dan tema anak bergantung pada fungsionalitas tema induk kecuali diubah. Jika Anda menggunakan tema anak di situs web Anda, maka inti WordPress akan memeriksa file tema anak terlebih dahulu. Jika tidak dimodifikasi, WordPress akan mengeksekusi file dari tema induk.

Untuk memahami sepenuhnya konsep child theme di WordPress, kita akan membuat child theme dari Twenty Fifteen default theme WordPress dan membuat modifikasi tertentu untuk mendapatkan ide di balik Child Themes.

Untuk membuat tema anak WordPress, kami akan mengikuti langkah-langkah ini:

• Buat folder dan beri nama dua puluh lima belas-anak. Menambahkan -anak dianggap sebagai praktik yang baik.
• Buat style.css dengan informasi Tema Anak dan file functions.php
• Impor template Dua Puluh Lima Belas di style.css
• Enqueue style sheets melalui file functions.php
• Edit file template seperti single.php

Langkah 1: Buat Folder Tema Anak dan Tambahkan style.css

Langkah pertama adalah membuat folder baru untuk tema anak kita. Sebut saja dua puluh lima belas anak agar mudah mengingat di mana tema anak kita berada.

Untuk melakukan ini, sambungkan ke server Anda menggunakan klien FTP seperti FileZilla dan navigasikan ke /public_html/wp_content/themes dan buat folder baru bernama dua puluh lima belas-anak

Di direktori baru ini buat file style.css dan tempel informasi berikut ke dalamnya.

 /*
Nama Tema: Dua Puluh Lima Belas Anak
URI Tema: https://wordpress.org/themes/twentyfifteen/
Penulis: tim WordPress
URI Penulis: https://wordpress.org/
Templat: dua puluh lima belas
Deskripsi: Tema Anak Dua Puluh Lima Belas
Versi: 1.3
Lisensi: Lisensi Publik Umum GNU v2 atau lebih baru
Lisensi URI: http://www.gnu.org/licenses/gpl-2.0.html
Tag: hitam, biru, abu-abu, merah muda, ungu, putih, kuning, gelap, terang, dua kolom, bilah sisi kiri, tata letak tetap, tata letak responsif, siap aksesibilitas, latar belakang khusus, warna khusus, custom- header, menu kustom, gaya editor, gambar unggulan, mikroformat, format pasca, dukungan bahasa rtl, postingan tempel, komentar berulir, siap terjemahan
Domain Teks: dua puluh lima belas anak
Tema ini, seperti WordPress, dilisensikan di bawah GPL.
Gunakan untuk membuat sesuatu yang keren, bersenang-senang, dan berbagi apa yang telah Anda pelajari dengan orang lain.
*/

Baris terpenting yang harus Anda edit adalah "Nama Tema" , "Domain Teks" dan "Templat" . Karena nama tema tidak boleh sama dengan Twenty Fifteen, dan di template, kami memberi tahu WordPress bahwa tema ini adalah tema anak dari Twenty Fifteen, kami harus memanggil file dari folder Twenty Fifteen jika tidak ada di folder dua puluh lima belas anak map. Juga, Domain Teks harus berbeda dan unik dari setiap tema yang Anda miliki dengan instalasi WordPress Anda.

Sekarang, jika kita menavigasi ke Dasbor Admin WordPress → Penampilan → Tema, kita akan melihat bahwa Twenty Fifteen Child telah muncul. Kita bisa menerapkan tema itu di situs kita.

Karena style.css hadir di direktori tema anak. WordPress akan memuat style.css itu dan bukan style.css tema induk. Setiap file lain seperti index.php , page.php , functions.php akan dimuat dari tema induk.

Karena kita tidak memiliki gaya yang ditentukan dalam style.css tema anak, kita harus mengimpor gaya. Praktik terbaik yang direkomendasikan pada codex WordPress adalah mengantrekan style sheet menggunakan file functions.php.

Langkah 2: Enqueue Style Sheets Menggunakan functions.php

Tidak seperti file lain, teori di balik file functions.php dalam tema anak WordPress adalah: WordPress pertama-tama memuat functions.php dari tema anak dan menginisialisasi fungsi-fungsi di dalamnya, kemudian ia juga akan menjalankan functions.php tema induk.

Seperti yang saya sebutkan sebelumnya, cara terbaik untuk mengimpor lembar gaya adalah dengan memasukkannya ke dalam antrean melalui file functions.php .

Buat file functions.php di direktori tema anak Anda dan tambahkan kode berikut.

 <?php
add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
fungsi enqueue_parent_styles() {
wp_enqueue_style( 'gaya orang tua', get_template_directory_uri().'/style.css' );
}

Ini akan memanggil style sheet " style.css " dari file tema induk. Jika Anda ingin mengedit apa pun di lembar gaya, Anda dapat menambahkan aturan tersebut di style.css dari tema anak.

Langkah 3: Edit File style.css dari Tema Anak

Di tema anak WordPress, Anda dapat dengan mudah mengedit lembar gaya dengan menentukan aturan di style.css di folder tema anak. Misalnya, jika kita ingin mengubah warna jangkar yang perlu kita lakukan adalah menambahkan kode berikut di style.css tema anak kita

 A {
warna: #D54E21;
dekorasi teks: tidak ada;
}

Apa yang terjadi di sini adalah bahwa aturan style.css tema anak untuk "a" menimpa style.css tema induk, sisanya tetap utuh.

Langkah 4: Edit File Template single.php

Kita dapat dengan mudah mengedit file template individu dalam tema anak. Misalnya, jika kita ingin mengedit single.php maka kita perlu menyalin file itu dari folder tema induk dan menempelkannya di folder tema anak.

Katakanlah kita ingin menghapus bagian komentar dari halaman posting tunggal. Setelah menyalin file di folder tema anak kami, kami dapat mengeditnya dan menghapus bagian komentar berikut.

 // Jika komentar terbuka atau kami memiliki setidaknya satu komentar, muat template komentar.
if ( comments_open() || get_comments_number() ):
komentar_templat();
berakhir jika;

Apa yang terjadi di sini adalah WordPress memeriksa folder tema anak untuk single.php , jika ada di direktori itu akan memuatnya dari sana, jika tidak maka akan jatuh kembali ke folder tema induk.

Sama seperti itu, kita dapat mengedit file template individual di tema kita. Pendekatan ini umumnya bagus karena menjaga tema induk kita tetap utuh dan memperbarui tema induk tanpa kehilangan penyesuaian kita.