Apa itu Subtheme WordPress?

Sebelum lebih lanjut membuat metode (function) tertentu, kita perlu memahami apa itu subtema (subtheme) terlebih dahulu. Subtema WordPress merupakan tema khusus yang bergantung pada tema lainnya, yang disebut “tema induk” (parent theme). Subtema ini mewarisi semua fitur, gaya, dan file template dari tema induk, tetapi memungkinkan Anda untuk mengubahnya, menambahkan fitur baru, atau mengganti tampilan tema induk secara aman, tanpa mempengaruhi file inti dari tema induk tersebut.

Keunggulan besar dari metode ini adalah ketika tema induk diperbarui, modifikasi khusus yang Anda lakukan pada tema anak tidak akan terhapus, sehingga stabilitas dan kemudahan pemeliharaan situs web terjamin. Ini merupakan salah satu praktik terbaik yang diikuti dalam pengembangan WordPress.

Langkah-langkah untuk membuat subtema (child theme) WordPress:

Membuat sebuah subtopik dasar sangat sederhana; Anda hanya perlu mengikuti beberapa langkah standar saja. Seluruh proses berfokus pada pembuatan direktori subtopik dan file-file penting yang diperlukan.

推荐阅读 WordPress Advanced Development Tutorial: A Comprehensive Guide from Theme Customization to Performance Optimization。

Pertama-tama, Anda perlu mengakses file-file server dari situs web WordPress Anda, biasanya melalui klien FTP atau pengelola file dari host tersebut. Setelah itu, navigasikan ke direktori tempat WordPress diinstal. /wp-content/themes/ folder.

UltaHost – Hosting untuk WordPress

Jaminan pengembalian uang dalam 30 hari, bandwidth dan basis data yang tidak terbatas, perlindungan DDoS gratis, diskon 50% untuk pembelian selama 3 tahun (dari harga normal: 50%).

halaman akses

Membuat folder sub-topik dan file lembar gaya (style sheet)

Dalam folder ini, buatlah sebuah direktori baru untuk subtopik baru Anda. Nama direktori sebaiknya mencerminkan hubungannya dengan topik induk. Misalnya, jika nama topik induknya adalah… twentytwentyfourDirektori sub-topik Anda dapat diberi nama sebagai… twentytwentyfour-child。

Untuk memasuki direktori yang baru dibuat ini, Anda perlu membuat file pertama dan juga yang paling penting dari sub-topik tersebut.style.cssFile ini bukan hanya sebuah tabel gaya (style sheet), tetapi juga berisi metadata yang mendefinisikan sub-topik (sub-topics).

/*
Theme Name:   Twenty Twenty-Four Child
Theme URI:    https://example.com/
Description:  Twenty Twenty-Four Child Theme
Author:       Your Name
Author URI:   https://example.com/
Template:     twentytwentyfour
Version:      1.0.0
Text Domain:  twentytwentyfour-child
*/

/* 在此处添加您的自定义CSS样式 */

Penjelasan Poin Kunci:
* Theme NameNama subtopik akan ditampilkan di panel administrasi WordPress.
* TemplateIni adalah baris yang paling penting. Nilainya harus sama persis dengan nama direktori tema induk (dengan memperhatikan perbedaan huruf besar dan kecil). WordPress menggunakan bidang ini untuk mengenali tema induk.
* Text DomainDigunakan untuk keperluan internasionalisasi (penyesuaian konten agar dapat ditampilkan dalam berbagai bahasa), dan biasanya sesuai dengan nama direktori sub-topik (sub-topic directories).

Buat file bernama functions.php.

Selanjutnya, buatlah file kedua yang diperlukan di dalam direktori sub-topik.functions.php…dan dengan tema induknya… functions.php Berbeda; file dengan sub-topik ini tidak akan ditimpa, melainkan akan dijalankan bersamaan dengan file dengan nama yang sama di dalam tema induk (tema induk akan dieksekusi terlebih dahulu).

推荐阅读 Menjelajahi Praktik Terbaik WordPress dan Panduan Pengembangan yang Efisien。

Salah satu fungsi utama dari berkas ini adalah untuk mengatur urutan penampilan (queueing) file gaya (style sheet) dari tema induk dengan benar. Ini merupakan cara implementasi yang standar.

