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.

Tema anak memungkinkan Anda membuat lembar gaya CSS terpisah^{(child theme enables you to create a separate CSS stylesheet)} 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^{(Create a New Directory)}

Mulailah^(Start) dengan membuat direktori baru untuk tema anak Anda. Anda dapat menggunakan klien FTP^{(FTP client)} atau mengakses wp-content/themes ada melalui cPanel Anda.

Untuk menggunakan cPanel, buka control panel hosting Anda. Pilih pengelola file^{(file manager)} dan arahkan ke direktori tempat WordPress diinstal.

Ini biasanya dalam direktori bernama public_html . Cari dan buka folder wp-content . Klik buat folder baru^{(create new folder)} 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^{(Create a CSS Stylesheet)}

Stylesheet digunakan dalam tema WordPress karena dua alasan.

• Ini adalah lokasi gaya yang memengaruhi tampilan situs Anda.
• Stylesheet utama sebuah tema adalah tempat WordPress mencari informasi tentang tema tersebut.

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^(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.^(PHP)

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 file CSS Anda , perubahan atau penambahan pada file PHP Anda akan secara otomatis digabungkan dengan atau menggantikan 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 posting Tim Peninjau Tema WordPress^{(WordPress Theme Review Team)} saat ini memimpin posting William Patton tentang menggunakan format posting WordPress^{( post on using WordPress post formats)} . 

Tambahkan Gaya & Skrip Untuk Mengganti Fungsi Tema Induk^{(Add Styles & Scripts To Override Parent Theme Functionality)}

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^(Scripts) 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'^{(How To Use ‘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^{(parent-style)} harus cocok dengan nama tema induk dengan -style ditambahkan di akhir.

Aktifkan Tema Anak Anda^{(Activate Your Child Theme)}

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

• Masuk ke dasbor Anda.
• Pergi ke Appearance > Themes .
• Tema anak Anda harus terdaftar.
• Pilih Pratinjau^(Preview) untuk melihat tampilan situs dengan tema anak baru.
• Setelah Anda puas dengan tampilannya, klik Aktifkan^{(Activate )} 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.
• Pergi ke Appearance > Themes .
• Klik Tambahkan baru^{(Add new)} .
• Pilih Unggah Tema^{(Upload Theme)} .
• Seret^(Drag) file zip Anda ke kotak baru yang muncul atau klik pemilih file dan jelajahi di komputer Anda.
• Setelah diunggah, Anda dapat mempratinjaunya dan kemudian mengaktifkannya.

Tambahkan File Template^{(Add Template Files)}

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^{(To add new templates)} , itu 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^{(Use a WordPress Plugin)}

Masuk^(Log) ke dasbor WordPress Anda. ^(WordPress)Klik^(Click) Plugin Plugins > Add New . Cari tema anak.^{(child theme.)}

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 Install now > Activate . Langkah selanjutnya adalah menavigasi ke Alat^(Tools) dan kemudian pilih tema anak.^{(child themes.)}

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

Di bawah^(Below) 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.

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.

How To Create a WordPress Child Theme

Why should you neνer customize WordPress in the existіng parent theme? What happens to your customizаtions when the theme you are uѕing is updated?

The answer is they are lost, and your hard work to create your site according to your brand and messaging guidelines and preferences will also be lost.

A child theme enables you to create a separate CSS stylesheet and add additional functionality that will not be lost or affected when the parent theme is updated.

This can be done manually or by installing a child theme creator plugin. Let’s start with the manual process.

Create a New Directory

Start by creating a new directory for your child theme. You can use an FTP client or access your existing wp-content/themes directory via your cPanel.

To use cPanel, go to your hosting control panel. Select file manager and navigate to the directory where WordPress is installed.

This is usually in a directory named public_html. Locate and open the wp-content folder. Click on create new folder and input a name for your child theme. Be sure to give it a name that you will recognize later. A good example is nameofparenttheme-child.

Do not include any spaces in your file name to avoid errors.

Due to internal handling, the folder name must include the name of the parent theme (theme ‘slug’) as shown in the example below.

Create a CSS Stylesheet

Stylesheets are used in WordPress themes for two reasons.

• It is the location of the styles that affect how your site looks.
• A theme’s main stylesheet is where WordPress looks to find information about the theme.

You may not want to add any new styles in the child theme. However, the stylesheet still needs to exist to define specifics such as your theme name and the parent theme name.

Therefore, you need to create a new stylesheet for your child theme. So, your next step is to create a text file for the CSS stylesheet that will define the rules that control the look of your child theme.

The child theme CSS file will then take precedence over the parent theme.

You need to include the following information in your text file:

• Your theme’s name.
• The name of the parent theme directory.
• Title and description that makes sense.

Be sure to include in the stylesheet the following header comment at the top of the file. WordPress will read this information and know that a child theme is being used.

You want to pay close attention to the template tag. It tells WordPress what the parent theme of your child is. Note that the folder where your parent theme is located is case sensitive.

Technically, you can now activate your child theme. However, if you want to create a more complex child theme, you will need to add custom PHP functions.

Create a functions.php file in the child theme (in the same directory as the style.css file you made). This is where things like additional post formats should be added.

As with your CSS file, the changes or additions to your PHP file will automatically be merged with or override the parent’s functions.

For things like post formats that are added with an add_theme_support(), they act as overrides instead of merges.

When using add_theme_support(), you need to take some additional steps to ensure that the child theme overrides the parent.

This can get complicated, so refer to the current WordPress Theme Review Team lead William Patton’s post on using WordPress post formats. 

Add Styles & Scripts To Override Parent Theme Functionality

Your next step is to make sure your child theme either inherits the parent theme’s features and styles or reflects the new ones you want to use.

Styles are used to changing the appearance of your website. Scripts enhance functionality. The way styles and scripts are added to your WordPress site is as essential as the contents of the files.

WordPress’ enqueue functionality is how to get this accomplished.

Enqueueing refers to the way styles and scripts are added to WordPress sites so that they can affect what users see when they visit your site.

Using numerous plugins to achieve the same result often leads to compatibility issues and broken sites.

Wp_enqueue not only improves your website’s performance by way of reducing plugin overhead, but it also enhances the user experience.

How To Use ‘wp_enqueue’

To output the styles for your child theme, you will need to use a function called wp_enqueue_style().

This function takes a few bits of information, but the most important is the name (or ‘handle’) and the location of the file.

Inside the functions.php file add the following code.

This code adds the stylesheet from the parent directory and then also adds the stylesheet for the child which we created earlier. Note that the parent-style text should match the name of the parent theme with -style added to the end.

Activate Your Child Theme

If you created the files for your child theme on the server inside the wp-content/themes/yourthemename folder, it would then be available in your WordPress dashboard for you to activate.

• Log into your dashboard.
• Go to Appearance > Themes.
• Your child theme should be listed.
• Select Preview to see how the site looks with the new child theme.
• Once you are satisfied with how it looks, click Activate to make it go live.

If you created your child theme somewhere other than on the server in the wp-content/themes/yourthemename folder, then you should zip your new child theme folder.

• Log into your WordPress dashboard.
• Go to Appearance > Themes.
• Click Add new.
• Choose Upload Theme.
• Drag your zipped file to the new box that appears or click the file selector and browse to it on your computer.
• Once it has been uploaded, then you can preview it and then activate it.

Add Template Files

To override other templates, you can copy them from the parent theme into the child theme. Any template files that have the same name in the child as in the parent act as overrides. Then adjust the contents of the templates as needed.

To add new templates, it’s just a case of making a new file with the correct name and adding your own content. The above section explains the manual process.

Now let’s go over how to create child themes with a WordPress plugin.

Use a WordPress Plugin

Log into your WordPress dashboard. Click on Plugins > Add New. Search for child theme.

The first plugin you will see is the Child Theme Configurator. This is a good choice, as seen in the screenshot above, because it:

• Is compatible with the current version of WP.
• Has a lot of installations.
• Was recently updated.

Click on Install now > Activate. The next step is to navigate to Tools and then select child themes.

Find and select your parent theme from the drop-down menu. Choose analyze to make sure your theme is ok to use as a child theme.

Below is a step-by-step tutorial on how to set up Child Theme Configurator. If you decide to use a different WordPress plugin, you can easily find a tutorial on how to set it up as well.

As you now know, child themes are distinct themes that rely on their parent theme for some of their functionality.

When you use a child theme, WordPress will look for the child before the parent and follow the styling and functionality of the child if it exists.

Save yourself a lot of time, trouble, and future headaches when the parent theme updates by creating a child that will not be affected by the update.

Related posts

• Membuat Child Theme di WordPress

• Cara Mengatur Situs Web Seperti Twitter Anda Sendiri Menggunakan Tema P2 WordPress

• Bagaimana memindahkan WordPress site dari satu host ke yang lain

• Cara Memasang & Setup WordPress pada Microsoft Azure

• Bagaimana menjalankan blazingly cepat WordPress di Microsoft Azure

• Cara Menduplikasi Halaman di WordPress

• Cara Menghapus semua Jejak dari Plugin WordPress

• Format Penulisan Blog Terbaik untuk Menyampaikan Poin Anda

• 10 Plugin WordPress Penting Untuk Situs Web Bisnis Kecil

• Cara Mencadangkan Situs WordPress Anda

• Cara Mempercepat Situs WordPress dalam 11 Langkah

• Cara Melacak Broken Links dengan Google Webmaster Tool

• Cara Membuat Blog Wix yang Sebagus WordPress

• Apa Itu AMP untuk WordPress dan Cara Memasangnya

• Cara mengkonfigurasi Privacy di WordPress dan mengapa ini penting

• Ulasan Buku: Buat Situs Web Anda Sendiri: Panduan Komik Untuk HTML, CSS, dan Wordpress

• 3 Plugin SEO Terbaik Untuk WordPress

• 7 Tips WordPress Untuk Situs Web yang Ramah Seluler

• Cara Menghapus Malware Dari Situs WordPress Anda

• Cara Mengubah URL Login WordPress Anda untuk Keamanan yang Lebih Baik