Cara membuat Tema Anak WordPress

Diterbitkan: 2020-04-16

Apakah Anda siap untuk membuat tema anak di WordPress?

Isi
1 Instalasi Tema Induk
2 Cara Membuat Direktori Tema Anak WordPress
3 Buat Lembar Gaya
4 Buat File Fungsi
5 Mekanisme untuk membuat Tema Anak di WordPress
6 Saran untuk Pembuat Tema Anak
7 File dalam Tema Anak
8 Cara Mengaktifkan Tema Anak
9 Cara Membuat dan Menyesuaikan Tema Anak WordPress
10 Perbaiki Kesalahan Tema Anak dan Orang Tua
11 Hal Yang Perlu Diingat untuk Tema Anak WordPress

Instalasi Tema Induk

Anda perlu memutuskan tema mana yang Anda sukai. Tergantung pada preferensi Anda, Anda harus memilih tema yang ingin Anda pilih sebagai tema induk.

Cara Membuat Direktori Tema Anak WordPress

Buat file baru di folder public_html/wp-content/themes dari instalasi WordPress untuk menyimpan tema. Hindari melakukan ini di situs langsung. Anda dapat menguji ini di situs pengembangan sebelum menerapkan di situs pementasan. Biasanya, ada praktik yang baik untuk menjaga nama folder baru dimulai dengan nama tema induk diikuti dengan akhiran.

Proses ini melibatkan pembuatan dua file: stylesheet dan file fungsi.

Buat Lembar Gaya

Buat file baru
style.css
di dalam folder dan tambahkan kode berikut:
 /*

Nama Tema: Tema Anak CodeFlist

URI Tema: https://yourwebsite.com/codeflist-child/

Deskripsi: Tema anak dari tema CodeFlist induk

Pengarang: Amar Raj Mahato

URI Penulis: https://demo.codeflist.com/

Template: CodeFlist

Versi: 1.0.0

Tags: hitam, hijau, putih, terang, gelap, dua kolom, tiga kolom, bilah sisi kiri, bilah sisi kanan, tata letak tetap, tata letak responsif, latar belakang khusus, header khusus, menu khusus, editor- gaya, gambar unggulan, tajuk fleksibel, templat lebar penuh, format mikro, format pasca, dukungan bahasa rtl, posting tempel, opsi tema, siap terjemahan, siap aksesibilitas, tata letak responsif, tak terbatas- gulir, post-slider, desain, makanan, jurnal, majalah, berita, fotografi, portofolio, bersih, kontemporer, gelap, anggun, modern, profesional, canggih, Foto-foto gratis,

Domain Teks: codeflist-anak

*/

Kode ini memberi tahu WordPress tentang tema tersebut. Saat teks dikomentari, teks tidak menjalankan apa pun di situs Anda. Setiap tema memiliki file ini agar terbiasa dengan WordPress.

Baris yang memiliki Nama Tema dan Template tidak dapat dilewati dalam kode ini. Templat harus berisi nama direktori dari tema induk. Biasanya case sensitif juga. Semua bidang lain harus ditulis sesuai kebutuhan. Pastikan Anda melakukannya dengan benar dengan editor favorit Anda.

Buat File Fungsi

Penambahan file fungsi merupakan langkah penting untuk mengantrekan stylesheet dari tema induk. Jika Anda melewatkan langkah ini, maka tema anak Anda tidak akan memiliki gaya sama sekali. Juga, tambahkan file
function.php
di folder baru. Tambahkan kode berikut ke dalamnya:
 <?php
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
?>

Mekanisme untuk membuat Tema Anak di WordPress

Mereka bekerja pada tingkat file. Ketika suatu fungsi memanggil file, ia memeriksa apakah itu ada atau tidak. Dalam hal, file tidak ada dalam tema anak, itu akan dimuat dari tema induk. Namun, ia memiliki pengecualian dalam bentuk file fungsi tema. jika
function.php
file dipanggil, itu dimuat dari kedua lokasi. Situs Anda akan tidak berfungsi jika fungsi tema induk tidak berfungsi. Jika seluruh konten file fungsi tema induk disalin ke anak maka itu akan menjadi solusi. Ini bukan pendekatan yang baik untuk memperluas tema. Jika file footer akan diubah maka file footer dari induk harus disalin ke anak. Kemudian proses file dan simpan perubahannya. Ini berlaku di semua bagian yang ingin Anda ubah.

Saran untuk Pembuat Tema Anak

Anda perlu tahu perbedaan antara
get_stylesheet_directory()
dan
get_template_directory()
jika Anda membuat tema Anda sendiri. Anda harus jelas bahwa
get_template_ fungsi
akan selalu mengarahkan direktori tema induk dan
dapatkan_stylesheet_ poin
direktori tema anak. Pilihan ada di tangan Anda, apakah Anda ingin menggunakan orang tua atau anak.

File dalam Tema Anak

Setidaknya ada dua file, stylesheet, dan file fungsi. Stylesheet memberi tahu WordPress tentang jenis tema. Ini juga memberikan gambaran tentang tema induk. Semua detail disertakan dalam stylesheet dengan bantuan format teks komentar.

