WordPress'te alt tema nasıl oluşturulur (Programlı ve eklenti)

Sitenizin tasarımını kişiselleştirmek ve ziyaretçileriniz üzerinde bir izlenim bırakmak ister misiniz? Bu kılavuzda, hem biraz kodlama hem de eklentilerle WordPress'te nasıl alt tema oluşturacağınızı göstereceğiz.

Özelleştirme , web sitenizin tasarımında güçlü bir faktördür. Web sitenizin öne çıkmasına yardımcı olmak için elinizden gelen her şeyi yaptığınızdan emin olmak istersiniz. Ve ihtiyaçlarınıza uygun bir tasarıma sahip bir WordPress teması kullanabilirken, varsayılan ayarlara biraz lezzet katarsanız çok daha iyisini yapabilirsiniz. İster birkaç arka plan ayarını değiştiriyor, ister siteniz için bir mega menü oluşturuyor.

Ancak, özellikle işinize yarayan bir tasarımı değiştiriyorsanız, web sitenizi özelleştirmek oldukça zor olabilir. Bu nedenle, WordPress temanızı özelleştirmek istiyorsanız, bir alt tema kullanmanızı şiddetle tavsiye ederiz. Ve bugünün öğreticisi size bunu getiriyor: WordPress'te bir alt temanın nasıl oluşturulacağına dair yeni başlayanlar için bir rehber .

Çocuk teması nedir?

Basitçe söylemek gerekirse, bir alt tema, oluşturduğunuz ve mevcut bir ana temanın tasarımını ve görünümünü devralan ek bir temadır. Alt tema, aynı zamanda değiştirebileceğiniz ana temanın tüm işlevlerini ve özelliklerini de devralır.

Ancak ana tema ile aynı tasarıma ve işlevlere sahipse, neden bir alt temaya ihtiyacınız var? WordPress'te alt temalar oluşturmanın belirli avantajları vardır. Birincisi, ana temadan özelleştirmeyi ayrı tutabilir ve bunları ayrı ayrı özelleştirebilirsiniz. Örneğin, alt temanın kodunda değişiklik yapabilirsiniz ve bu özelleştirme ana temadan ayrı kalacaktır, böylece ana temalardaki dosyaların hiçbiri etkilenmeyecektir.

Ayrıca, bir alt tema kullanmanın önemli bir avantajı, ana temayı güncelledikten sonra bile tüm özelleştirmelerinizi koruyabilmenizdir. Ana temanızı özelleştirmeyle ilgili büyük bir sorun, temayı güncellediğinizde bu değişikliklerin kaybolmasıdır. Bu nedenle, bir alt temayla, stilleri, şablonları veya işlevleri değiştirseniz de değiştirmeseniz de, tema dosyalarında yaptığınız değişiklikler, güncellemelerinizden sonra bile kayıtlı kalır.

Geliştiriciler, daha yeni tema tasarımlarını hızla oluşturmak için alt temaları da kullanabilir. Alt temaları kullanarak sıfırdan başlamaları gerekmez ve ana temaları kendi tema tasarımlarına uyacak şekilde değiştirmeyi seçebilirler.

Çocuk temalarının faydaları

Özetlemek gerekirse, tema özelleştirmeleriniz için daha fazla esneklik istiyorsanız, bir alt tema kullanmak harika bir fikirdir. Alt temaları kullanmanın başlıca avantajlarından bazıları şunlardır:

• Alt temada yaptığınız herhangi bir özelleştirme, ana temadan ayrı kalır ve bu nedenle güncellemelerden sonra geri alınmaz veya kaybolmaz.
• Ana temanızı veya dosyalarını yanlışlıkla bozma riski yoktur.
• Geliştiriciler, esnek tema tasarımları ve tema çerçeveleri oluşturarak geliştirme süresinden tasarruf etmek için alt temaları ve ana temaları kullanabilir.
• Alt temalar çok hafiftir ve alt temayı devre dışı bırakarak veya kaldırarak değişiklikleri istediğiniz zaman geri alabilirsiniz.

Şimdi neden bir alt tema kullanmayı düşünmeniz gerektiğini açıkladığımıza göre, WordPress'te nasıl bir alt tema oluşturabileceğinize bir göz atalım.

WordPress'te bir alt tema nasıl oluşturulur

WordPress'te alt tema oluşturmanın 2 ana yolu vardır:

1. Eklenti kullanma
2. programatik olarak

Her iki yöntemin de artıları ve eksileri vardır, bu nedenle becerilerinize ve ihtiyaçlarınıza en uygun olanı kullanın.

1) Bir WordPress Eklentisi kullanarak bir Çocuk teması oluşturun

Bir eklenti kullanarak bir alt tema oluşturmak, en kolay ve en yeni başlayanlar için uygun yoldur. Tek yapmanız gereken bir eklenti yüklemek , şurada burada birkaç düğmeyi tıklamak ve hazırsınız. Ve kullanımı çok kolay olan çok sayıda alt tema eklentisi var.

Bu kılavuz için Child Theme Generator eklentisini kullanacağız. Diğer seçeneklere göz atmak isterseniz, en iyi WordPress Çocuk Teması eklentileri listemize göz atmanızı öneririz.

Hangi eklentiyi tercih ettiğinize karar verdikten sonra yüklemeniz gerekiyor. Bu nedenle, WP Yönetici Kontrol Panelinizi açın, Eklentiler'in üzerine gelin ve Yeni Ekle'yi tıklayın. Ardından, yüklemek üzere olduğunuz eklentiyi aramak için sağ üstteki arama çubuğunu kullanın. Child Theme Generator'ı yükleyeceğiz.

Ardından, istediğiniz eklentiyi yükleyin . Kurulum bittiğinde, Etkinleştir'e basın. Alternatif olarak, kenar çubuğunuzdaki Eklentiler > Yüklü Eklentiler'e giderek eklentilerinizi etkinleştirebilir/devre dışı bırakabilirsiniz.

Child Theme Generator eklentisi ile bir alt tema nasıl oluşturulur

Eklentiyi kurup etkinleştirdikten sonra, Ayarlar > Child-Theme Gen'e tıklayarak eklentinin arayüzünü açın.

Ardından, Yeni Oluştur sekmesi altında alt temanızla ilgili çeşitli ayrıntıları doldurabilirsiniz.

Basitçe, ana temanız olarak istediğiniz temayı seçin, tema başlığınızı, açıklamanızı, alt tema URL'nizi, yazar ve diğer tema ayrıntılarını ekleyin. Burada, tema dosyalarınızla birlikte bir GNU GPL lisansı eklemeyi de seçebilirsiniz.

İşiniz bittiğinde, Yeni bir alt tema oluştur'u tıklayın; giriş ayrıntılarınıza göre bir alt tema oluşturulacaktır.

Ardından Görünüm > Temalar'a giderek, yeni oluşturduğunuz alt temayı seçip etkinleştirerek değiştirebilir veya etkinleştirebilirsiniz.

Bu kadar! Az önce alt temanızı oluşturdunuz! Artık onu özelleştirebilir ve istediğiniz tüm değişiklikleri yapabilirsiniz.

Şimdi, eklenti kullanmadan programlı olarak nasıl bir alt tema oluşturabileceğinize bir göz atalım.

2) Programlı olarak bir Çocuk teması oluşturun

Herhangi bir eklenti yüklemek istemiyorsanız, programlı olarak bir WordPress alt teması oluşturabilirsiniz . Bu biraz kodlama gerektirir, ancak yeni başlayanlar için bile oldukça kolaydır. Tek yapmanız gereken, alt temanızın klasörünü oluşturmak ve içinde birkaç dosya oluşturmak.

Ana temayı etkinleştirin

Bu nedenle, öncelikle web sitenizde alt tema oluşturmak istediğiniz ana temayı etkinleştirmeniz gerekir.

Ardından, web sitenizin web barındırma kontrol panelini kullanmanız ve sunucu klasörlerinize erişmeniz gerekir. Sitenizin tema klasörünü açmak için panelinizin dosya yöneticisini veya FTP istemcisini kullanmanız gerekecek. Bu public_html/wp-content/themes altındadır.

adımlar

Temanın klasörünü bulduktan sonra şu kolay adımları izleyin:

1) Temalar dizini içinde alt temanızın adıyla bir klasör oluşturun . Şimdilik Demo Child Theme kullanacağız. Ayrıca yönetimi kolaylaştırmak için ana temanızın adını ve ardından bir alt son eki kullanabilirsiniz. Örneğin, Flash-Child veya Blacklite-Child .

2) Ardından bir style.css dosyası oluşturun ve aşağıdaki kodu style.CSS dosyasının içine kopyalayın.

 /*
Tema Adı: Demo Çocuk teması
Şablon: Blacklite
Tema URL'si: Quadlayers.com/blog
Açıklama: Demo Çocuk Teması
Tema Yazarı: Dört Katmanlar
Yazar URL'si: Qualayers.com
Sürüm: 1.0.0
*/

Buna stil sayfası denir. Alt temanız için bu bilgiyi değiştirmeyi unutmayın. Kodun her satırı için iki nokta üst üste işaretinden sonra bilgileri eklemeniz yeterlidir. Buradaki en önemli kısımlar, benzersiz olması gereken Tema Adı ve kullandığınız ana temayı belirlemek için kullandığınız şablonun adıdır .

