Panduan Lengkap Tema Anak WordPress

Tema anak WordPress. Mereka mungkin terdengar (dan tampak) menakutkan pada awalnya, tetapi setelah Anda mempelajari seluk beluk (serta keindahan) tema anak WordPress, Anda akan bersenang-senang. Dalam posting ini, kami akan membagi tema anak WordPress menjadi beberapa bagian. Dengan kata lain, kita akan belajar:

Apa itu Tema Anak WordPress
Kelebihan Tema Anak WordPress
Kekurangan 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 anak WordPress pada dasarnya adalah tema WordPress yang “meminjam” file template dan fungsi dari tema WordPress lain yang dikenal sebagai tema induk. Jangan meninju apa pun dulu, saya akan menjelaskan semuanya secara detail, saya janji.

Tema induk adalah tema khas WordPress seperti Total WordPress Theme terlaris kami, tema default Twenty Fourteen, 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 setelah saya jelaskan. Salah satu pertanyaan yang mungkin terlintas di benak Anda saat ini adalah: Mengapa seseorang ingin menggunakan tema anak sementara ada banyak tema induk?

Jawabannya cukup sederhana. Sebagian besar tema induk mendapatkan pembaruan sesekali. Jadi, jika Anda mengambil tema induk dan menyesuaikan kode (dan gayanya), Anda akan kehilangan semua perubahan ini saat Anda memperbarui tema lagi. Di sinilah tema anak WordPress berperan. Tema anak WordPress memberi Anda kemampuan untuk menyesuaikan tema induk tanpa mengambil risiko kehilangan perubahan saat Anda memperbarui. Tentu saja, Anda dapat memilih untuk tidak melakukan pembaruan jika Anda tidak keberatan memaparkan situs web Anda kepada peretas.

Melanjutkan…

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

Tekan tombol bekukan. Bagaimana cara 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 lanjut tentang itu sebentar lagi. Karena kita akan membuat tema anak nanti di postingan ini, saya hanya akan memperkenalkan beberapa konsep dasar untuk mengungkapkan alur yang saya bicarakan dan memberi Anda pemahaman yang lebih baik tentang tema anak.

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

/*
Theme Name : The name of your child theme (e.g. Total Child Theme)
Theme URI: http://www.example.com (Your child theme's URL)
Description: A brief description of your child theme
Author: Your name goes here
Template: Your parent theme directory name (e.g. Total, twentyfourteen, etc)
Version: 1.0.0
*/

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

Template: Your parent theme directory name (e.g. Total, twentyfourteen, etc)

Baris ini memberi tahu tema anak Anda dari tema induk mana yang akan meminjam fungsi dan file templat. Baris sederhana ini menghubungkan tema anak Anda ke tema induk, bertindak sebagai saluran di mana tema anak menerima file templat dan fungsi dari tema induk. Ini berarti Anda harus menginstal tema induk di platform WordPress Anda.

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

Singkatnya, baris templat mewarisi (sebagian besar) tema induk Anda saat Anda mengaktifkan tema anak Anda. Semua perubahan yang Anda buat pada tema anak Anda tidak akan terpengaruh jika/ketika Anda memperbarui tema induk. Bagaimana Anda menyukai penjelasan itu? Apakah Anda mengikuti atau kurang 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 yang menggunakan tema yang tidak dibuat khusus untuk situs web mereka untuk menyiapkan dan mengaktifkan tema anak. Kami telah mencantumkan beberapa manfaat utama menggunakan tema anak dan mengapa Anda harus mempertimbangkannya.

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. Oleh karena itu, setiap kali pengembang memperbarui tema induk Anda, Anda dapat meningkatkan situs web Anda dengan aman tanpa kehilangan perubahan khusus.

Tema anak mudah diperluas

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

Tema anak bersifat Fallback-Aman

Setiap pengembang adalah manusia, dan kita semua tahu bahwa melakukan kesalahan adalah hal yang manusiawi. Semua orang membuat kesalahan dan semua orang lupa. Meskipun demikian, Anda akan mendapat keuntungan jika lupa membuat kode untuk sesuatu saat menggunakan tema induk. Hal-hal sedikit berbeda dengan tema anak. Jika Anda lupa beberapa kode, WordPress akan secara otomatis memuat alternatif (atau yang asli) dari tema induk. Tentu saja, ini hanya berlaku jika kode tersebut ada dalam tema induk.

Apa Dampak Negatif Menggunakan Tema Anak?

Meskipun secara umum tema anak sangat bagus dan kami menyarankan semua orang yang menggunakan WordPress untuk mengaktifkan tema anak di situs mereka jika mereka berencana melakukan perubahan potensial di masa mendatang, ada beberapa hal yang harus Anda ingat.

Ada Kurva Pembelajaran

Tema anak terutama untuk memperluas atau menyesuaikan fungsionalitas tema induk Anda yang berarti jika Anda bukan seorang pengembang, tidak banyak yang dapat Anda lakukan dengan tema anak Anda dan Anda sebaiknya mempelajari beberapa pengkodean yang perlu dilakukan. 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 dari tema anak. Bagaimanapun juga, Anda harus mendapatkan strip Anda. Lagi pula, Anda akan melakukan coding seperti profesional dalam waktu singkat!

