WordPress – Child Tema Oluşturma Rehberi

WordPress temanızda değişiklik yapmak istediğinizde, ancak bu değişikliklerin tema güncellemesiyle kaybolmasını istemediğinizde, bir alt tema (child theme) oluşturmanız gerekir. WordPress’te alt tema oluşturmak oldukça basit ve etkili bir yöntem. Bu yazıda, adım adım bir alt tema nasıl oluşturacağınızı anlatacağım. Aşağıdaki adımları takip ederek kolayca kendi alt temanızı oluşturabilirsiniz. Kendi projelerimde bu yöntemi sıkça kullandım ve sonuçlar hem pratik hem de güvenli oldu. Haydi, başlayalım!

1. Alt Tema Klasörünü Oluşturma

İlk olarak, alt tema için bir klasör oluşturmanız gerekiyor. Bu klasör, WordPress’in “wp-content/themes” dizini altında yer almalı. Klasörün adı, ana temanın adına “-child” eki eklenerek oluşturulur. Örneğin, ana temanız “TwentyTwenty” ise, alt tema klasörünüz “TwentyTwenty-child” olmalı.

Bir proje için alt tema klasörü oluştururken, bu basit adımla temanın orijinal dosyalarını korudum ve özelleştirmelerimi güvenle yaptım.

2. Alt Tema için Stil Dosyası Oluşturma

Alt tema klasörünüzün içinde bir style.css dosyası oluşturmalısınız. Bu dosyanın başında, alt temanızı tanımlayan ve hangi temanın ana tema olduğunu belirten bir kod bloğu yer almalı. Aşağıda örnek bir kod paylaşıyorum:

WordPress – Alt Tema Oluşturma Rehberi

Merhaba! WordPress temanızda değişiklik yapmak istediğinizde, ancak bu değişikliklerin tema güncellemesiyle kaybolmasını istemediğinizde, bir alt tema (child theme) oluşturmanız gerekir. WordPress’te alt tema oluşturmak oldukça basit ve etkili bir yöntem. Bu yazıda, adım adım bir alt tema nasıl oluşturacağınızı anlatacağım. Aşağıdaki adımları takip ederek kolayca kendi alt temanızı oluşturabilirsiniz. Kendi projelerimde bu yöntemi sıkça kullandım ve sonuçlar hem pratik hem de güvenli oldu. Haydi, başlayalım!

1. Alt Tema Klasörünü Oluşturma

İlk olarak, alt tema için bir klasör oluşturmanız gerekiyor. Bu klasör, WordPress’in “wp-content/themes” dizini altında yer almalı. Klasörün adı, ana temanın adına “-child” eki eklenerek oluşturulur. Örneğin, ana temanız “TwentyTwenty” ise, alt tema klasörünüz “TwentyTwenty-child” olmalı.

Bir proje için alt tema klasörü oluştururken, bu basit adımla temanın orijinal dosyalarını korudum ve özelleştirmelerimi güvenle yaptım.

2. Alt Tema için Stil Dosyası Oluşturma

Alt tema klasörünüzün içinde bir style.css dosyası oluşturmalısınız. Bu dosyanın başında, alt temanızı tanımlayan ve hangi temanın ana tema olduğunu belirten bir kod bloğu yer almalı. Aşağıda örnek bir kod paylaşıyorum:

/*
 Theme Name:   Tema Adı Alt
 Theme URI:    http://ornek.com/tema-adi-alt/
 Description:  Tema Adı Alt Tema
 Author:       Örnek Yazar
 Author URI:   http://ornek.com
 Template:     temaadi
 Version:      1.0.0
 License:      GNU General Public License v2 veya sonrası
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         açık, koyu, iki-sütun, sağ-kenar-çubuğu, duyarlı-düzen, erişilebilirlik-hazır
 Text Domain:  temaadialt
*/

Satırların Açıklaması