3) Ardından, alt tema klasörünün içinde Functions.php adlı bir dosya oluşturun ve aşağıdaki kodu kopyalayın:

 <?php
add_action('wp_enqueue_scripts', 'enqueue_parent_styles');
function enqueue_parent_styles() {
wp_enqueue_style( 'ebeveyn stili', get_template_directory_uri().'/style.css' );
}
?>

4) Her iki dosyayı da kaydedin ve ardından Pano > Görünüm > Temalar'a gidin. Style.CSS klasörünüze eklediğiniz açıklama ile yeni bir alt tema göreceksiniz!

WordPress'te programlı olarak bir alt temayı bu şekilde yaratırsınız. Şimdi nasıl özelleştireceğimizi görelim.

WordPress Alt Temanızı nasıl özelleştirebilirsiniz?

Bu bölümde, alt temanızın görünümünü daha derin bir düzeyde özelleştirmek için neler yapabileceğinize bir göz atacağız. Birincisi, biraz CSS kullanarak yazı tipi ayarlarını ve arka plan rengini değiştirelim.

Tema CSS'nizi özelleştirin

İlk olarak, Tema özelleştiricinizi açmak için Görünüm > Özelleştir'e gidin. Ardından, kenar çubuğu menüsünde Ek CSS'yi tıklayın.

Burada, doğrudan tema ayarlarınızın üzerine yazacak bazı CSS kodları ekleyebilirsiniz. Örneğin, bu küçük kodu ekleyebilirsiniz:

 P {
renk: gri;
}
P {
yazı tipi ailesi: Helvetica;
yazı tipi boyutu: 18 piksel;
}

Bu küçük kod parçasını eklediğinizde, Canlı özelleştiricideki değişiklikleri göreceksiniz. Biraz daha renge ihtiyacımız var, bu yüzden sitenizin widget çubuğunun arka plan rengini değiştirelim:

 .Araç {
arka plan: #00FFFF;
dolgu: 25 piksel;
}

Şimdi, “Powered by WordPress” telif hakkı alt bilgisini kaldırmak için fazladan bir kod satırı ekleyelim:

 .site-info { görüntü: yok; }

Ve işte başlıyoruz, alt temanızı biraz CSS ile özelleştirdiniz. Bu sadece bu modifikasyonların yüzeyini çiziyor. Yapabileceğiniz daha çok şey var.

Theme Functions.php dosyanızı özelleştirin

Görünüm > Tema düzenleyici seçeneğine giderek tema dosyalarınızı doğrudan özelleştirebilirsiniz. Ardından, temanıza özel işlevler eklemek için Functions.php dosyanıza tıklayın.

Örneğin, web sitenize sağ tıklamayı devre dışı bırakmak için şu kod satırlarını Functions.php dosyanıza ekleyin:

 function senin_fonksiyonun() {
?>
<script>
jQuery(belge).ready(işlev(){
jQuery(belge).bind("contextmenu",function(e){
yanlış döndür;
});
});
</script>
<?php
}
add_action('wp_footer', 'your_function');

Ardından, Dosyayı Güncelle'yi tıklayın.

Son olarak, bir şeyi karıştırırsanız, alt temanızı silebilir, yeni bir tane oluşturabilir ve ardından ana temanızı etkilemeden sıfırdan başlayabilirsiniz.

Çözüm

Sonuç olarak, alt temalar oluşturmak ve özelleştirmek, her tür WordPress kullanıcısı için yepyeni bir tema değişikliği yolu açar. Bununla ilgili en iyi şey, temanızı bozabilecek her şeyi geri alabileceğiniz için sağladığı esnekliktir. Ayrıca, tüm özelleştirmeleriniz ana temadan ayrı kalır ve güncellemelerden sonra kaybolmaz. Bu nedenle, bir alt tema oluşturmanızı ve sitenizi geliştirmek için onunla oynamanızı şiddetle tavsiye ediyoruz.

Bu karmaşık gelebilir ama değil. Tek yapmanız gereken tema dosyalarınıza biraz kod eklemek ve birkaç klasörü yönetmek.

Ancak, tüm kullanıcılar, özellikle yeni başlayanlar olmak üzere, programlı olarak alt temalar oluşturmayı ve oluşturmayı kolay bulmayabilir. Durumunuz buysa, temanızı oluşturmak için bir eklenti kullanabilirsiniz. Herhangi bir noktada sorun yaşarsanız, bize yorum bırakmaktan çekinmeyin, hemen konuya girelim.

Son olarak, temanızı daha da özelleştirmek istiyorsanız, altbilgilerin nasıl düzenleneceğine ve WordPress'te üstbilgilerin nasıl özelleştirileceğine ilişkin kılavuzlarımıza göz atabilirsiniz.