Panduan Lengkap Tema WordPress Child

Tema anak WordPress. Mereka mungkin terdengar (dan tampak) mengintimidasi pada awalnya, tetapi begitu Anda mempelajari seluk beluk (dan juga keindahan) tema anak WordPress, Anda akan bersenang-senang. Dalam posting ini, kita akan memecah tema anak WordPress menjadi berbagai bagiannya. Dengan kata lain, kita akan belajar:


  • Apa itu Tema Anak WordPress
  • Kelebihan Tema Anak WordPress
  • Kerugian dari Tema Anak WordPress
  • Cara Membuat Tema Anak WordPress
  • Sumber Daya Tema Anak WordPress

Apa Itu Tema Anak WordPress?

Jadi, apa itu tema anak WordPress?

Tema WordPress anak pada dasarnya adalah tema WordPress yang “meminjam” file templat dan fungsi dari tema WordPress lain yang dikenal sebagai tema induk. Jangan meninju apa pun, saya akan menjelaskan semuanya secara terperinci yang saya janjikan.

SEBUAH tema orang tua adalah tema WordPress khas seperti Total WordPress Theme terlaris kami, tema Twenty Fourteen default atau tema apa pun yang Anda gunakan di situs web Anda.

Tema anak WordPress paling dasar hanyalah sebuah folder yang berisi file style.css khusus. Jangan khawatir semuanya akan masuk akal begitu saya jelaskan. Salah satu pertanyaan yang mungkin muncul di kepala Anda saat ini adalah: Mengapa seseorang ingin menggunakan tema anak sementara ada banyak tema orang tua?

Jawabannya cukup sederhana. Sebagian besar tema induk mendapat pembaruan sekarang dan kemudian. Jadi, jika Anda mengambil tema induk dan menyesuaikan kode (dan gaya), Anda akan kehilangan semua perubahan ini saat berikutnya Anda memperbarui tema. Di sinilah tema WordPress anak masuk. Tema WordPress anak memberi Anda kekuatan untuk menyesuaikan tema orang tua Anda tanpa risiko kehilangan perubahan saat Anda memperbarui. Tentu saja, Anda dapat memilih untuk menghapus pembaruan jika Anda tidak keberatan mengekspos situs web Anda ke peretas.

Bergerak…

Beberapa paragraf yang lalu, saya menyebutkan bahwa tema anak “meminjam” file templat dan fungsionalitas dari tema induk. Bagaimana ini bisa terjadi? Pikirkan tema anak sebagai bayangan tema; mereka meniru tema orang tua mereka. Itu semua seperti membuat salinan tema orang tua Anda tanpa benar-benar menyalin apa pun. Kedengarannya seperti sihir, benar?

Tekan tombol beku. Bagaimana Anda membuat salinan tema induk tanpa benar-benar menyalin apa pun? Rahasia untuk memahami tema anak terletak di dalam file style.css khusus yang kami sebutkan sebelumnya. Sebenarnya, rahasianya adalah satu baris yang ditemukan di dalam style.css. Baris mana yang Anda tanyakan? Lebih banyak tentang itu sebentar lagi. Karena kami akan membuat tema anak nanti dalam posting ini, saya hanya akan memperkenalkan beberapa konsep dasar untuk mengungkapkan garis yang saya bicarakan dan memberi Anda pemahaman yang lebih baik tentang tema anak.

Untuk membangun tema anak, Anda harus membuat folder (untuk tema anak) di direktori tema WordPress Anda. Anda dapat memberi nama folder apa pun (atau setelah tema Anda). Selanjutnya, Anda harus membuat style.css dengan kode berikut:

/ *
Nama Tema: Nama tema anak Anda (mis. Total Tema Anak)
Tema URI: http://www.example.com (URL tema anak Anda)
Deskripsi: Deskripsi singkat tentang tema anak Anda
Penulis: Nama Anda ada di sini
Templat: Nama direktori tema induk Anda (mis. Total, dua puluh empat belas, dll)
Versi: 1.0.0
* /

Anda harus menyimpan style.css ini di folder tema anak Anda. Sekarang, kembali ke baris keenam (6) dalam kode di atas. Kamu akan lihat:

Templat: Nama direktori tema induk Anda (mis. Total, dua puluh empat belas, dll)

Baris ini memberi tahu tema anak Anda dari mana tema induk untuk meminjam fungsi dan file templat. Baris sederhana ini menghubungkan tema anak Anda dengan tema induk, bertindak sebagai saluran melalui mana tema anak menerima file templat dan fungsi dari tema induk. Ini berarti Anda harus menginstal tema induk pada platform WordPress Anda.

Cukuplah untuk mengatakan, tanpa garis ini, Anda tidak memiliki tema anak. Anda hanya memiliki folder dan file style.css yang khas.

