Cara Membuat Tema Anak WordPress

Cara Membuat Tema Anak WordPress

Cara Membuat Tema Anak WordPress.

 Cara Membuat Tema Anak WordPress



Mengapa Anda tidak boleh menyesuaikan WordPress dalam tema induk yang ada? Apa yang terjadi pada penyesuaian Anda ketika tema yang Anda gunakan diperbarui?


Jawabannya adalah mereka hilang, dan kerja keras Anda untuk membuat situs Anda sesuai dengan pedoman dan preferensi merek dan pesan Anda juga akan hilang.

Daftar isi


Tema anak memungkinkan Anda membuat lembar gaya CSS terpisah dan menambahkan fungsionalitas tambahan yang tidak akan hilang atau terpengaruh saat tema induk diperbarui.


Ini dapat dilakukan secara manual atau dengan menginstal plugin pembuat tema anak. Mari kita mulai dengan proses manual.


Buat Direktori Baru


Mulailah dengan membuat direktori baru untuk tema anak Anda. Anda dapat menggunakan klien FTP atau mengakses direktori wp-content/themes yang ada melalui cPanel Anda.


Untuk menggunakan cPanel, buka control panel hosting Anda. Pilih pengelola file dan arahkan ke direktori tempat WordPress diinstal.


Ini biasanya dalam direktori bernama public_html. Cari dan buka folder wp-content. Klik buat folder baru dan masukkan nama untuk tema anak Anda. Pastikan untuk memberinya nama yang akan Anda kenali nanti. Contoh yang bagus adalah nameofparenttheme-child.


Jangan sertakan spasi apa pun dalam nama file Anda untuk menghindari kesalahan.


Karena penanganan internal, nama folder harus menyertakan nama tema induk (tema 'siput') seperti yang ditunjukkan pada contoh di bawah ini.


Buat Lembar Gaya CSS


Stylesheet digunakan dalam tema WordPress karena dua alasan.

  * Ini adalah lokasi gaya yang memengaruhi tampilan situs Anda.

* Lembar gaya utama tema adalah tempat WordPress mencari informasi tentang tema.


Anda mungkin tidak ingin menambahkan gaya baru apa pun di tema anak. Namun, stylesheet masih perlu ada untuk menentukan spesifik seperti nama tema Anda dan nama tema induk.


Oleh karena itu, Anda perlu membuat lembar gaya baru untuk tema anak Anda. Jadi, langkah Anda selanjutnya adalah membuat file teks untuk stylesheet CSS yang akan menentukan aturan yang mengontrol tampilan tema anak Anda.


File CSS tema anak kemudian akan didahulukan dari tema induk.


Anda perlu menyertakan informasi berikut dalam file teks Anda:

  * Nama tema Anda.

  * Nama direktori tema induk.

  * Judul dan deskripsi yang masuk akal.


Pastikan untuk menyertakan dalam stylesheet komentar tajuk berikut di bagian atas file. WordPress akan membaca informasi ini dan mengetahui bahwa tema anak sedang digunakan.


Anda ingin memperhatikan tag template. Ini memberi tahu WordPress apa tema induk anak Anda. Perhatikan bahwa folder tempat tema induk Anda berada peka huruf besar-kecil.


Secara teknis, Anda sekarang dapat mengaktifkan tema anak Anda. Namun, jika Anda ingin membuat tema anak yang lebih kompleks, Anda perlu menambahkan fungsi PHP khusus.


Buat file functions.php di child theme (di direktori yang sama dengan file style.css yang Anda buat). Di sinilah hal-hal seperti format posting tambahan harus ditambahkan.


Seperti halnya file CSS Anda, perubahan atau penambahan pada file PHP Anda akan secara otomatis digabungkan dengan atau menimpa fungsi induknya.


Untuk hal-hal seperti format posting yang ditambahkan dengan add_theme_support(), mereka bertindak sebagai penimpaan alih-alih penggabungan.


Saat menggunakan add_theme_support(), Anda perlu melakukan beberapa langkah tambahan untuk memastikan bahwa tema anak menggantikan tema induk.


Ini bisa menjadi rumit, jadi lihat tim Peninjau Tema WordPress saat ini memimpin posting William Patton tentang menggunakan format posting WordPress.


Tambahkan Gaya & Skrip Untuk Mengganti Fungsi Tema Induk

Langkah Anda selanjutnya adalah memastikan tema anak Anda mewarisi fitur dan gaya tema induk atau mencerminkan yang baru yang ingin Anda gunakan.


Gaya digunakan untuk mengubah tampilan situs web Anda. Script meningkatkan fungsionalitas. Cara gaya dan skrip ditambahkan ke situs WordPress Anda sama pentingnya dengan konten file.