Aşağıdaki satırlar zorunludur:

  • Theme Name: Alt temanız için benzersiz bir isim belirleyin. Sonuna “Alt” veya “Child” eklemek yaygın bir uygulamadır. Bu, temanızın adını tanımlar.
  • Template: Ana temanın adını yazmalısınız. Bu, alt temanın hangi temaya bağlı olduğunu belirtir.

Diğer satırlar isteğe bağlıdır:

  • Theme URI: Temanın web sitesini veya demosunun bulunduğu adresi belirtir. Bu adres, yazarın web sitesiyle aynı alanda olmalı.
  • Description: Alt temanızın açıklamasını içerir.
  • Author: Kendi adınızı yazabilirsiniz.
  • Author URI: Kendi web sitesi adresinizi ekleyebilirsiniz.
  • Version: Alt temanızın sürüm numarasını belirtir.
  • License: Alt temanızın kullandığı lisansı gösterir. Ana temanın “style.css” dosyasındaki lisansı kopyalayabilirsiniz.
  • Tags: Alt temanızı tanımlayan etiketler yazabilirsiniz.
  • Text Domain: WordPress’te yerelleştirme ve çeviri için kullanılır. Ana temanın adını bir “slug” olarak kullanıp sonuna “child” ekleyebilirsiniz, örneğin: “temaadialt”.

Bu adımları tamamladığınızda, alt temanızın temelini oluşturmuş olursunuz. Bir blog projesinde bu yapıyı kullanarak özelleştirmeler yaptım ve ana tema güncellendiğinde hiçbir şey kaybetmedim!

3. Temayı Yükleme ve Etkinleştirme

Eğer style.css dosyasını sunucuda oluşturmadıysanız, alt tema klasörünüzü bir ZIP dosyası haline getirip WordPress yönetim panelindeki “Görünüm > Temalar > Yeni Ekle > Tema Yükle” bölümünden yükleyebilirsiniz. Yükledikten sonra, temayı etkinleştirmek için “Etkinleştir” butonuna tıklayın.

Bir müşteri sitesi için bu yöntemi kullandığımda, alt temayı hızlıca yükleyip özelleştirmelere geçtim; süreç hem hızlı hem de sorunsuzdu.

4. Alt Temada Daha Fazla Ne Yapabilirsiniz?

Alt tema oluşturduktan sonra, aşağıdaki gibi özelleştirmeler yapabilirsiniz:

  • CSS Özelleştirmeleri: style.css dosyasına ek stiller ekleyerek ana temanın görünümünü değiştirebilirsiniz.
  • Fonksiyonlar: Alt tema klasörüne bir functions.php dosyası ekleyerek özel işlevler tanımlayabilirsiniz. Örneğin, yeni bir kenar çubuğu eklemek.
  • Şablon Dosyaları: Ana temanın şablon dosyalarını kopyalayıp alt temada düzenleyerek özel sayfa düzenleri oluşturabilirsiniz.

Bir portföy sitesinde, alt temaya özel bir functions.php dosyası ekleyerek yeni bir widget alanı tanımladım ve bu, siteyi müşterinin ihtiyaçlarına göre özelleştirmemi sağladı.

Daha fazla bilgi için WordPress’in resmi web sitesine göz atabilirsiniz.

Sonuç

WordPress’te alt tema oluşturmak, tema özelleştirmelerini güvenli ve sürdürülebilir bir şekilde yapmanın en iyi yollarından biri. Bu adımları takip ederek, ana temanızı korurken istediğiniz değişiklikleri kolayca uygulayabilirsiniz. Kendi projelerimde alt temalar kullanarak hem esneklik kazandım hem de güncellemelerden etkilenmedim. Siz de bu yöntemi deneyin ve WordPress projelerinizi bir üst seviyeye taşıyın!

5 1 vote
Makale Puanı
Abone
Bildir
guest

Bu site spam'i azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiğini öğrenin.

1 Yorum
En Yeniler
Eskiler Beğenilenler
Satır İçi Geri Bildirimler
Tüm yorumları görüntüle

[…] eklemek birkaç adımdan oluşur. Bu adımları inceleyeceğiz. Sayfalandırma eklemeden önce bir alt tema oluşturmanızı […]