Ada praktik yang salah dalam memanggil satu stylesheet dari stylesheet lain. Bahkan, Anda harus mengantrekan file fungsi. Harus ada fungsi dalam file fungsi yang mengantrekan stylesheet.

Tema induk berisi
index.php
file tetapi tidak diperlukan dalam tema anak.

Cara Mengaktifkan Tema Anak

WordPress menggunakan file dari tema induk kecuali Anda menimpanya dengan menambahkan file ke tema anak. Pergi ke
Penampilan>Tema
, Anda akan menemukan tema di antara tema-tema yang terpasang di situs Anda. Anda perlu mengaktifkan untuk menikmati fitur-fiturnya. Jika Anda belum menambahkan penyesuaian apa pun, maka tampilannya akan sama.

Cara Membuat dan Menyesuaikan Tema Anak WordPress

Sekarang, ketika Anda memiliki tema yang berfungsi, Anda dapat menambahkan penyesuaian sesuai dengan kebutuhan yang Anda inginkan. Jika Anda ingin mengedit lembar gaya maka Anda dapat menentukan aturan di
style.css
di folder tema anak. Anda tidak hanya dapat mengedit file template tetapi Anda juga dapat memperbarui tema induk tanpa kehilangan penyesuaian apa pun. Namun, fungsi menulis bisa lebih kompleks daripada menambahkan file template. Jika Anda ingin menambahkan fungsi baru, Anda harus pergi ke
function.php
mengajukan. Setelah Anda menulis fungsi, tambahkan tindakan atau filter yang relevan untuk menambahkan fungsionalitas tambahan.

Pada dasarnya, ada tiga metode jika Anda berencana untuk mengganti fungsi tema induk.

  • Saat Anda memiliki tema induk yang dapat dicolokkan, Anda dapat menulis fungsi lain di tema anak dengan nama yang sama. Fungsi dalam tema induk akan dilewati karena hal ini.
  • Saat Anda memiliki tema induk yang tidak dapat dicolokkan, pelepasan kait dapat dilakukan untuk mencegah menjalankan fungsi dari tema induk.
  • Ada kasus ketika Anda dapat menambahkan fungsi baru untuk dilampirkan ke kait yang sama tetapi dengan nama yang berbeda. Ini dilakukan tanpa mengesampingkan atau menghapus fungsi.

Perbaiki Kesalahan Tema Anak dan Orang Tua

Setelah pembuatan tema anak, mungkin ada beberapa masalah karena beberapa fungsi, gaya, atau file lainnya. Ada serangkaian langkah untuk memastikan semuanya benar.

  1. Periksa apakah tema anak telah diaktifkan atau belum. Anda harus yakin tentang status tema induk.
  2. Bersihkan cache browser dan cache yang dibuat oleh plugin.
  3. Periksa apakah Anda telah menamai file dengan benar dengan sintaks yang benar saat Anda membuat tema anak di WordPress.
  4. Periksa apakah Anda telah menyimpan perubahan atau tidak.
  5. Jika fungsi pluggable tidak berfungsi, periksa apakah ada nama yang tidak cocok atau fungsi di tema induk dapat dicolokkan atau tidak.
  6. Periksa nilai prioritas dan kait yang ada dalam fungsi jika terjadi masalah utama.
  7. Periksa nilai prioritas, nama, dan pengait jika masalah muncul dari fungsi yang dihapus.
  8. Temukan di mana dan di mana ada kesalahan dalam kode dengan memeriksa file wp-config.php dalam mode debug.
  9. Kode keluaran untuk elemen yang berbeda harus diverifikasi.

Hal Yang Perlu Diingat untuk Tema Anak WordPress

  1. Harus ada stylesheet dan file fungsi dalam tema anak.
  2. Jangan mengedit tema pihak ketiga secara langsung tanpa membuat tema anak. Ini akan melindungi kustomisasi yang dibuat.
  3. Aktifkan tema dan jangan hapus tema induk.
  4. Ketika ada dua file dengan nama yang sama, WordPress akan menggunakan file di anak.
  5. Untuk mengganti fungsi yang dapat dipasang di tema induk, Anda harus membuat fungsi di tema anak dengan nama yang sama.
  6. Dengan menggunakan fungsi remove_action() atau remove_filter() , Anda dapat melepas kaitan fungsi dari tema induk.
  7. Saat Anda membuat fungsi dengan kait yang sama, Anda dapat menambah fungsi tema induk.

Membungkus

Anda harus mengingat hal-hal ini untuk membuat tema anak di WordPress, Anda bisa mendapatkan keuntungan maksimal. Semoga artikel ini menghilangkan keraguan Anda tentang tema anak dan orang tua.

Bacaan Tambahan

WordPress Dapatkan ID Posting
Posting vs Halaman di WordPress
Apa itu Tema Anak WordPress
Cara menghapus tema di WordPress
Bagaimana cara menambahkan kategori di WordPress
Cara mengubah kata sandi di WordPress