Cara Mengganti Fungsi Tema Induk Dalam Tema Anak

Jika Anda membuat tema anak di WordPress, kemungkinan besar Anda ingin mengganti beberapa fungsi di tema induk. Dalam artikel ini, kami akan menunjukkan cara mengganti fungsi tema induk di tema anak Anda. Pertama, Anda perlu memahami bagaimana WordPress memuat fungsi. Saat suatu fungsi dipanggil, WordPress pertama kali mencarinya di tema anak. Jika tidak menemukannya, itu terlihat di tema induk. Jadi, jika Anda ingin mengganti suatu fungsi, Anda hanya perlu membuatnya di tema anak Anda. Katakanlah Anda ingin mengganti fungsi get_header() tema induk. Anda cukup membuat fungsi get_header() di file functions.php tema anak Anda. Fungsi baru akan terlihat seperti ini: function get_header() { // kode Anda di sini } Sekarang, ketika WordPress memanggil fungsi get_header(), itu akan menggunakan fungsi baru Anda alih-alih fungsi tema induk. Tentu saja, Anda juga dapat mengganti fungsi hanya dengan menyalinnya dari tema induk ke tema anak. Namun, kami tidak menyarankan pendekatan ini karena mudah lupa untuk memperbarui fungsi di tema anak saat tema induk diperbarui. Lebih baik menggunakan pendekatan override sehingga Anda dapat yakin bahwa tema anak Anda selalu menggunakan versi terbaru dari fungsi tema induk.

Artikel ini akan memandu Anda melalui cara mengganti fungsi parental theme WordPress. Anda dapat mengubah urutan fungsi yang diaktifkan dengan menggunakan salah satu dari tiga metode, atau Anda dapat mencegahnya terjadi sama sekali. Saat membuat tema induk, sebaiknya sertakan plug-in untuk fungsi Anda sehingga dapat dengan mudah dimodifikasi di tema anak . Untuk menghapus fungsi dari tema induk, gunakan metode remove_action() dan remove_filter(). Bergantung pada kait mana yang Anda gunakan, tingkat prioritas fungsi akan ditentukan. Jika suatu fungsi memiliki prioritas 20, menulis ulang tema anak dengan prioritas 25 akan menyebabkannya berperilaku berbeda dari saat fungsi pertama kali dibuat. Prioritas, di sisi lain, tidak ada hubungannya dengan bagaimana Anda menulis fungsi baru Anda; cukup pilih apa yang ingin Anda lakukan.

Tema Anak WordPress Tema Anak

Tema anak WordPress adalah tema yang mewarisi fungsinya dari tema lain, yang disebut tema induk. Tema anak sering digunakan saat Anda ingin melakukan perubahan pada tema yang ada, tanpa kehilangan kemampuan untuk memperbarui tema induk. Saat tema anak aktif, WordPress pertama-tama akan mencari file template di direktori tema anak. Jika file template tidak ditemukan di direktori tema anak, WordPress akan mencari file template yang sama di direktori tema induk. Ini memungkinkan Anda untuk mengganti file template apa pun di tema induk, tanpa harus mengedit file tema induk secara langsung.

WordPress mempermudah pembuatan situs web dengan pengetahuan minimal tentang HTML, CSS, dan/atau PHP. Kerugian dari metode ini adalah setelah tema diperbarui oleh pengembang, semua modifikasi yang dilakukan akan hilang. Menggunakan tema anak adalah ide yang jauh lebih baik karena memungkinkan Anda membuat perubahan pada situs web tanpa harus mengubah apa pun dari tema tersebut. File tema diedit atau diubah tergantung pada apakah tema anak adalah tema asli atau tema yang dimodifikasi. Karena itu hanya mengubah bagian dari tema induk yang Anda tentukan, itu tidak menyalin semuanya. Agar tema anak berfungsi dengan baik, ada tiga hal yang harus ada: folder, lembar gaya, dan file functions.php. Tema anak harus menyertakan foldernya sendiri, lembar gaya, dan file functions.php.

Tema anak terletak di area WP-content/themes instalasi WordPress, sama seperti tema lainnya. Anda hanya perlu nama tema dan template. Sangat penting untuk menyimpan sisanya secara ketat untuk tujuan penerbitan, karena saya tidak. Jika Anda menggunakan functions.php, Anda dapat mengubah dan menambahkan fungsionalitas dan fitur ke situs web WordPress. Membuat file semudah membuat style sheet. Jika Anda tidak ingin menggunakan PHP untuk memodifikasi tema, Anda bisa melakukannya tanpa itu. Jika Anda memiliki tema induk, Anda harus mengetahui seperti apa tampilan situs web Anda.

Jika Anda ingin membuatnya di sini, Anda harus terlebih dahulu mendapatkan informasi pada lembar gaya tema induk Anda. CSS dan aturan @import adalah dua cara untuk melakukan ini. Jika semuanya berjalan dengan baik, tema anak Anda akan terlihat seperti yang Anda buat untuknya. Kami sekarang dapat mulai menyesuaikan tema kami dan mengubah hal-hal di sekitar untuk mencapai hasil yang diinginkan. Berbagai opsi tersedia untuk penyesuaian, dan kami akan membahas masing-masing secara menyeluruh. Gaya kustom dapat ditambahkan ke tema anak yang akan memiliki hierarki gaya yang sama dengan tema induk. Metode yang Anda gunakan dapat digunakan untuk membuat sejumlah perubahan pada situs web Anda.

Itu selalu merupakan ide yang baik untuk menjaga struktur folder tema anak dalam urutan yang sama dengan tema induk. Jika file bernama template halaman dalam tema induk berisi folder bernama template halaman, Anda dapat membuat folder yang berisi nama yang sama di direktori tema anak Anda. Kami hanya mengganti nama page.php dari tema induk menjadi custom-full-width.php untuk membuat template halaman kustom kami. Contoh pertama adalah fungsi footer-custom.php yang menambahkan kelas lebar penuh ke elemen footer, seperti yang ditunjukkan di bawah ini. Sekarang kita hanya perlu memasukkan kode pada style sheet di bawah ini. Ini adalah halaman lebar penuh kami. Meskipun mungkin ada beberapa pemolesan, kami harus puas dengan hasilnya untuk saat ini.

Kait tema memungkinkan Anda menyesuaikan tema anak tanpa harus mengedit file intinya. Anda dapat langsung menambahkan konten ke tema, seperti fungsi, dengan menggunakan kait tema. Kait datang dalam dua jenis: kait aksi dan kait filter. Fungsionalitas khusus dapat ditambahkan ke fungsi yang ada dengan kait tindakan, sedangkan fungsi filter dapat memodifikasi fungsi yang ada. Membuat tema anak di WordPress itu sederhana; hanya satu baris kode yang diperlukan untuk melakukannya. Dalam hal ini, fungsi untuk mengkredit footer dalam tema Dua Puluh Lima Belas sedang ditargetkan. Jika Anda menggunakan opsi functions.php , pastikan bahwa file footer.php yang dimodifikasi di tema anak Anda juga dihapus.

Kait dalam tema anak dapat memperluas cakupan karya seni anak Anda. Dengan tema anak, kita dapat menyesuaikan situs web sepenuhnya dan tanpa memodifikasi file inti. Akibatnya, jika Anda ingin menambahkan tema atau kerangka kerja, Anda dapat melakukannya tanpa menulisnya dari awal; perubahan Anda dilindungi dari pembaruan tema; dan, jika terjadi kesalahan, Anda akan selalu memiliki tema fungsional .

3 Alasan Menggunakan Tema Anak

Ada beberapa alasan mengapa Anda mungkin ingin menggunakan tema anak. Anda dapat menambahkan lebih banyak penyesuaian ke tema yang ada. Jika Anda ingin menyesuaikan tampilan situs, Anda dapat melakukannya dengan tema yang sudah memiliki fitur kustomisasi. Jika Anda tidak memiliki waktu atau pengetahuan untuk memodifikasi kode asli, Anda dapat menggunakan tema. Sebagian besar waktu, menggunakan tema anak adalah cara paling nyaman untuk mendapatkan hasil yang diinginkan. Saat Anda menggunakan tema induk yang baik , Anda akan melihat dan memahami perubahan yang Anda buat. Salah satu dari banyak keuntungan menggunakan tema anak adalah Anda dapat membuat tema yang khusus untuk anak Anda, tetapi ada beberapa kelemahannya. Tema anak mungkin berbenturan dengan plugin, tema, atau kemampuan penyesuaian lain yang telah Anda buat. Masalah kedua dengan WordPress adalah tema anak tidak berfungsi dengan versi platform yang lebih lama. Semua tema anak tidak selalu kompatibel dengan semua plugin WordPress. Manfaat menggunakan tema anak jauh lebih besar daripada kerugian menggunakan tema induk. Anda mungkin masih ingin menggunakan demo atau mencoba tema anak sebelum menerbitkannya.

Cara Menambahkan Fungsi Php Di Tema Anak

Dalam kasus kami, php hanya perlu membuat file dengan nama "fungsi", sehingga kami dapat menyimpannya di folder tema anak kami. Untuk menyimpan tag php yang terletak di editor teks Anda, masukkan tag pembuka dan penutup PHP dan simpan sebagai fungsi. Anda juga memiliki pilihan. File fungsi pertama akan diunggah ke folder tema anak Anda setelah diunggah.

Dalam tutorial ini, kita akan belajar cara menambahkan fungsi ke tema anak WordPress. Dalam tema Twenty Twelve, kami akan memberikan tampilan yang berbeda pada informasi meta postingan. Anda akan mempelajari cara menambahkan fungsi ke tema anak dalam tutorial ini, sebagai bagian dari rangkaian. Ketika kita melihat file functions.php yang termasuk dalam Twenty Twelve, kita dapat melihat bahwa header-nya berisi baris yang sangat menarik. Fungsi plugable dibungkus dalam panggilan seperti ini. Fungsi 20thwelve_nice_function (dengan asumsi itu ada) hanya akan dimuat jika tidak ada dalam tema induk. Untuk membuat file kosong, masukkan functions.php ke folder tema anak kita.

Dalam tutorial ini, kita akan memodifikasi output default dari tema Twenty Twelve. Divisi baru akan dibuat untuk menangani fungsi yang menghasilkan string yang diformat untuk baris informasi meta pos. Kita harus memiliki aturan CSS child-custom-meta div pada saat kita membuatnya. File functions.php baru dan file style.html baru harus diunggah ke folder tema anak.

Cara Mengakses File Dalam Tema Anak Anda

Struktur folder tema anak memungkinkan Anda untuk memodifikasi file tertentu dalam tema. Untuk memulai, folder tema anak harus ditemukan di situs Anda. Setelah itu, gunakan jalur berikut: br>a href=www.yourdomain.com/br>www.yourdomain.com/yourparenttheme folder/br>www.yourdomain.com/yourchildtheme folder/br>/a> Jika tema anak Anda ada di sites/blog/themes/childtheme, misalnya, parent theme Anda akan berada di sites/blog/themes/childtheme. Pastikan bahwa perubahan pada header dibuat. Anda akan dapat membaca file dengan membuka situs/blog/tema/tema anak/tajuk, misalnya. Jika Anda ingin mengubah seluruh tema induk daripada file tertentu dalam tema anak, Anda dapat mengakses file tema induk menggunakan struktur folder tema induk. Untuk memulai, pastikan Anda memiliki folder tema induk di situs Anda. Berikut ini adalah langkah selanjutnya. www.sitename.com/ Jika tema induk Anda terletak di situs/blog/tema/default, misalnya, file tema induk Anda akan berada di sana.