Fungsionalitas enqueue WordPress adalah bagaimana menyelesaikannya.


Enqueueing mengacu pada cara gaya dan skrip ditambahkan ke situs WordPress sehingga dapat memengaruhi apa yang dilihat pengguna saat mereka mengunjungi situs Anda.


Menggunakan banyak plugin untuk mencapai hasil yang sama sering menyebabkan masalah kompatibilitas dan situs rusak.


Wp_enqueue tidak hanya meningkatkan kinerja situs web Anda dengan cara mengurangi overhead plugin, tetapi juga meningkatkan pengalaman pengguna.


Cara Menggunakan 'wp_enqueue'


Untuk menampilkan gaya untuk tema anak Anda, Anda perlu menggunakan fungsi yang disebut wp_enqueue_style().


Fungsi ini membutuhkan sedikit informasi, tetapi yang paling penting adalah nama (atau 'pegangan') dan lokasi file.


Di dalam file functions.php tambahkan kode berikut.


Kode ini menambahkan stylesheet dari direktori induk dan kemudian juga menambahkan stylesheet untuk anak yang kita buat sebelumnya. Perhatikan bahwa teks gaya induk harus cocok dengan nama tema induk dengan -style ditambahkan di akhir.


Aktifkan Tema Anak Anda


Jika Anda membuat file untuk tema anak Anda di server di dalam folder wp-content/themes/yourthemename, maka file tersebut akan tersedia di dasbor WordPress untuk Anda aktifkan.

  * Masuk ke dasbor Anda.

  * Buka Penampilan > Tema.

  * Tema anak Anda harus terdaftar.

  * Pilih Pratinjau untuk melihat tampilan situs dengan tema anak baru.

  * Setelah Anda puas dengan tampilannya, klik Aktifkan untuk menayangkannya.


Jika Anda membuat tema anak Anda di tempat lain selain di server di folder wp-content/themes/yourthemename, maka Anda harus zip folder tema anak baru Anda.

  * Masuk ke dasbor WordPress Anda.

  * Buka Penampilan > Tema.

  * Klik Tambah baru.

  * Pilih Unggah Tema.

  * Seret file zip Anda ke kotak baru yang muncul atau klik pemilih file dan jelajahi file tersebut di komputer Anda.

  * Setelah diunggah, Anda dapat mempratinjaunya dan kemudian mengaktifkannya.


Tambahkan File Template


Untuk mengganti template lain, Anda dapat menyalinnya dari tema induk ke tema anak. File template apa pun yang memiliki nama yang sama di anak seperti di induk bertindak sebagai penimpaan. Kemudian sesuaikan isi template sesuai kebutuhan.


Untuk menambahkan template baru, ini hanya kasus membuat file baru dengan nama yang benar dan menambahkan konten Anda sendiri. Bagian di atas menjelaskan proses manual.


Sekarang mari kita membahas cara membuat tema anak dengan plugin WordPress.


Gunakan Plugin WordPress


Masuk ke dasbor WordPress Anda. Klik Plugin > Tambah Baru. Cari tema anak.


Plugin pertama yang akan Anda lihat adalah Child Theme Configurator. Ini adalah pilihan yang baik, seperti yang terlihat pada tangkapan layar di atas, karena ini:

  * Kompatibel dengan versi WP saat ini.

  * Memiliki banyak instalasi.

  * Baru-baru ini diperbarui.


Klik Instal sekarang > Aktifkan. Langkah selanjutnya adalah menavigasi ke Alat dan kemudian pilih tema anak.


Temukan dan pilih tema induk Anda dari menu tarik-turun. Pilih analisis untuk memastikan tema Anda boleh digunakan sebagai tema anak.


Di bawah ini adalah tutorial langkah demi langkah tentang cara mengatur Child Theme Configurator. Jika Anda memutuskan untuk menggunakan plugin WordPress yang berbeda, Anda dapat dengan mudah menemukan tutorial tentang cara mengaturnya juga.


IFRAME: https://www.youtube.com/embed/xL0YmieF6d0?feature=oembed


Seperti yang Anda ketahui sekarang, tema anak adalah tema berbeda yang bergantung pada tema induknya untuk beberapa fungsinya.


Saat Anda menggunakan tema anak, WordPress akan mencari anak sebelum orang tua dan mengikuti gaya dan fungsionalitas anak jika ada.


Hemat banyak waktu, masalah, dan sakit kepala di masa mendatang saat tema induk diperbarui dengan membuat anak yang tidak akan terpengaruh oleh pembaruan.


Sekian artikel tentang Cara Membuat Tema Anak WordPress. Baca juga artikel mengenai 6 Cara Membuat Unduhan Steam Lebih Cepat yang mungkin perlu Sobat ketahui.

Lebih baru Lebih lama