Singkatnya, garis templat mewarisi (sebagian besar) tema orang tua Anda ketika Anda mengaktifkan tema anak Anda. Semua perubahan yang Anda buat pada tema anak Anda tidak akan terpengaruh jika / ketika Anda memperbarui tema orang tua. Bagaimana Anda menyukai penjelasan itu? Apakah Anda mengikuti atau tidak cukup jelas? Jika Anda bersama saya, mari beralih ke kelebihan dan kekurangan tema anak WordPress.

Apa Manfaat Menggunakan Tema Anak??

Ada banyak manfaat dalam menggunakan tema anak dan kami menyarankan siapa pun menggunakan tema yang tidak dibuat khusus untuk situs web mereka untuk menyiapkan dan mengaktifkan tema anak. Kami telah mencantumkan beberapa manfaat utama untuk menggunakan tema anak dan mengapa Anda harus sangat mempertimbangkannya.

Keberhasilan

Pembaruan Aman

Tema anak WordPress hanya meminjam fungsi, templat, dan gaya dari tema induk. Ini memungkinkan Anda untuk menyesuaikan situs web Anda tanpa menyentuh tema induk. Karenanya, setiap kali pengembang memperbarui tema orang tua Anda, Anda dapat dengan aman meningkatkan situs web Anda tanpa kehilangan perubahan khusus.

Tema anak mudah diperluas

Tema WP anak memberi Anda banyak fleksibilitas. Anda dapat membuat file template baru yang bukan bagian dari tema induk. Anda dapat menambahkan fungsi, gaya, dan banyak lagi lainnya. Selain itu, ada banyak kerangka kerja tema komersial dan gratis dengan opsi yang dapat dikembangkan untuk membantu Anda memulai.

Tema anak-anak adalah Fallback-Safe

Setiap pengembang adalah manusia, dan kita semua tahu bahwa berbuat salah adalah manusia. Semua orang membuat kesalahan dan semua orang lupa. Yang mengatakan, Anda akan berada di sup jika Anda lupa kode untuk sesuatu ketika menggunakan tema orang tua. Hal-hal sedikit berbeda dengan tema anak. Jika Anda lupa beberapa kode, WordPress akan secara otomatis memuat alternatif (atau asli) dari tema induk. Tentu saja, ini hanya benar jika kode ada di tema induk.

Apa Negatif Penggunaan Tema Anak??

Meskipun secara umum tema anak sangat bagus dan kami menyarankan agar semua orang yang menggunakan WordPress mengaktifkan tema anak di situs mereka jika mereka berencana membuat potensi perubahan apa pun di masa depan, itu adalah beberapa hal yang harus Anda ingat.

Ada Kurva Belajar

Tema anak terutama untuk memperluas atau menyesuaikan fungsionalitas tema orang tua Anda yang berarti jika Anda bukan seorang pengembang, tidak banyak yang dapat Anda lakukan dengan tema anak Anda dan Anda ingin mempelajari beberapa pengkodean untuk diambil potensi penuh dari tema anak Anda. Jadi jika Anda seorang pemula, Anda perlu waktu untuk mempelajari cara kerja tema induk dan WordPress (serta sedikit kode) secara umum untuk menikmati potensi penuh tema anak. Semua sama, Anda harus mendapatkan garis-garis Anda. Bagaimanapun, Anda akan mengkodekan seperti pro dalam waktu singkat!

Hal-hal Istirahat atau Tertinggal

Jika Anda telah membangun situs web Anda di sekitar tema induk, Anda mungkin harus mengubah beberapa hal (mis. Menu, widget, dan / atau opsi tema) saat Anda beralih ke tema anak. Beberapa tema menyimpan pengaturan dalam basis data berdasarkan nama tema sehingga ketika Anda beralih ke tema anak Anda, sepertinya Anda telah kehilangan semua pengaturan tema induk Anda (pengaturan Customizer) tetapi jangan khawatir mereka aman dalam basis data tetapi Anda akan perlu beralih kembali ke orang tua Anda jika ini yang terjadi sehingga Anda dapat menyalin pengaturan Anda dan memigrasikannya. Dalam tema Total kami, kami menyediakan panel Impor / Ekspor yang berguna tepat di dasbor sehingga Anda dapat menyalin pengaturan Penyesuai tema Anda sebelum beralih ke tema anak Anda dan memindahkannya ke.

Selain itu jika Anda menggunakan tema anak Anda untuk memberikan fungsi tambahan ke situs Anda daripada menggunakan plugin jika Anda pernah mengganti tema orang tua Anda, Anda mungkin harus memindahkan beberapa tweak ini ke tema anak baru, mengubah nama tema anak Anda saat ini atau memindahkan tweak menjadi plugin khusus.

Cara Membuat Tema Anak WordPress?

