WordPress Child Tema ve Child Tema Fonksiyonları

WordPress Child Tema Nedir? Kullanışlı Child Tema Fonksiyonları


Bugün WordPress child tema kullanımı ile ilgili detaylı bilgi vereceğim. Bizim de sıklıkla projelerde kullandığımız child tema fonksiyonlarını paylaşacağım.

WordPress Child Tema Nedir?

WordPress child tema, en basit anlamıyla ana temanın bir kopyasıdır, uzantısıdır diyebiliriz. Ana temaya bağlı olarak çalışır. Ana temanın bütün davranış ve tasarımını üstlenir. Adından mütevellit Türkiye’de, WordPress çocuk tema ya da WordPress alt tema olarak da geçer 🙂

Neden WordPres Child Tema Kullanmalısınız?

Eğer sıfırdan WordPress teması kodlamıyorsanız yani hazır tema kullanıyorsanız, bir temayı geliştirmenin ve özelleştirmenin en kolay yolu child tema kullanmaktır. WordPress Child tema kullandığınızda, çoğu zaman ana temanın kodlarına dokunmanıza gerek kalmaz.

Dolayısıyla ana temaya herhangi bir nedenden dolayı güncelleme geldiğinde, yaptığınız geliştirmeler ve tasarımsal değişiklikler kaybolmaz. Bozulmaz 😉 Nasıl, güzel bir özellik değil mi ama? 😁

WordPress Child Tema Kullanmanın Avantajları

Benim bununla ilgili güzel bir tabirim var. WordPress Child tema kullanıldığımızda projeye takla attırıyoruz 🙂 Şaka gibi gelebilir size. Ancak inanın çok faydalı. Şimdi gelelim bazı avantajlarına.

  • Alt temaların kişiselleştirilmesi daha kolaydır.
  • Herhangi bir child tema, kurumsal web sitesi ya da blog sitesi gibi amaçlarla kullanılabilir.
  • Ana temanın kodlarına dokunmadan değişiklik yapılabilir.
  • Ana temanın tam bir kopyası olduğu için, herhangi bir şeyi bozma konusunda endişelenmenize gerek kalmaz.
  • Herhangi bir CSS düzenlemesi yapmak istediğinizde, sadece gerekli olan CSS seçicisi alınarak tasarımsal düzenlemeler yapılabilir.
  • Herhangi bir geliştirme yapmak istediğinizde, child temaya ek PHP kodları yazılabilir. PHP dosyaları oluşturulabilir. Ya da ana temanın bazı PHP kodlarını geçersiz kılarak, yeni PHP kodları yazılabilir.
  • WordPress’te herhangi bir şey güncellendiğinde, alt temada yaptığınız değişiklikler korunur.
  • Ayrıca, WordPress tema geliştirmeyi öğrenmenin harika bir yoludur.

WordPress Child Tema Ne Zaman Kullanılmalıdır?

  • Hazır WordPress teması seçtiyseniz,
  • Proje üzerinde birden fazla düzenleme ve geliştirme yapmayı düşünüyorsanız

kesinlikle WordPress alt tema kullanılmasını öneririm.

WordPress Child Tema Nasıl Oluşturulur?

Artık birçok hazır WordPress temasında child tema klasörü hazır gelmektedir. Tema panelinden child temayı etkinleştirdiğinizde hızlı bir şekilde kullanmaya başlayabilirsiniz. Ancak child tema klasörü yoksa ne yapacağız?

WordPress alt temanın temelde üç şeye ihtiyacı vardır.

  • Ana tema,
  • style.css dosyası
  • functions.php dosyası

Bunlardan herhangi biri eksik olduğunda WordPress alt tema çalışmaz, siteniz hata verir.

1. Bir alt tema klasörü oluşturun

İlk olarak, wp-content/themes dizininde yeni bir klasör oluşturun. Bu klasöre, tema-adi-child şeklinde bir isim verebileceğiniz gibi, projenizin adını da verebilirsiniz.

Örnek:

Ana tema klasör adı: flatsome

Alt tema klasör adı: flatsome-child ya da wolinka

2. Alt tema klasörü içinde style.css dosyası oluşturun

Yukarıdaki işlemi yaptıktan sonra, alt tema içinde bir style.css dosyası oluşturmanız gerekir.

