Bir WordPress Sitesi İçin Temel Bir Alt Tema Nasıl Oluşturulur

Yayınlanan: 2022-10-19

Herhangi bir iyi WordPress geliştiricisi , bir alt temanın mevcut bir WordPress temasını değiştirmenin en iyi yolu olduğunu söyleyecektir. Neden? Niye? Çünkü bir alt tema, ana temanın tüm işlevlerini devralır ve ana temanın koduna dokunmadan değişiklik yapmanıza olanak tanır. Bu şekilde, ana tema güncellendiğinde değişiklikleriniz korunur. Bir çocuk teması oluşturmak nispeten basit bir işlemdir. Bu makalede, bir WordPress sitesi için temel bir alt temanın nasıl oluşturulacağını göstereceğiz.

Bu eğitimde, CSS3 ve HTML5 kullanarak duyarlı bir WordPress temasının nasıl oluşturulacağını gözden geçireceğiz. WordPress'te yeniyseniz, sıfırdan bir tema geliştirmek oldukça basittir. Temanızın işlevsel olması için duyarlı olması gerekir, bu nedenle oluştururken birkaç yönergeyi izlediğinizden emin olun. Bu eğitimde ilk özel WordPress temamızı oluşturmak için HTML5 ve CSS3 kullanacağız. HTML web işaretleme dilinin en yeni sürümü olan HTML5, beşinci ve en gelişmiş dildir. Basamaklı Stil Sayfaları (CSS), bir bilgisayar kullanılarak görüntülenebilen ve düzenlenebilen bir sayfa kümesidir. Web sitenizin davranışını çeşitli ekran boyutlarında ayarlamanıza olanak tanıyan araçlar mevcuttur.

Temaları canlı bir sunucuya yüklemeden önce test etmek istiyorsanız, yerel bir ortamda test ettiğinizden emin olun. WordPress, hem masaüstü sunucusu hem de WAMP sunucusu için kullanılabilir. Hem WAMP hem de Masaüstü Sunucusu hem Windows hem de Mac üzerinde çalışacak şekilde tasarlanmıştır, ancak WAMP Windows için, Masaüstü Sunucusu ise Mac için tasarlanmıştır. Üçüncü adım şu kodu eklemeyi içerir: sidebar.php ve function.php. Bu kodlar, temanızın uyarlanabilir olmasını sağlamak için eklenir. 4. Adımda, temanız için bir düzen oluşturacaksınız. Medya sorgularını kullanarak web sayfasının üstbilgi, altbilgi, index.html, style.html ve diğer kısımlarını değiştirebiliriz.

Bu sayfa için PHP dosyaları gereklidir. Bu adımları izlediyseniz, gerekli tüm şablonlar ve stil sayfalarıyla birlikte yeni WordPress temanız büyük olasılıkla hazır olacaktır. footer.php dosyası, <html> ve >body etiketleri dahil olmak üzere sitenizin alt düzeyini tanımlar. Ayrıca, HTML5 ana gövdesi, HTML5 başlığı, HTML5 bölümü ve HTML5 makalesi gibi bir dizi HTML5 semantik öğesi eklemelisiniz. Gönderi içeriğini görüntülemek için, önemli bir bileşen olan bir WordPress döngüsü kullanmanız gerekir. Özellikle yeni başlayan biriyseniz, sıfırdan bir WordPress teması oluşturmak kolay değildir. Duyarlı bir WordPress teması istiyorsanız, hangi adımları atmanız gerektiğini bilmeniz gerekir.

Alt Tema Nasıl Oluşturulur

Bir alt tema oluşturmak için, alt tema için yeni bir klasör ve bir style.css dosyası oluşturmanız gerekir. style.css dosyası şunları içermelidir: /* Tema Adı: Alt Tema Şablonum: parent-theme-folder */ @import url(“../parent-theme-folder/style.css”); Ardından özel CSS kodunuzu @import kuralının altına ekleyebilirsiniz.

