WordPress Çocuk Tema Nasıl Oluşturulur? (Adım Adım)

Web sitenizi özelleştirirken sitenizin tasarımını ve işlevselliğini korumak her zaman kolay olmayabilir. Özellikle kullandığınız temanın güncellemeleri yayınlandığında, yaptığınız tüm kod değişikliklerinin kaybolması riskiyle karşı karşıya kalırsınız. İşte tam bu noktada WordPress çocuk tema (child theme) kullanımı devreye giriyor. Bu rehberimizde, sitenizin tasarımını güvenle özelleştirmenizi sağlayan çocuk temaların mantığını ve sıfırdan nasıl oluşturulacağını detaylıca ele alacağız.

Bir web sitesinin profesyonel görünmesi ve benzersiz ihtiyaçlara yanıt vermesi için genellikle temalar üzerinde CSS veya PHP düzenlemeleri yapılması gerekir. Ancak ana temanın kodlarında doğrudan değişiklik yapmak, uzun vadede büyük sorunlara yol açar. Geliştiriciler tarafından yayınlanan her yeni güncelleme, yaptığınız tüm özel kodları siler. Bu sorunu aşmanın en standart ve güvenli yolu bir çocuk tema kullanmaktır.

WordPress Çocuk Tema Nedir ve Neden Kullanılmalıdır?

Çocuk tema, başka bir temanın (ana tema veya parent theme) tüm özelliklerini, şablonlarını ve işlevlerini miras alan bir alt temadır. Ana temanın kodlarına dokunmadan, sadece değiştirmek istediğiniz alanları çocuk tema üzerinde düzenleyebilirsiniz. Bu sayede ana tema güncellense bile yaptığınız özelleştirmeler tamamen korunur.

Çocuk tema kullanmanın başlıca avantajları şunlardır:

• Güncelleme Güvenliği: Ana temanız güncellendiğinde yaptığınız hiçbir CSS, JS veya PHP değişikliği kaybolmaz.
• Kolay Geri Döndürülebilirlik: Eğer yaptığınız bir değişiklik sitenizi bozarsa, çocuk temadaki ilgili dosyayı silerek veya düzenleyerek kolayca eski haline getirebilirsiniz.
• Temiz Kod Yapısı: Sadece değiştirdiğiniz dosyaları barındırdığı için sitenizin yönetimini ve kod takibini kolaylaştırır.
• Geliştirme Esnekliği: Ana temanın sunduğu kancaları (hooks) ve filtreleri kullanarak sitenize yeni özellikler eklemenizi kolaylaştırır.

Adım Adım WordPress Çocuk Tema Oluşturma Rehberi

Kendi çocuk temanızı oluşturmak için teknik bir uzman olmanıza gerek yoktur. Dosya yöneticisi (cPanel) veya FTP aracılığıyla sadece birkaç dosya oluşturarak bu işlemi tamamlayabilirsiniz. İşte adım adım izlemeniz gereken yol:

1. Yeni Bir Tema Klasörü Oluşturun

İlk olarak sitenizin sunucusuna bağlanmanız gerekir. Bunun için FTP istemcinizi (örneğin FileZilla) açın veya barındırma sağlayıcınızın dosya yöneticisini kullanın.

Sitenizin ana dizininden wp-content/themes/ klasörüne gidin. Burada sitenizde yüklü olan temaların klasörlerini göreceksiniz. Yeni bir klasör oluşturun ve buna ana temanızın adını referans alan bir isim verin. Örneğin, ana temanız "twentytwentyfour" ise, çocuk tema klasörünüzün adını twentytwentyfour-child yapabilirsiniz. Klasör isminde Türkçe karakter ve boşluk kullanmamaya dikkat edin.

2. style.css Dosyasını Hazırlayın

Oluşturduğunuz yeni klasörün içerisine girin ve style.css adında boş bir dosya oluşturun. Bu dosya, çocuk temanızın kimlik kartı niteliğindedir. Dosyayı bir metin editörüyle açın ve içerisine aşağıdaki kod satırlarını ekleyin:

/*
 Theme Name:   Twenty Twenty-Four Child
 Theme URI:    https://wordpress.org/themes/twentytwentyfour/
 Description:  Twenty Twenty-Four teması için özel çocuk tema.
 Author:       WebTeknoloji Editörü
 Author URI:   https://wordpress.org
 Template:     twentytwentyfour
 Version:      1.0.0
 Text Domain:  twentytwentyfour-child
*/