Alt tema içinde birden fazla CSS dosyası olabilir. Ancak bir temanın child tema olduğunu belirtmek için, başlangıçta bir tane CSS dosyası eklenmesi yeterlidir. Şimdi bu css dosyasına aşağıdaki ifadeleri ekleyelim.

Style.css dosyasına yerleştirdiğimiz bu ifadeleri incelemek gerekirse;

Theme Name: Tema adıdır. WordPress admin paneli içinde temalar sekmesinin altında görünür.

Theme URI: Tema linkidir. Ancak biz projelerimizde, proje linki olarak da kullanıyoruz.

Description: Tema açıklaması anlamına gelir.

Author: Geliştirici adıdır.

Author URI: Geliştiricinin site adresidir, linkidir.

Template: Ana temanın adıdır, yani klasör adıdır.

Version: Alt temanın sürümünü gösterir.

3. Funcions.php dosyası oluşturun

Style.css dosyasını oluşturduktan sonra çeşitli geliştirmeleri yapabilmeniz için, alt tema klasörü içinde functions.php dosyası oluşturun. Dosyaya <?php PHP ifadesini yazın, bırakın 🙂 <?php ifadesinden sonra ihtiyacımız olan WordPress fonksiyonlarını yazabiliriz.

Evet bu üç adımla beraber WordPress alt temasını oluşturup, WordPress admin panelinde temayı etkinleştirdiğimizde alt temamız artık aktif olacaktır.

Kullanışlı WordPress Child Tema Fonksiyonları

Alt temamız hazır olduğuna göre, ihtiyacımız olabilecek bazı WordPress fonksiyonları paylaşmak istiyorum.

Child tema üzerinde ana temanın style.css dosyasını etkileştirme

Bazı alt temalarda, ana temanın style.css dosyasını çekmek gerekir. Bunun için aşağıdaki fonksiyon kullanılabilir.

Child tema altında yeni dil dosyası tanımlama

Child tema altında yeni bir dil dosyasını tanımlamak için aşağıdaki fonksiyonu kullanabilirsiniz. Ancak child tema altında languages adında bir klasör oluşturmanız gerektiğini unutmamalısınız. Textdomain yerine ise, ana temada dil dosyası için kullanılan tanımlamayı yapmalısınız.

Ana temanın javascript ve css dosyalarını iptal etme

WordPress site hızlandırmak için, ana temanın bazı CSS ve JS dosyalarını iptal etmek için aşağıdaki fonksiyonu kullanabilirsiniz. $hande yerine ana temada ya da pluginde geçen CSS ya da JS adını yazmalısınız.

Örnek:
CSS dosyaları için ID içinde tanımlı olanlar birer $handle’dır. $handle yerine flatsome, flatsome-main ya da kendi temanızdaki CSS tanımları yazılabilir.

WordPress Child Tema ve Child Tema Fonksiyonları

Ana temada bulunan post type özelliğini devre dışı bırakma

Elimizde portfolyoları listeyeleyebileceğimiz bir post_type olduğunu düşünelim. Portfolio post_type özelliğini kaldırmak için aşağıdaki fonksiyon kullanılabilir.

Sonuç

Hepsi bu kadar valla. İnanın hazır temalarda child tema kullanmak zor değil. Sadece biraz pratik gerekiyor. Sonrası zaten çorap söküğü gibi… 🙂 Paylaşmayı ve yorumlarınızı eksik etmeyin.

Çok sevgiler 🤗

  1. serkan diyor ki:

    Merhaba Özlem Hanım,
    Bir sorum olacak. Web siteme child tema yükledim. Divi Visual Builder’ı kullanarak tasarım yapacağım. Çocuk teması üzerinde de Divi Visual Builder’ı kullanabilir miyim?

  2. Okan diyor ki:

    Özlem Hanım, WordPress child tema fonksiyonlarını paylaşan başka bir web sitesi görmedim. Bu kadar detaylı anlatmanız, işinize ne kadar önem verdiğinizi ve uzman olduğunuzu gösterir. Teşekkür ederim paylaşamınız için.

    • Özlem Çimen diyor ki:

      Okan Bey merhaba,

      Öncelikle güzel düşünceleriniz için eksik olmayın. Mümkün olduğu kadar WordPress fonksiyonları da paylaşmaya çalışıyorum. Zaten bu yazıyı da mümkün olduğu kadar güncelleyeceğim. O nedenle takipte kalın 🤗

      Sevgiler.

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir