Cara Membuat Tema Anak Dasar Untuk Situs WordPress

Diterbitkan: 2022-10-19

Setiap pengembang WordPress yang baik akan memberi tahu Anda bahwa tema anak adalah cara terbaik untuk memodifikasi tema WordPress yang ada. Mengapa? Karena tema anak mewarisi semua fungsi tema induk, dan memungkinkan Anda membuat perubahan tanpa menyentuh kode tema induk. Dengan begitu, saat tema induk diperbarui, perubahan Anda akan dipertahankan. Membangun tema anak adalah proses yang relatif sederhana. Pada artikel ini, kami akan menunjukkan cara membuat tema anak dasar untuk situs WordPress.

Dalam tutorial ini, kita akan membahas cara membuat tema WordPress responsif menggunakan CSS3 dan HTML5. Saat Anda baru mengenal WordPress, mengembangkan tema dari awal cukup sederhana. Tema Anda harus responsif agar berfungsi, jadi pastikan Anda mengikuti beberapa panduan saat membuatnya. Kami akan menggunakan HTML5 dan CSS3 untuk membangun tema WordPress kustom pertama kami dalam tutorial ini. HTML5, versi terbaru dari bahasa markup web HTML, adalah yang kelima dan paling canggih. Cascading Style Sheets (CSS) adalah satu set lembar yang dapat dilihat dan diedit menggunakan komputer. Ada alat yang tersedia yang memungkinkan Anda untuk mengatur perilaku situs web Anda dalam berbagai ukuran layar.

Jika Anda ingin menguji tema sebelum mengunggahnya ke server langsung, pastikan Anda mengujinya di lingkungan lokal. WordPress tersedia untuk server desktop dan server WAMP. Baik WAMP dan Server Desktop dirancang untuk berjalan di Windows dan Mac, tetapi WAMP dirancang untuk Windows dan Server Desktop dirancang untuk Mac. Langkah ketiga melibatkan menambahkan kode berikut: sidebar.php dan function.php. Kode-kode ini dimasukkan untuk memastikan bahwa tema Anda dapat disesuaikan. Pada Langkah 4, Anda akan membuat tata letak untuk tema Anda. Menggunakan kueri media, kita dapat memodifikasi header, footer, index.html, style.html, dan bagian lain dari halaman web.

File PHP diperlukan untuk halaman ini. Jika Anda telah mengikuti langkah-langkah ini, tema WordPress baru Anda kemungkinan besar akan siap, dengan semua template dan lembar gaya yang diperlukan. File footer.php mendefinisikan tingkat yang lebih rendah dari situs Anda, termasuk tag <html> dan >body. Selanjutnya, Anda harus menyertakan sejumlah elemen semantik HTML5, seperti badan utama HTML5, header HTML5, bagian HTML5, dan artikel HTML5. Untuk menampilkan konten posting, Anda harus menggunakan loop WordPress, yang merupakan komponen penting. Tidak mudah untuk membuat tema WordPress dari awal, terutama jika Anda seorang pemula. Jika Anda menginginkan tema WordPress yang responsif, Anda perlu tahu langkah apa yang perlu Anda ambil.

Cara Membuat Tema Anak

Untuk membuat tema anak, Anda perlu membuat folder baru untuk tema anak dan file style.css . File style.css harus berisi yang berikut ini: /* Nama Tema: Template Tema Anak Saya: folder tema induk */ @import url(“../folder tema-orangtua/style.css”); Anda kemudian dapat menambahkan kode CSS khusus Anda di bawah aturan @import.

Meskipun fungsi tema anak identik dengan tema induk, Anda dapat menambahkan fitur baru dan menyesuaikannya. Tema untuk anak-anak disimpan terpisah dari tema orang tua mereka, dan tidak ada orang tua yang dapat mengaksesnya. Memiliki tema anak memudahkan untuk memperbarui dan memelihara situs web Anda. Selain itu, ini akan mencegah Anda menimpa dan kehilangan tampilan situs web Anda. Semua yang Anda lakukan dengan tema anak Anda disalin dari tema induk Anda. Ini mencakup semua file template , fungsi, dan aset, serta aset JavaScript. Dalam kebanyakan kasus, Anda hanya perlu menambahkan beberapa baris kode ke file style.html.

Salah satu cara tercepat untuk membuat tema anak WordPress adalah dengan plugin. Untuk memilih tema induk Anda, klik menu tarik-turun. Jika Anda memiliki beberapa tema di situs Anda, pastikan untuk memilih salah satu yang ingin Anda sesuaikan. Setelah itu, Anda harus menyelesaikan proses penamaan tema anak Anda dan menulis deskripsi. Halaman ini juga memungkinkan Anda untuk mengirimkan permintaan dukungan atau analisis data mentah kepada pembuat plugin. Langkah-langkah berikut mungkin tidak dilakukan jika tema yang Anda gunakan sebagai orang tua Anda adalah premium atau terbatas. Jika Anda perlu membuat perubahan pada situs web Anda, pastikan semua pengaturan Anda telah dicadangkan.

Untuk membuat tema anak WordPress, Anda dapat membuat semua perubahan yang Anda inginkan pada tingkat yang lebih personal. Buat folder untuk tema anak Anda terlebih dahulu. Langkah kedua adalah membuat stylesheet untuk tema anak Anda. Unggah lembar gaya tema induk dan anak . File style.css, yang saat ini terletak di folder direktori yang baru saja Anda buat, harus ditempatkan di langkah berikutnya. Anda perlu mengaktifkan tema anak di langkah 5 dengan masuk ke Penampilan. Menggunakan tema anak adalah cara yang efisien untuk menghindari pengeditan tema induk secara langsung.

Dengan tema anak , Anda dapat membuat berbagai perubahan pada situs web yang ada tanpa harus mempelajari bahasa pemrograman apa pun. Selain layanan hosting yang sesuai, Anda akan memerlukan layanan yang sesuai dengan kebutuhan Anda. Untuk paket hosting bersama berbiaya rendah yang memprioritaskan kinerja situs web, kunjungi DreamHost.

Pro Dan Kontra Menggunakan Tema Anak

Ada banyak keuntungan menggunakan tema anak. Jika Anda lebih suka template, mereka dapat disesuaikan untuk memenuhi kebutuhan spesifik Anda atau Anda bisa mendapatkan tema pra-desain. Selain itu, mereka dapat membantu Anda mengatur situs dengan menyimpan semua perubahan yang Anda buat pada tema di satu tempat.
Terlepas dari kenyataan bahwa WordPress mungkin tidak mendukung tema anak, mereka tentu saja merupakan alat yang hebat dan menghemat waktu.

Apa itu Tema Anak?

Tema anak adalah tema yang mewarisi fungsionalitas dan gaya tema lain, yang disebut tema induk. Tema anak sering digunakan ketika Anda ingin melakukan perubahan pada tema yang ada, tanpa kehilangan kemampuan untuk memperbarui tema induk.

Mengapa Anda Harus Menggunakan Tema Anak

Salah satu keuntungan menggunakan child theme adalah anak Anda akan dapat bergerak jauh lebih cepat. Alih-alih menulis semuanya sendiri, Anda mengandalkan orang tua untuk menjadi tulang punggung dan membuat perubahan yang diperlukan seperlunya. Ini juga dapat membantu Anda menjaga tema tetap konsisten dan teratur, memungkinkan Anda menambahkan fitur baru atau membuat perubahan pada tema yang ada dengan lebih mudah.