Alt temanın işlevi, ana temanın işleviyle aynı olsa da, yeni özellikler ekleyebilir ve özelleştirebilirsiniz. Çocuklara yönelik temalar, ebeveynlerinin temalarından ayrı tutulur ve hiçbir ebeveyn bunlara erişemez. Bir çocuk temasına sahip olmak, web sitenizi güncellemeyi ve bakımını kolaylaştırır. Ayrıca, üzerine yazmanızı ve web sitenizin görünümünü kaybetmenizi engeller. Alt temanızla yaptığınız her şey ana temanızdan kopyalanır. Bunlar, tüm şablon dosyalarını , işlevleri ve varlıkları ve ayrıca JavaScript varlıklarını içerir. Çoğu durumda, style.html dosyasına birkaç satır kod eklemeniz yeterlidir.

Bir WordPress alt teması oluşturmanın en hızlı yollarından biri bir eklenti kullanmaktır. Ana temanızı seçmek için açılır menüyü tıklayın. Sitenizde birden fazla tema varsa, özelleştirmek istediğinizi seçtiğinizden emin olun. Bundan sonra çocuğunuzun temasına isim verme ve açıklama yazma işlemini tamamlamanız gerekir. Bu sayfa ayrıca, eklentinin yaratıcısına bir destek talebi veya ham veri analizi göndermenize de olanak tanır. Ebeveyniniz olarak kullandığınız tema premium veya kısıtlıysa aşağıdaki adımlar gerçekleştirilmeyebilir. Web sitenizde değişiklik yapmanız gerekiyorsa, tüm ayarlarınızın yedeklendiğinden emin olun.

Bir WordPress alt teması oluşturmak için istediğiniz tüm değişiklikleri daha kişiselleştirilmiş bir düzeyde yapabilirsiniz. Önce alt temanız için bir klasör oluşturun. İkinci adım, çocuğunuzun teması için bir stil sayfası oluşturmaktır. Üst ve alt tema stil sayfalarını yükleyin. Yeni oluşturduğunuz dizin klasöründe bulunan style.css dosyası bir sonraki adımda yerleştirilmelidir. Görünüm'e giderek 5. adımda alt temayı etkinleştirmek gerekir. Bir alt tema kullanmak, bir ana temayı doğrudan düzenlemekten kaçınmanın etkili bir yoludur.

Alt temalar ile herhangi bir programlama dili öğrenmenize gerek kalmadan mevcut web sitenizde çeşitli değişiklikler yapabilirsiniz. Uygun bir barındırma hizmetine ek olarak, ihtiyaçlarınıza uygun bir taneye ihtiyacınız olacak. Web sitesi performansına öncelik veren düşük maliyetli paylaşılan barındırma planları için DreamHost'tan başkasını aramayın.

Alt Temaları Kullanmanın Artıları ve Eksileri

Alt temaları kullanmanın sayısız avantajı vardır. Bir şablonu tercih ederseniz, özel gereksinimlerinizi karşılayacak şekilde özelleştirilebilirler veya önceden tasarlanmış bir tema alabilirsiniz. Ayrıca, temanızda yaptığınız tüm değişiklikleri tek bir yerde depolayarak sitenizi düzenli tutmanıza yardımcı olabilirler.
WordPress alt temaları desteklemese de, kesinlikle güçlü ve zaman kazandıran bir araçtır.

Alt Tema Nedir?

Alt tema, ana tema adı verilen başka bir temanın işlevselliğini ve stilini devralan bir temadır. Alt temalar, genellikle ana temayı güncelleme yeteneğini kaybetmeden mevcut bir temada değişiklik yapmak istediğinizde kullanılır.

Neden Bir Çocuk Teması Kullanmalısınız?

Çocuk teması kullanmanın bir avantajı, çocuğunuzun çok daha hızlı hareket edebilmesidir. Her şeyi kendiniz yazmak yerine, bir omurga görevi görmesi ve gerektiğinde gerekli değişiklikleri yapması için ebeveyne güvenirsiniz. Bu aynı zamanda temanızı tutarlı ve düzenli tutmanıza yardımcı olarak yeni özellikler eklemenize veya mevcut bir temada daha kolay değişiklik yapmanıza olanak tanır.