<?php
add_action( 'wp_enqueue_scripts', 'my_child_theme_enqueue_styles' );
function my_child_theme_enqueue_styles() {
    wp_enqueue_style(
        'parent-style',
        get_template_directory_uri() . '/style.css'
    );
    wp_enqueue_style(
        'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( 'parent-style' )
    );
}
?>

Kode ini memastikan bahwa tabel gaya (stylesheet) dari tema induk (parent theme) diunduh terlebih dahulu, kemudian tabel gaya dari tema anak (child theme) diunduh setelahnya. Aturan-aturan yang terdapat dalam tabel gaya tema anak akan dapat menggantikan (mengoverwrite) aturan-aturan dari tema induk.

Aktifkan dan sesuaikan sub-topik (sub-topic) Anda.

Setelah menyelesaikan pembuatan kedua file tersebut, Anda dapat masuk ke panel administrasi WordPress. Kunjungi halaman “Tampilan” (Appearance) -> “Tema” (Themes), dan Anda seharusnya dapat melihat subtema yang baru saja Anda buat. Klik tombol “Aktifkan” (Enable) untuk mengaktifkannya.

hosting.com hosting bersama

Kinerja tinggi, dilengkapi dengan CPU AMD EPYC, penyimpanan SSD NVMe, dan LiteSpeed, dukungan internal ahli 24 jam sehari, langkah-langkah keamanan canggih termasuk SSL, brute force, malware, dan perlindungan DDoS, menghemat hingga 731 TB/bulan.

halaman akses

Setelah diaktifkan, tampilan situs web Anda akan sama persis dengan tema induknya. Sekarang, Anda dapat mulai melakukan penyesuaian sesuai keinginan Anda.

• Ubah gaya: Edit langsung pada sub-topik tersebut. style.css Untuk mengubah warna, font, tata letak, dan lainnya pada file tersebut, tambahkan aturan CSS (Cascading Style Sheets) yang sesuai.
• Mengganti file template: Jika Anda perlu mengubah struktur halaman tertentu (seperti halaman utama, halaman artikel, header, atau footer), cukup ganti file template yang bersangkutan dari tema induk. header.php, footer.php, page.phpSalin konten tersebut ke direktori subtema, lalu editnya. WordPress akan lebih memprioritaskan penggunaan file yang ada di dalam subtema.
• Menambahkan fitur baru: Di dalam sub-topik… functions.php Tambahkan fungsi PHP baru, hook (Hook), dan filter (Filter) ke dalam kode untuk memperluas fungsi situs web.

Penerapan Lanjutan dan Praktik Terbaik dari Subtopik

Setelah memahami metode dasar pembuatan, mengetahui beberapa trik lanjutan dan praktik terbaik akan membuat subtopik Anda lebih kuat dan lebih profesional.

Memuat sumber daya tema induk secara selektif

Terkadang, Anda mungkin tidak ingin memuat semua gaya atau skrip dari tema induk. Anda dapat memilih untuk memuatnya sesuai dengan kebutuhan Anda. functions.php Memungkinkan kontrol yang lebih detail terhadap proses pengunduhan (loading) sumber daya. Misalnya, hanya mengunduh gaya (styles) dari tema induk yang diperlukan untuk tata letak (layout) tertentu.

推荐阅读 Bagaimana cara memilih dan menyesuaikan tema WordPress yang paling cocok dengan gaya situs web Anda?。

Menggunakan file bahasa untuk proses internasionalisasi (internationalization).

Jika Anda berencana untuk mendistribusikan sub-topik Anda, atau jika situs web Anda memerlukan dukungan berbahasa multibahasa, maka penting untuk mengatur domain teks (Text Domain) dengan benar dan mempersiapkannya dengan matang. .pot File bahasa sangat diperlukan. Pastikan bahwa semua string yang dapat diterjemahkan dalam kode menggunakan format yang sesuai, seperti yang ditentukan oleh sistem pengelolaan bahasa (language management system). __('String', 'your-child-theme-text-domain') Fungsi semacam itu perlu dibungkus (dilapisi/diwrapp) dengan struktur tertentu agar dapat digunakan dengan lebih mudah.

Kontrol versi dan strategi pembaruan.

Disarankan dengan kuat untuk menggunakan alat pengelolaan versi seperti Git untuk mengelola kode subtopik Anda. Pastikan kode memiliki komentar yang jelas dan lakukan pembackup secara teratur. Subtopik itu sendiri juga perlu diperawat; ketika Anda menambahkan fitur baru atau memperbaiki bug, Anda dapat memperbarui kode subtopik tersebut. style.css Nomor versi tersebut digunakan untuk memudahkan manajemen di masa depan.