Buradaki en kritik satır Template: satırıdır. Bu satıra, ana temanızın klasör adını tam olarak yazmalısınız. Büyük-küçük harf duyarlılığına dikkat edin. Eğer bu satırı yanlış yazarsanız, WordPress çocuk temanızı tanıyamaz.

3. functions.php ile Stil Dosyalarını Sıraya Koyun

Eski yöntemlerde ana temanın stil dosyalarını çocuk temaya aktarmak için CSS içerisinde @import kuralı kullanılırdı. Ancak bu yöntem site hızını olumsuz etkilediği için artık önerilmemektedir. Modern yöntem, stilleri functions.php dosyası üzerinden sıraya koymaktır (enqueue).

Çocuk tema klasörünüzün içinde functions.php adında yeni bir dosya oluşturun ve içerisine şu PHP kodlarını ekleyin:

<?php
function child_theme_enqueue_styles() {
    // Ana temanın stil dosyasını yükle
    wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
    
    // Çocuk temanın stil dosyasını yükle
    wp_enqueue_style('child-style', get_stylesheet_directory_uri() . '/style.css', array('parent-style'), wp_get_theme()->get('Version'));
}
add_action('wp_enqueue_scripts', 'child_theme_enqueue_styles');
?>

Bu kod bloğu, WordPress'e önce ana temanın stil dosyalarını, ardından da çocuk temanın stil dosyalarını yüklemesini söyler. Böylece çocuk temaya yazacağınız yeni CSS kuralları, ana temanın kurallarını başarıyla geçersiz kılabilir.

4. Çocuk Temayı Aktifleştirin

Dosyaları kaydedip sunucunuza yükledikten sonra WordPress yönetim panelinize giriş yapın. Sol menüden Görünüm > Temalar sayfasına gidin. Burada yeni oluşturduğunuz "Twenty Twenty-Four Child" temasını göreceksiniz. Üzerine gelip Etkinleştir butonuna tıklayarak çocuk temanızı sitenizde aktif hale getirebilirsiniz.

Önemli Not: Çocuk temanızı aktifleştirmeden önce ana temanızın sitenizde yüklü olduğundan emin olun. Çocuk temalar tek başlarına çalışamazlar, mutlaka bir ana temaya ihtiyaç duyarlar.

Çocuk Tema ile Gelişmiş Özelleştirmeler Nasıl Yapılır?

Çocuk temanızı başarıyla kurduktan sonra, siteniz üzerinde dilediğiniz gibi değişiklikler yapmaya başlayabilirsiniz. İşte en sık kullanılan iki yöntem:

Şablon Dosyalarını Ezmek (Template Overriding)

Eğer temanızın belirli bir sayfa yapısını (örneğin sadece tekil yazı sayfalarını veya arşiv sayfalarını) değiştirmek istiyorsanız, ana temadaki ilgili şablon dosyasını kopyalayıp çocuk temanıza yapıştırabilirsiniz.

Örneğin, tekil yazıların görünümünü değiştirmek istiyorsanız:

WordPress, bir sayfayı yüklerken öncelikle çocuk tema klasörüne bakar. Eğer aradığı şablon dosyası çocuk temada varsa onu kullanır, yoksa ana temadaki dosyayı referans alır.

Fonksiyonlar Ekleme ve Kancalar (Hooks) Kullanımı

Sitenize yeni bir özellik eklemek istediğinizde bunu çocuk temanızın functions.php dosyasına yazabilirsiniz. Örneğin, sitenizin alt bilgi (footer) alanına özel bir takip kodu eklemek istiyorsanız, wp_footer kancasını kullanabilirsiniz:

function custom_footer_tracking_code() {
    echo '<!-- Google Analytics veya diğer takip kodları -->';
}
add_action('wp_footer', 'custom_footer_tracking_code');

Bu kod doğrudan çocuk temanızda çalışacağı için, ana temanız güncellendiğinde bu takip kodunu yeniden eklemek zorunda kalmazsınız.

WordPress Çocuk Tema Kullanırken Dikkat Edilmesi Gerekenler

Çocuk temalar hayat kurtarıcı olsa da, kullanırken dikkat etmeniz gereken bazı önemli noktalar vardır:

Web sitenizin güvenliğini, performansını ve güncelliğini korumak istiyorsanız, WordPress ekosisteminin en iyi pratiklerinden biri olan çocuk tema yapısını mutlaka benimsemelisiniz. Bu sayede hem tasarımda özgür olabilir hem de sitenizi her zaman güncel tutabilirsiniz.