Saya ingin menganggap Anda proaktif dan telah membuat folder dan file style.css “spesial” untuk tema anak Anda. Jika Anda baru saja melewatkan bagian ini (atau sangat menunggu bagian ini), silakan buka direktori tema WordPress Anda melalui FTP / SFTP (… / wp-content / themes) dan buat folder tempat Anda akan menyimpan tema anak Anda.

Catatan: Anda dapat mengakses direktori tema melalui File Manager di cPanel Anda. Atau, Anda dapat menggunakan klien FTP seperti FileZilla jika Anda memiliki akun FTP yang diaktifkan.

Selanjutnya, buka editor teks favorit Anda (milik saya Notes++) dan buat file style.css dengan info berikut:

/ *
Nama Tema: Nama tema anak Anda (mis. Total Tema Anak)
Tema URI: http://www.example.com (URL tema anak Anda)
Deskripsi: Deskripsi singkat tentang tema anak Anda
Penulis: Nama Anda ada di sini
Templat: Nama direktori tema induk Anda (mis. Total, dua puluh empat belas, dll)
Versi: 1.0.0
* /

Ini kode yang sama yang kami gunakan sebelumnya.

Unggah file style.css Anda ke folder tema anak. Pada titik ini, file style.css Anda kosong (terlepas dari baris di atas, yang tidak melakukan apa pun dalam hal penataan), jadi jangan berharap tema anak Anda terlihat seperti tema orang tua Anda. Untuk mengatasi rintangan ini, Anda dapat mengimpor style.css tema orang tua Anda dengan membuat file functions.php kosong baru di dalam folder tema anak dan menambahkan kode PHP berikut:

function total_child_enqueue_parent_theme_style () {

// Secara dinamis mendapatkan nomor versi dari stylesheet induk (memungkinkan browser melakukan cache ulang stylesheet Anda saat Anda memperbarui tema Anda)
$ theme = wp_get_theme ('Total');
$ version = $ theme-> get ('Version');

// Muat lembar gaya
wp_enqueue_style ('gaya induk', get_template_directory_uri (). '/ style.css', array (), $ versi);

}
add_action ('wp_enqueue_scripts', 'total_child_enqueue_parent_theme_style');

Pastikan untuk mengubah tempat bertuliskan “Total” menjadi nama tema orang tua Anda. Ini akan memungkinkan tema anak Anda untuk memperbarui secara dinamis nomor versi yang ditambahkan ke style.css induk sehingga ketika tema induk diperbarui jika ada perubahan pada file style.css dalam tema induk, ia akan membiarkan browser dan CDN Anda ( jika menggunakan satu) cache ulang stylesheet dan mencegah situs Anda mengalami masalah CSS saat dilihat.

Menyesuaikan Tema Anak Anda

child-theme-customizations

Sekarang sampai pada bagian yang menyenangkan. Anda kemungkinan besar membuat tema anak Anda untuk membuat penyesuaian, jadi selami!

  • Untuk menyesuaikan tema anak Anda, tambahkan saja gaya Anda ke file style.css yang Anda buat. Mereka akan mengganti gaya yang sesuai yang ditemukan dalam tema induk.
  • Untuk mengedit file templat, salin terlebih dahulu ke tema anak Anda, lalu edit dari sana. Tetapi tidak SEMUA file dapat disalin ke tema anak Anda dan diubah, Anda hanya dapat menyalin file templat. Jadi jika tema memiliki file-file tertentu di dalamnya untuk menyertakan, inc, fungsi atau folder lain yang berisi kelas dan fungsi khusus, Anda mungkin tidak dapat menyalinnya dan memodifikasinya. Untuk kasus tersebut, Anda mungkin ingin menggunakan filter atau kait tindakan untuk memodifikasi fungsi tema induk default.
  • Anda dapat menambahkan file templat khusus ke tema anak Anda untuk lebih banyak fungsi
  • Gunakan file functions.php tema anak Anda untuk menambahkan fungsi kustom dan memanfaatkan tema orangtua atau filter WordPress. Jangan menambahkan fungsi baru ke file functions.php di tema orang tua Anda!

WordPress akan memuat file dan gaya templat di tema anak Anda terlebih dahulu, tetapi jika ada yang hilang, WordPress akan memuat file yang sesuai di tema induk. Oh ya, tema anak aman untuk mundur, tapi saya yakin kita sudah mengatakan itu.

Dan itu dia.


Untuk menyelesaikannya …

Tema anak sangat kuat sejauh kustomisasi dan ekstensibilitas pergi. Selain itu, mereka memberikan dasar pembelajaran yang baik bagi siapa pun yang ingin belajar pengembangan tema WordPress. Mereka sederhana dan menyenangkan untuk dibuat dan memberi Anda banyak pilihan untuk mengubah situs WordPress Anda sesuai keinginan Anda.

Desain jauh dan bersenang-senang, dan jangan pergi sebelum berbagi dengan kami di komentar di bawah. Kami menyukai dan menghargai umpan balik Anda ��

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map