Segalanya Rusak atau Tertinggal

Jika Anda membangun situs web berdasarkan tema induk, Anda mungkin harus mengubah beberapa hal (misalnya menu, widget, dan/atau opsi tema) saat beralih ke tema anak. Beberapa tema menyimpan pengaturan dalam database berdasarkan nama tema sehingga ketika Anda beralih ke tema anak Anda mungkin terlihat seperti Anda telah kehilangan semua pengaturan tema induk Anda (Pengaturan Penyesuai) tapi jangan khawatir pengaturan tersebut aman di database tetapi Anda akan melakukannya. perlu beralih kembali ke orang tuamu jika hal ini terjadi sehingga kamu dapat menyalin pengaturanmu 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 memigrasikannya.

Selain itu, jika Anda menggunakan tema anak untuk memberikan fungsi tambahan pada situs Anda daripada menggunakan plugin, jika Anda mengganti tema induk, Anda mungkin harus memindahkan beberapa penyesuaian ini ke tema anak yang baru, mengganti nama tema anak Anda saat ini, atau memindahkan tema anak Anda. tweak menjadi plugin khusus.

Bagaimana Cara Membuat Tema Anak WordPress?

Saya ingin berasumsi Anda proaktif dan telah membuat folder dan file style.css "khusus" untuk tema anak Anda. Jika Anda baru saja melompat ke bagian ini (atau sudah tidak sabar 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 Manajer File di cPanel Anda. Alternatifnya, Anda dapat menggunakan klien FTP seperti FileZilla jika Anda mengaktifkan akun FTP.

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

/*
Theme Name : The name of your child theme (e.g. Total Child Theme)
Theme URI: http://www.example.com (Your child theme's URL)
Description: A brief description of your child theme
Author: Your name goes here
Template: Your parent theme directory name (e.g. Total, twentyfourteen, etc)
Version: 1.0.0
*/

Itu kode yang sama yang kita gunakan sebelumnya.

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

function total_child_enqueue_parent_theme_style() {
	
	// Dynamically get version number of the parent stylesheet (lets browsers re-cache your stylesheet when you update your theme)
	$theme   = wp_get_theme( 'Total' );
	$version = $theme->get( 'Version' );
	
	// Load the stylesheet
	wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css', array(), $version );
	
}
add_action( 'wp_enqueue_scripts', 'total_child_enqueue_parent_theme_style' );

Pastikan untuk mengubah tulisan “Total” menjadi nama tema induk Anda. Ini akan memungkinkan tema anak Anda memperbarui secara dinamis nomor versi yang ditambahkan ke style.css induk sehingga ketika tema induk diperbarui jika ada perubahan apa pun pada file style.css di tema induk, browser dan CDN Anda akan dibiarkan ( jika menggunakan salah satunya) cache ulang stylesheet dan cegah situs Anda mengalami masalah CSS saat dilihat.

Menyesuaikan Tema Anak Anda

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

Untuk menyesuaikan tema anak Anda, cukup tambahkan gaya Anda ke file style.css yang Anda buat. Mereka akan mengganti gaya terkait yang ditemukan di tema induk.
Untuk mengedit file templat, salin file tersebut ke tema anak Anda terlebih dahulu, lalu edit dari sana. Namun tidak SEMUA file dapat disalin ke tema anak Anda dan dimodifikasi, Anda hanya dapat menyalin file template. Jadi, jika tema memiliki file tertentu di dalam folder include, inc, fungsi atau lainnya yang menyimpan kelas dan fungsi khusus, Anda mungkin tidak dapat menyalin dan memodifikasinya. Untuk kasus tersebut, Anda mungkin ingin mempertimbangkan penggunaan filter atau kait tindakan untuk mengubah fungsi tema induk default.
Anda dapat menambahkan file templat khusus ke tema anak Anda untuk mendapatkan lebih banyak fungsi
Gunakan file function.php tema anak Anda untuk menambahkan fungsi khusus dan memanfaatkan tema induk atau filter WordPress. Jangan menambahkan fungsi baru ke file function.php di tema induk Anda!

WordPress akan memuat file dan gaya templat di tema anak Anda terlebih dahulu, tetapi jika ada yang hilang, WordPress akan memuat file terkait di tema induk. Oh ya, tema anak aman untuk cadangan, tapi saya yakin kami sudah mengatakannya.

Dan itu saja.

Untuk menyelesaikan semuanya…

Tema anak sangat kuat dalam hal penyesuaian dan ekstensibilitas. Selain itu, mereka memberikan landasan pembelajaran yang baik bagi siapa pun yang ingin mempelajari pengembangan tema WordPress. Mereka sederhana dan menyenangkan untuk dibuat dan memberi Anda banyak pilihan untuk mengubah situs WordPress Anda sesuka Anda.

Rancanglah dan bersenang-senanglah, dan jangan pergi sebelum berbagi dengan kami di komentar di bawah. Kami menyukai dan menghargai masukan Anda ?