WordPress Alt Teması Oluşturma Eğitimi

Birçoğumuz temada bir şeyi özelleştirmek istiyoruz. Ayrıca, kullandığınız temaya bir şeyler eklemek veya düzenlemek mi istiyorsunuz? Cevabınız evet ise doğru yere geldiniz arkadaşım. Bu gönderi, bir WordPress alt teması oluşturmaya ilişkin basit ve kapsamlı bir eğitimdir.

Temanın çok sayıda özelleştirme seçeneği varsa, bu ihtiyaçlarınızı karşılamanıza yardımcı olabilir. Ancak kaç tane seçenek mevcut olursa olsun, sahip olduğunuz mevcut temanın yapamadığı veya istediğiniz gibi olmadığı bir şey olabilir. Bu nedenle, kodlar ve WordPress konusunda rahatsanız, tema dosyalarına dalabilir ve temanıza hoşunuza giden değişiklikleri eklemek için birkaç dakika, saat harcayarak düzenlemeye başlayabilirsiniz, ancak temanız bir sonraki geldiğinde bu değişiklikleri kaybettiğinizi keşfedebilirsiniz. güncelleme yuvarlanıyor.

Bundan kaçınmak için Çocuk Teması adlı kahramanımız geliyor. Alt tema oluşturmak, orijinal temanın kodunda hiçbir şeyi değiştirmeden sitenizde değişiklik yapmanıza olanak tanır. Yalnızca birkaç küçük değişiklik yapıyor olsanız bile, bir alt tema oluşturmak için birkaç dakika harcamak size fayda sağlar.

Not : Web sitenizde basit CSS değişiklikleri yapmak için alt Tema oluşturmak yerine WordPress 4.7'de eklenen Ek CSS kutusunu kullanabilirsiniz. Ek CSS kutusu aracılığıyla yapılan bu değişiklikler, temayı güncelleseniz bile orada kalacaktır. Ancak PHP dosyalarını düzenlemek gibi başka ek değişiklikler arıyorsanız, bir alt tema oluşturulmalıdır.

Bu yüzden, bunun ' Neden Bir Çocuk Teması Oluşturun?' konusunu kapsayacağını düşünüyorum. soru. Öyleyse devam edelim ve bir çocuk teması oluşturalım.

WordPress Çocuk Teması nasıl oluşturulur?

Bu eğitimde, kendi popüler temamız Spacious için bir alt temanın nasıl oluşturulacağını göstereceğiz.

Adım bir:

Temalar dizininizde yeni bir klasör oluşturun. Bunu cPanel veya FTP üzerinden yapabilirsiniz. Temalar dizini wp-content/themes'dir. Öyleyse, klasörü geniş-çocuk olarak adlandıralım. İstediğiniz gibi adlandırabilirsiniz ancak klasör adında boşluk olmaması gerektiğini unutmayın. Alt temayı ana tema artı -child eklenmiş olarak adlandırmak yaygın bir yaklaşımdır.

İkinci adım:

Geniş-alt klasörün içinde style.css adında bir dosya oluşturun ve bilgileri aşağıda gösterildiği gibi doldurun.

/*
Theme Name: Spacious Child Theme
Theme URI: http://themegrill.com/themes/spacious/
Description: Spacious Child Theme
Author: ThemeGrill
Author URI: http://themegrill.com
Template: spacious
Version: 1.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

Bunu ekleyin ve dosyayı kaydedin.

Hatırlanması gereken noktalar :

• Şablon adı (burada geniş) ana temanın klasör adıyla eşleşmeli ve ayrıca addan sonra boşluk kalmadığından emin olmalıdır.
• Diğer detaylar istediğiniz gibi eklenebilir veya değiştirilebilir.

Adım üç:

İkinci Adımda 'style.css' oluşturduğunuz gibi function.php adlı bir dosya oluşturun. Ve aşağıda gösterildiği gibi bilgileri doldurun.

<?php
/**
 * Child theme functions file.
 */
function spacious_child_enqueue_styles() {
	// Parent theme style handle 'spacious_style'.
	$parent_;

	// Enqueue parent and child theme style.css.
	wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
	wp_enqueue_style( 'spacious_child_style', get_stylesheet_directory_uri() . '/style.css', array( $parent_style ), wp_get_theme()->( 'Version' ) );
}

add_action( 'wp_enqueue_scripts', 'spacious_child_enqueue_styles' );

Bir alt tema oluştururken, style.css ve function.php dosyaları zorunludur , şablon dosyaları ve diğer dosyalar isteğe bağlıdır ve gerekirse oluşturulabilir.

Son olarak , alt temayı etkinleştirmek için kontrol panelinde Görünüm->Temalar'a gidin. Oluşturduğunuz alt temayı bulun ve etkinleştirin. Bu kadar. Ayrıca, alt temanın çalışması için ana temanın yüklü temalarda da bulunduğundan emin olun. Şimdi sitenizi ziyaret ederseniz, tıpkı ana temanın etkinleştirildiği zamanki gibi görünmelidir. Ancak, Özelleştirici'deki bazı ayarları sıfırlamanız gerekebilir.

Temanızın CSS'sini Değiştirme

Temanın CSS'sini değiştirmek istiyorsanız, style.css dosyasının sonuna CSS ekleyebilir ve kaydedebilirsiniz. Bu CSS satırları, ana tema CSS'sinin üzerine yazacaktır.

Örneğin, 36px varsayılan değeri için geniş tema için site başlığının yazı tipi boyutunu 42px değiştirmek ve ayrıca rengini #444444 36px varsayılan değerinden maviye ( #0000FF ) değiştirmek istediğimizi 42px . Ardından aşağıdaki CSS satırlarını ekleyebilirsiniz.

/*
Theme Name: Spacious Child Theme
Theme URI: http://themegrill.com/themes/spacious/
Description: Spacious Child Theme
Author: ThemeGrill
Author URI: http://themegrill.com
Template: spacious
Version: 1.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
#site-title a {
	color: #0000FF;
	font-size: 42px;
}

Daha Fazla Değişiklik Yapmak

Diğer tema dosyalarını düzenleme
Ayrıca şablon dosyalarını ayarlayarak tema dosyalarında yapısal değişiklikler yapabilirsiniz. Diyelim ki bazı değişiklikler istiyorsunuz veya başlığa fazladan kod eklemek istiyorsunuz. Ardından ana temanın header.php dosyasını kopyalayabilir, alt temanın içine yapıştırabilir ve orada değişiklik yapabilir/ekleyebilir ve dosyayı kaydedebilirsiniz. Bu header.php dosyası, ana temanın header.php dosyası yerine yüklenecektir.

Toplama

Umarım artık bir alt tema oluşturabilir ve istediğiniz özelleştirmeyi yapabilirsiniz. Bir şey söylemek ister misin? Yorumlara ekleyin, size geri döneceğim. Eğlence!