Hosting bersama InterServer.

Hosting bersama seharga $2,50 USD per bulan, diskon $0,1 USD untuk bulan pertama dengan kode promo tryinterserver, serta 461 skrip aplikasi cloud yang dapat diinstal dengan sekali klik.

halaman akses

Menyimpulkan.

Membuat subtema WordPress merupakan keterampilan dasar yang harus dikuasai oleh setiap pengembang situs web, desainer, maupun pengguna tingkat lanjut. Subtema ini memungkinkan Anda untuk melakukan penyesuaian sesuai keinginan dengan cara yang elegan, yaitu dengan “mewarisi dan mengganti” kode dari tema induk (parent theme). Dengan demikian, Anda tetap dapat memastikan bahwa kode inti situs web tetap aman dari perubahan yang tidak diinginkan selama proses pembaruan. Langkah-langkahnya dimulai dengan membuat direktori dan dua file utama dalam subtema tersebut…style.css 和 functions.phpProses pembuatan situs web WordPress dimulai dari tahap pendaftaran dan pengaturan dasar, hingga tahap aktivasi serta penyesuaian mendalam terhadap tampilan (style), template, dan fitur-fitur yang tersedia. Setiap langkah dalam proses ini dijelaskan dengan rinci, sehingga risiko yang mungkin timbul dapat dikendalikan dengan baik. Dengan mengikuti praktik terbaik yang dijelaskan dalam artikel ini, Anda akan mampu membuat situs web WordPress yang stabil, profesional, dan mudah dirawat dalam jangka panjang.

FAQ - Pertanyaan yang Sering Diajukan.

Apakah setiap tema WordPress mendukung pembuatan subtema?

Dari segi teknis, setiap tema yang mengikuti standar pemrograman WordPress dapat dijadikan tema induk (parent theme). Umumnya, tema-tema populer dan berkualitas tinggi akan secara eksplisit menyatakan bahwa mereka mendukung pembuatan tema anak (child themes). Anda dapat melihat informasi ini di deskripsi resmi atau dokumentasi tema tersebut. Jika struktur tema tersebut memenuhi standar yang ditetapkan, pembuatan tema anak biasanya tetap dapat dilakukan dengan lancar, meskipun tidak ada pernyataan eksplisit tentang dukungan tersebut.

Apa yang akan terjadi jika kolom `Template` di berkas `style.css` dari sub-topik diisi dengan informasi yang salah?

Jika Template Nilai dari field tersebut tidak sesuai dengan nama direktori tema induk yang sebenarnya, sehingga WordPress tidak dapat mengenali tema induk tersebut. Hal ini dapat menyebabkan subtema tidak dapat diaktifkan di backend, atau jika diaktifkan, tampilan situs web di frontend akan terganggu (gaya tampilan hilang, tata letak menjadi kacau). Oleh karena itu, pastikan bahwa nilai field tersebut diisi dengan benar.

Apakah saya bisa membuat topik “cucu” lainnya berdasarkan sebuah topik anak?

Sistem tema WordPress secara default hanya mendukung hubungan warisan (inheritance) pada satu tingkat, artinya sebuah subtema hanya boleh memiliki satu tema induk (parent theme) langsung. Secara teoritis, Anda bisa mencoba membuat sebuah subtema menggunakan subtema lain sebagai template-nya, tetapi ini merupakan praktik yang tidak standar dan sangat berisiko menyebabkan kesalahan atau masalah kompatibilitas yang tidak terduga. Oleh karena itu, hal tersebut sangat tidak disarankan.

Apakah konten kustom pada subtema saya akan hilang setelah saya memperbarui tema induknya?

Inilah salah satu kelebihan terbesar dari penggunaan subtema: isi subtema tidak akan hilang. Saat Anda memperbarui tema induk, hanya file-file yang berada di dalam direktori tema induk yang akan diganti. Semua modifikasi yang Anda lakukan akan disimpan di dalam direktori subtema yang terpisah, sehingga tetap utuh. Namun, perlu diingat bahwa jika pembaruan besar pada tema induk mengubah beberapa fungsi inti atau struktur template, bagian-bagian dari subtema Anda yang telah diubah mungkin perlu disesuaikan agar sesuai dengan versi baru tersebut.