WordPress Alt Tema Oluşturma (Başlangıç Rehberi)

Alt temalar, yeni başlayanları kafa karıştırıcı hale getiren, çok sık kullanılan WordPress terimlerinden biridir. Hatta onlardan bahsetmiş ve ne kadar karmaşık göründükleri nedeniyle oluşturmaktan vazgeçmiş olabilirsiniz.

Bunu anlıyoruz. Ancak deneyimlerimize göre, alt temalar gelecekte size çok baş ağrısından kurtarabilir. Değerli özelleştirmelerinizi korurlar, sitenizi bozmadan denemeler yapmanıza olanak tanırlar ve temanızı güncellemenizi kolaylaştırırlar.

İlgileniyorsanız, bu başlangıç dostu rehberde bir alt temanın nasıl çalıştığını, nasıl özelleştirileceğini ve nasıl değişiklikler yapılacağını ayrıntılı olarak açıkladık.

Alt Tema Nasıl Çalışır ve Neden İhtiyacınız Var?

Bir alt tema, başka bir WordPress temasının tüm özelliklerini, işlevlerini ve stillerini devralır. Bir alt tema oluşturduğunuzda, orijinal tema üst tema olarak adlandırılır.

Devralma, temanın ana stilini tanımlayan üst temanın style.css dosyasını içerir. Alt tema, kendi dosyalarını ekleyerek veya mevcut olanları değiştirerek devraldığı özellikleri geçersiz kılabilir veya genişletebilir.

Bir alt tema yüklemeden WordPress temanızı özelleştirmek mümkün olsa da, yine de bir alt temaya ihtiyaç duymanız için birkaç neden vardır:

• Alt temalar, tema güncellemeleri sırasında özelleştirmelerinizi koruyarak üzerine yazılmaktan güvenli tutar. Üst temayı doğrudan değiştirirseniz, güncellediğinizde bu değişiklikler kaybolabilir.
• Alt temalar, bir hazırlık ortamına benzer şekilde, sitenin orijinal temasını bozmadan yeni tasarımları veya özellikleri güvenle denemenize olanak tanır.
• kod yazmayı biliyorsanız, alt temalar geliştirme sürecini daha verimli hale getirebilir. Bir alt temanın dosyaları, üst temanınkinden çok daha basittir. Yalnızca üst temanın değiştirmek veya genişletmek istediğiniz kısımlarını değiştirmeye odaklanabilirsiniz.

WordPress Alt Teması Oluşturmadan Önce Ne Yapmalı

Birçok WordPress kullanıcısının teknik konulara dalma konusunda heyecanlandığını, ancak hatalar çıktığında cesaretlerinin kırıldığını gördük. Anlıyoruz. Bu yüzden bir çocuk teması oluşturmadan önce neye bulaştığınızı bilmek önemlidir.

Bu adım adım kılavuzla devam etmeden önce yapmanızı önerdiğimiz bazı şeyler şunlardır:

1. Kodla çalışacağınızın farkında olun. En azından, hangi değişiklikleri yapmanız gerektiğini anlamak için HTML, CSS, PHP ve isteğe bağlı olarak JavaScript hakkında temel bir anlayışa ihtiyacınız olacaktır. Bu konuda daha fazla bilgiyi WordPress tema el kitabında okuyabilirsiniz.
2. İstediğiniz web sitesi tasarımına ve özelliklerine sahip bir üst tema seçin. Mümkünse, yalnızca birkaç değişiklik yapmanız gereken bir tane bulun. Gerekirse, WordPress temalarını değiştirmeden önce yapmanız gerekenler hakkındaki kontrol listemizi takip edebilirsiniz.
3. Tema geliştirme için yerel bir site veya hazırlık sitesi kullanın. Canlı sitenizde istenmeyen hatalar oluşturmak istemezsiniz.
4. Web sitenizi yedekleyin önce. Eğer bu ilk seferinizse, Duplicator gibi bir yedekleme eklentisi kullanmanızı öneririz.

Mevcut temanızdan bir alt tema oluşturmanın birkaç yolu vardır. Biri manuel kodla, diğerleri ise daha başlangıç dostu olan bir eklenti gerektirir.

İlk yöntem, teknik deneyiminiz yoksa göz korkutucu görünebilir. Bununla birlikte, eklenti yöntemlerinden birini seçseniz bile, süreci ve ilgili dosyaları öğrenmek için manuel yöntemi okumanızı öneririz.

Tüm bunları göz önünde bulundurarak, WordPress'te nasıl alt tema oluşturulacağına geçelim. Aşağıdaki bağlantıları kullanarak tercih ettiğiniz yönteme atlayabilirsiniz:

• Yöntem 1: Manuel Olarak Bir WordPress Alt Teması Oluşturma
• Yöntem 2: Bir Eklenti ile Klasik Bir Alt Tema Oluşturma
• Yöntem 3: Bir Eklenti ile Alt Blok Tema Oluşturma
• Ek İpucu: Temanızın Bir Alt Tema Oluşturucusu Olup Olmadığını Öğrenin
• Klasik Alt Tema Özelleştirme
• Blok Alt Temanızı Özelleştirme
• Bir Alt Tema'nın Şablon Dosyalarını Düzenleme
• Alt Temanıza Yeni İşlevsellik Nasıl Eklenir
• WordPress Alt Temanızı Sorun Giderme

Yöntem 1: Manuel Olarak Bir WordPress Alt Teması Oluşturma

İlk olarak, WordPress kurulum klasörünüzdeki /wp-content/themes/ yolunu açmanız gerekir.

Bunu, WordPress barındırma hizmetinizin dosya yöneticisini veya bir FTP istemcisini kullanarak yapabilirsiniz. İlk seçeneğin çok daha kolay olduğunu düşünüyoruz, bu yüzden onu kullanacağız.

Eğer bir Bluehost müşterisiyseniz, hosting hesabınızın kontrol paneline giriş yapabilir ve ‘Web Siteleri’ sekmesine gidebilirsiniz. Ardından ‘Ayarlar’a tıklayın.

Genel Bakış sekmesinde, 'Hızlı Bağlantılar' bölümüne gidin.

Ardından 'Dosya Yöneticisi'ni seçin.

Bu aşamada, web sitenizin public_html klasörüne gitmeniz ve /wp-content/themes/ yolunu açmanız gerekir.

Burada, çocuk temanız için yeni bir klasör oluşturmak üzere sol üst köşedeki ‘+ Klasör’ düğmesine tıklayın.

Klasörü istediğiniz gibi adlandırabilirsiniz.

Bu eğitim için, üst tema olarak Twenty Twenty-One kullanacağımız için sadece twentytwentyone-child klasör adını kullanacağız. Tamamlandığında, 'Yeni Klasör Oluştur' düğmesine tıklayın.

Ardından, az önce oluşturduğunuz klasörü açmalı ve alt temanız için ilk dosyayı oluşturmak üzere '+ Dosya'ya tıklamalısınız.

Bir FTP istemcisi kullanıyorsanız, Notepad gibi bir metin düzenleyici kullanabilir ve dosyayı daha sonra yükleyebilirsiniz.

Bu dosyayı 'style.css' olarak adlandırın, çünkü bu, alt tema hakkında bilgi içerecek olan alt temanızın ana stil sayfasıdır.

Ardından, ‘Yeni Dosya Oluştur’a tıklayın.

Şimdi, style.css dosyasına sağ tıklayın.

Bundan sonra, aşağıdaki ekran görüntüsündeki gibi yeni bir sekme açmak için 'Düzenle'ye tıklayın.

Bu yeni sekmede, aşağıdaki metni yapıştırabilir ve ihtiyaçlarınıza göre ayarlayabilirsiniz:

/*
Theme Name:   Twenty Twenty-One Child
Theme URI:    https://wordpress.org/themes/twentytwentyone/
Description:  Twenty Twenty-One child theme
Author:       WordPress.org
Author URI:   https://wordpress.org/
Template:     twentytwentyone
Version:      1.0.0
Text Domain:  twentytwentyonechild
*/

Bittiğinde, 'Değişiklikleri Kaydet'e tıklamanız yeterlidir.

Yapmanız gereken bir sonraki şey, ikinci bir dosya oluşturmak ve adını functions.php koymaktır. Bu dosya, üst temanın dosyalarından stil sayfalarını içe aktaracak veya kuyruğa alacaktır.

Belgeyi oluşturduktan sonra, aşağıdaki wp_enqueue kodunu ekleyin:

add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
    $parenthandle = 'twenty-twenty-one-style'; // This is 'twenty-twenty-one-style' for the Twenty Twenty-one theme.
    $theme = wp_get_theme();
    wp_enqueue_style( $parenthandle, get_template_directory_uri() . '/style.css', 
        array(), // if the parent theme code has a dependency, copy it to here
        $theme->parent()->get('Version')
    );
    wp_enqueue_style( 'custom-style', get_stylesheet_uri(),
        array( $parenthandle ),
        $theme->get('Version') // this only works if you have Version in the style header
    );
}

Tamamlandığında, önceki adımda olduğu gibi dosyayı kaydedin.

Şimdi çok temel bir alt tema oluşturdunuz. WordPress yönetici panelinizde Görünüm » Temalar bölümüne gittiğinizde, Yirmi Yirmi Bir Alt Seçeneğini görmelisiniz.

Sitenizde çocuk temasını kullanmaya başlamak için ‘Aktive Et’ düğmesine tıklayın.

Yöntem 2: Bir Eklenti ile Klasik Bir Alt Tema Oluşturma

Bu sonraki yöntem Child Theme Configurator eklentisini kullanır. Bu kullanımı kolay WordPress eklentisi, kod kullanmadan WordPress alt temalarını hızlı bir şekilde oluşturmanıza ve özelleştirmenize olanak tanır, ancak yalnızca klasik (blok olmayan) temalarla iyi çalışır.

Yapmanız gereken ilk şey WordPress eklentisini yüklemek ve etkinleştirmektir. Etkinleştirdikten sonra, WordPress kontrol panelinizde Araçlar » Alt Temalar'a gitmeniz gerekir.

Üst/Çocuk sekmesinde, bir eylem seçmeniz istenecektir. Başlamak için ‘Yeni Bir Çocuk Tema OLUŞTUR’ seçeneğini seçin.

Ardından, açılır menüden bir üst tema seçin. Hestia temasını seçeceğiz.

Bundan sonra, temanın üst tema olarak kullanıma uygun olup olmadığını kontrol etmek için 'Analiz Et' düğmesine tıklayın.

Ardından, alt temanın kaydedileceği klasörün adını girmeniz istenecektir. İstediğiniz herhangi bir klasör adını kullanabilirsiniz.

Bunun altında, yeni stilleri nereye kaydedeceğinizi seçmeniz gerekir: birincil stil tablosunda mı yoksa ayrı bir stil tablosunda mı.

Birincil stil sayfası, alt temanızla birlikte gelen varsayılan stil sayfasıdır. Bu dosyaya yeni özel stiller kaydettiğinizde, alt temanızın ana stillerini doğrudan değiştirmiş olursunuz. Her değişiklik orijinal temanın stilini üzerine yazacaktır.

Ayrı seçenek, yeni bir özel stili ayrı bir stil sayfası dosyasına kaydetmenize olanak tanır. Bu, orijinal temanın stilini korumak ve üzerine yazmamak istediğinizde kullanışlıdır.

Gösterim amaçlı olarak ilk seçeneği seçeceğiz. Ancak alt tema özelleştirmelerinizle daha yaratıcı hale geldikçe, bu işlemi tekrarlayabilir ve ikinci seçeneği seçebilirsiniz.

Aşağı doğru ilerleyerek, üst temanın stil sayfasının nasıl erişileceğini seçmeniz gerekir.

Eklentinin uygun eylemleri otomatik olarak belirlemesine izin vereceği için varsayılan 'WordPress stil kuyruğunu kullan' seçeneğiyle devam edeceğiz.

7. adıma geldiğinizde, ‘Çocuk Tema Özniteliklerini Düzenlemek İçin Tıklayın’ etiketli düğmeye tıklamanız gerekecek.

Ardından alt temanızın ayrıntılarını doldurabilirsiniz.

Bir alt tema manuel olarak oluşturduğunuzda, üst temanın menülerini ve widget'larını kaybedersiniz. Child Theme Configurator bunları üst temadan alt temaya kopyalayabilir. Bunu yapmak isterseniz 8. adımdaki kutuyu işaretleyin.

Son olarak, yeni alt temanızı oluşturmak için ‘Yeni Alt Tema Oluştur’ düğmesine tıklayın.

Eklenti, alt temanız için bir klasör oluşturacak ve daha sonra temayı özelleştirmek için kullanacağınız style.css ve functions.php dosyalarını ekleyecektir.

Temayı etkinleştirmeden önce, önizlemek ve iyi göründüğünden ve sitenizi bozmadığından emin olmak için ekranın üst kısmındaki bağlantıya tıklamalısınız.

Her şey yolunda görünüyorsa, 'Aktive Et ve Yayınla' düğmesine tıklayın.

Şimdi, alt temanız yayına girecek.

Bu aşamada, alt tema ana tema ile aynı görünecek ve davranacaktır.

Yöntem 3: Bir Eklenti ile Alt Blok Tema Oluşturma

Eğer bir blok teması kullanıyorsanız, WordPress size Create Block Theme eklentisi ile kolay bir alt tema oluşturma yolu sunar.

İlk olarak, WordPress eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Ardından, Görünüm » Blok Tema Oluştur'a gidin.

Burada, 'Şunun bir Alt Öğesini Oluştur: [mevcut tema adı].' seçeneğini seçin.

Ardından, alt temanızın bilgilerini doldurun. Bu örnekte Twenty Twenty-Four'ü kullanıyoruz, bu yüzden ona Twenty Twenty-Four Child adını vereceğiz.

Alt tema için bir açıklama ve yazar da verdik. İşiniz bittiğinde, ‘Alt Tema Oluştur’ düğmesine tıklayın.

Eklenti şimdi WordPress temasını zip dosyasını oluşturacak ve yönetici alanınıza kuracaktır.

Tamamlandığında, web siteniz bu yeni oluşturulan alt temayı otomatik olarak etkinleştirecektir. Bunu Görünüm » Temalar'a giderek doğrulayabilirsiniz.

Ek İpucu: Temanızın Bir Alt Tema Oluşturucusu Olup Olmadığını Öğrenin

Şanslıysanız, WordPress temanızda zaten bir alt tema oluşturma özelliği bulunabilir.

Örneğin, Astra kullanıyorsanız, Astra Çocuk Tema Oluşturucu web sitesine gidebilirsiniz. Ardından, çocuk tema adınızı doldurun ve 'Oluştur' düğmesine tıklayın.

Tarayıcınız daha sonra alt temanızı bilgisayarınıza otomatik olarak indirecektir, bu da daha sonra kendiniz WordPress'e yükleyebilirsiniz.

Ayrıca, bir alt tema oluşturucusu olan bazı diğer popüler WordPress temalarını bulduk:

• OceanWP
• Ultra
• Nozama
• Eclipse

Klasik Alt Tema Özelleştirme

Teknik olarak, Tema Özelleştiriciyi kullanarak kod kullanmadan alt temanızı özelleştirebilirsiniz. Orada yaptığınız değişiklikler üst temanızı etkilemeyecektir. Henüz kodlama konusunda rahat değilseniz, Özelleştiriciyi kullanmaktan çekinmeyin.

Bununla birlikte, alt temayı kodla özelleştirmenizi de öneririz.

WordPress tema geliştirme hakkında daha fazla bilgi edinmenin yanı sıra, kod özelleştirmesi, değişikliklerin alt tema dosyalarına kaydedilmesini sağlayarak izlemeyi kolaylaştırır.

Şimdi, bir alt temayı özelleştirmenin en temel yolu, style.css dosyasına özel CSS eklemektir. Bunu yapmak için, hangi kodu özelleştirmeniz gerektiğini bilmeniz gerekir.

Mevcut kodu ana temadan kopyalayıp değiştirerek işlemi basitleştirebilirsiniz. Bu kodu Chrome veya Firefox İnceleme aracını kullanarak veya doğrudan ana temanın CSS dosyasından kopyalayarak bulabilirsiniz.

Yöntem 1: Chrome veya Firefox Denetleyicisi'nden Kod Kopyalama

Değiştirmeniz gereken CSS kodunu keşfetmenin en kolay yolu, Google Chrome ve Firefox ile gelen denetleyici araçlarını kullanmaktır. Bu araçlar, bir web sayfasının herhangi bir öğesinin arkasındaki HTML ve CSS'yi incelemenize olanak tanır.

Denetleyici aracı hakkında daha fazla bilgiyi denetim öğesinin temelleri: kendi kendine WordPress'i özelleştirme kılavuzumuzda bulabilirsiniz.

Web sayfanıza sağ tıkladığınızda ve öğeyi incele seçeneğini kullandığınızda, sayfanın HTML ve CSS'ini göreceksiniz.

Farklı HTML satırlarının üzerine fareyle geldiğinizde, denetleyici bunları üst pencerede vurgulayacaktır. Ayrıca vurgulanan öğeyle ilgili CSS kurallarını da şöyle gösterecektir:

Nasıl görüneceğini görmek için CSS'yi orada düzenlemeyi deneyebilirsiniz. Örneğin, temanın gövdesinin arka plan rengini #fdf8ef olarak değiştirmeyi deneyelim. body { diyen kod satırını ve içindeki color: diyen kodu bulun.

Sadece color: yanındaki renk seçici simgesine tıklayın ve HEX kodunu uygun alana, şöyle yapın:

Şimdi, CSS kullanarak arka plan rengini nasıl değiştireceğinizi biliyorsunuz. Değişiklikleri kalıcı hale getirmek için, alt tema dizinindeki style.css dosyanızı (dosya yöneticisi veya FTP kullanarak dosya yöneticisi veya FTP) açabilirsiniz.

Ardından, aşağıdaki kodu alt tema bilgilerinin altına yapıştırın, şöyle:

/*
Theme Name:   Twenty Twenty-One Child
Theme URI:    https://wordpress.org/themes/twentytwentyone/
Description:  Twenty Twenty-One child theme
Author:       WordPress.org
Author URI:   https://wordpress.org/
Template:     twentytwentyone
Version:      1.0.0
Text Domain:  twentytwentyonechild
*/

body {
    background-color: #fdf8ef
}

WordPress yönetici paneline gidip Görünüm » Tema Dosyası Düzenleyici'yi açarsanız şöyle görünecektir:

Yeni başlayan biriyseniz ve başka değişiklikler yapmak istiyorsanız, hangi kodun hangi öğeye atıfta bulunduğunu tam olarak bilmeniz için HTML ve CSS'ye aşina olmanızı öneririz. Başvurabileceğiniz çevrimiçi birçok HTML ve CSS özet tablosu bulunmaktadır.

İşte alt tema için oluşturduğumuz eksiksiz stil sayfası. Denemekten ve değiştirmekten çekinmeyin:

/*
Theme Name:   Twenty Twenty-One Child
Theme URI:    https://wordpress.org/themes/twentytwentyone/
Description:  Twenty Twenty-One child theme
Author:       WordPress.org
Author URI:   https://wordpress.org/
Template:     twentytwentyone
Version:      1.0.0
Text Domain:  twentytwentyonechild
*/

.site-title {
color: #7d7b77;
}
.site-description {
color: #aba8a2;
}
body {
background-color: #fdf8ef;
color: #7d7b77;
}
.entry-footer {
color: #aba8a2;
}
.entry-title {
color: #aba8a2;
font-weight: bold;
}
.widget-area {
color: #7d7b77;
}

Yöntem 2: Üst Tema'nın style.css Dosyasından Kod Kopyalama

Alt temanızda özelleştirmek istediğiniz birçok şey olabilir. Bu durumda, ana temanın stil.css dosyasından doğrudan bazı kodları kopyalayıp alt temanızın CSS dosyasına yapıştırmak ve ardından değiştirmek daha hızlı olabilir.

Zor kısım, bir temanın stil sayfası dosyasının yeni başlayanlar için gerçekten uzun ve göz korkutucu görünebilmesidir. Ancak, temelleri anladığınızda, aslında o kadar da zor değil.

Yirmi Yirmi Bir (Twenty Twenty-One) ana temasının stil sayfasından gerçek bir örnek kullanalım. WordPress kurulum klasörünüzdeki /wp-content/themes/twentytwentyone yoluna gitmeniz ve ardından dosya yöneticinizde, FTP'de veya Tema Dosyası Düzenleyicisinde stil.css dosyasını açmanız gerekir.

Aşağıdaki kod satırlarını göreceksiniz:

:root {
/* Colors */
--global--color-black: #000;
--global--color-dark-gray: #28303d;
--global--color-gray: #39414d;
--global--color-light-gray: #f0f0f0;
--global--color-green: #d1e4dd;
--global--color-blue: #d1dfe4;
--global--color-purple: #d1d1e4;
--global--color-red: #e4d1d1;
--global--color-orange: #e4dad1;
--global--color-yellow: #eeeadd;
--global--color-white: #fff;
--global--color-white-50: rgba(255, 255, 255, 0.5);
--global--color-white-90: rgba(255, 255, 255, 0.9);
--global--color-primary: var(--global--color-dark-gray); /* Body text color, site title, footer text color. */
--global--color-secondary: var(--global--color-gray); /* Headings */
--global--color-primary-hover: var(--global--color-primary);
--global--color-background: var(--global--color-green); /* Mint, default body background */
--global--color-border: var(--global--color-primary); /* Used for borders (separators) */
}

3 ila 15 arasındaki satırlar, tüm temanın belirli HEX kodlarında kullanacağı renk türlerini (sarı, yeşil, mor gibi) kontrol eder. Ve sonra, 'global-color-primary' veya 'global-color-secondary' gibi satırlar için, bu o temanın birincil ve ikincil renkleri anlamına gelir.

Bu kod satırlarını alt temanızın stil sayfasına kopyalayabilir ve ardından HEX kodlarını mükemmel renk şemanızı oluşturmak için değiştirebilirsiniz.

Üst temanın stil sayfasında aşağı doğru kaydırdıkça, diğer değişkenlerin de bu renk değişkenlerine sahip olabileceğini fark edeceksiniz, tıpkı burada olduğu gibi:

/* Buttons */
--button--color-text: var(--global--color-background);

Bu, tüm düğme metinlerinin --global--color-background:'de bildirilenle aynı rengi kullanacağı anlamına gelir, bu da nane yeşili (--global--color-green: #d1e4dd). --global--color-green: içindeki HEX'i değiştirirseniz, düğme metni de farklı görünecektir.

Alt tema özelleştirmelerinizi denemek için bu öğreticileri de takip edebilirsiniz:

• WordPress'te Metin Rengini Değiştirme
• WordPress Logonuzun Boyutunu Nasıl Değiştirirsiniz (Herhangi Bir Tema ile Çalışır)
• WordPress Temalarında Alıntı Blokları Stilini Özelleştirme
• WordPress Vücut Sınıfı 101: Tema Tasarımcıları İçin İpuçları ve Püf Noktaları
• Herhangi Bir WordPress Temasına Paralaks Efekti Nasıl Eklenir

Blok Alt Temanızı Özelleştirme

Bir alt blok tema kullanırsanız, özelleştirmelerinizin çoğu style.css yerine theme.json dosyanızda yapılacaktır.

Ancak, testlerimiz sırasında süreci karmaşık bulduk. Klasik alt temaların aksine, WordPress tema geliştirmeye yeni başlayanlar için doldurmanız gereken daha büyük bir bilgi boşluğu vardır (özellikle JSON ve CSS'nin orada nasıl işlendiği hakkında).

Bununla birlikte, Create Block Theme eklentisini kullanarak çok daha kolay bir alternatif bulduk. Bu araç, WordPress Tam Site Düzenleyicisinde yapılan herhangi bir değişikliği alt temanızın child theme.json dosyasına kaydedebilir. Bu nedenle, eklenti sizin için halledeceği için hiçbir koda dokunmanız gerekmeyecek.

Bir örnek gösterelim. İlk olarak, Görünüm » Düzenleyici'ye giderek WordPress Tam Site Düzenleyicisini açın.

Seçebileceğiniz birkaç menü göreceksiniz.

Burada, sadece 'Stiller'i seçin.

Bir sonraki sayfada, aralarından seçim yapabileceğiniz çeşitli yerleşik stil kombinasyonları göreceksiniz.

Amacımız için, tüm bunları atlayıp sadece kalem simgesine tıklayabilirsiniz.

Şimdi, alt temanızın bazı bölümlerini, örneğin yazı tiplerini değiştirmeyi deneyelim.

Bu örnek için, sağ kenar çubuğundaki 'Tipografi'ye tıklayın.

Ardından, metin, bağlantılar, başlıklar, altyazılar ve düğmeler için temanın genel yazı tiplerini değiştirmek üzere bazı seçenekler göreceksiniz.

Gösterim amacıyla 'Başlıklar'a tıklayalım.

Yazı Tipi açılır menüsünde, orijinal seçimi mevcut olan herhangi bir yazı tipiyle değiştirin.

Gerekirse görünümü, satır yüksekliğini, harf aralığını ve harf büyük/küçük harf kullanımını değiştirmekten çekinmeyin.

İşiniz bittiğinde, 'Kaydet'e tıklayın. Ardından, 'Kaydet'in yanındaki Oluştur Blok Teması düğmesine (anahtar simgesi) tıklayabilirsiniz.

Ardından, 'Temayı Kaydet'e tıklayın.

Ardından, alt temaya hangi değişikliklerin kaydedileceğini seçin.

Örnekler arasında yazı tipleri, özel stiller, şablon değişiklikleri ve daha fazlası yer alır.

Bittiğinde, kenar çubuğunun en altına kadar kaydırın.

Ardından, ‘Değişiklikleri Kaydet’e tıklayın.

Şimdi, değişikliklerin kodda yansıdığını görebilmeniz için tema.json dosyanızı görüntüleyelim.

Bunu yapmak için Oluştur Blok Teması düğmesine tekrar tıklayın ve ‘theme.json’i görüntüle’yi seçin.

Tıkladıktan sonra, dosyanın bazı yeni kod eklemeleri içerdiğini göreceksiniz.

Bizim durumumuzda, dosya, başlık etiketlerinin Inter yazı tipini yarı kalın, 1.2 satır yüksekliği, 1 piksel satır aralığı ve küçük harfle kullanacağını belirten kod içerir.

Bu nedenle, alt blok temanızı düzenlediğinizde, değişikliklerin iyi belgelendiğinden emin olmak için anahtar simgesine tıkladığınızdan ve değişikliklerinizi kaydettiğinizden emin olun.

Alt Tema Şablon Dosyalarını Düzenleme

Çoğu WordPress teması, temanın içindeki belirli bir alanın tasarımını ve düzenini kontrol eden tema dosyaları olan şablonlara sahiptir. Örneğin, altbilgi bölümü genellikle footer.php dosyası tarafından, üstbilgi ise header.php dosyası tarafından işlenir.

Her WordPress temasının farklı bir düzeni de vardır. Örneğin, Yirmi Yirmi Bir teması bir üst bilgi, içerik döngüsü, alt bilgi widget alanı ve alt bilgiye sahiptir.

Bir şablonu değiştirmek istiyorsanız, ana tema klasöründeki dosyayı bulup alt tema klasörüne kopyalamanız gerekir. Ardından, dosyayı açmalı ve istediğiniz değişiklikleri yapmalısınız.

Örneğin, Bluehost kullanıyorsanız ve üst temanız Twenty Twenty-One ise, dosya yöneticinizde /wp-content/themes/twentytwentyone konumuna gidebilirsiniz. Ardından, footer.php gibi bir şablon dosyasına sağ tıklayın ve 'Kopyala'yı seçin.

Bundan sonra, alt temanızın dosya yolunu girin.

İşiniz bittiğinde, 'Dosyaları Kopyala'ya tıklamanız yeterlidir.

Ardından dosya yoluna yönlendirileceksiniz.

footer.php dosyasını düzenlemek için üzerine sağ tıklayıp 'Düzenle' seçeneğini seçmeniz yeterlidir.

Örnek olarak, altbilgi alanındaki 'Gururla WordPress tarafından destekleniyor' bağlantısını kaldıracağız ve oraya bir telif hakkı bildirimi ekleyeceğiz.

Bunu yapmak için, <div class= "powered-by"> etiketleri arasındaki her şeyi silmelisiniz:

<div class="powered-by">
				<?php
				printf(
					/* translators: %s: WordPress. */
					esc_html__( 'Proudly powered by %s.', 'twentytwentyone' ),
					'<a href="' . esc_url( __( 'https://wordpress.org/', 'twentytwentyone' ) ) . '">WordPress</a>'
				);
				?>
			</div><!-- .powered-by -->

Ardından, aşağıdaki örnekte bu etiketlerin altına bulduğunuz kodu yapıştırmanız gerekir:

<div class="powered-by">
<p>© Copyright <?php echo date("Y"); ?>. All rights reserved.</p>
</div><!-- .powered-by -->

Metin düzenleyicide şimdi şunlara sahip olmalısınız:

Değişiklikleri resmi hale getirmek için dosyayı kaydedin.

Bundan sonra, yeni telif hakkı bildirimini görmek için web sitenizi ziyaret edin.

Alt Temanıza Yeni İşlevsellik Nasıl Eklenir

Bir temadaki functions.php dosyası, bir WordPress sitesine özellik eklemek veya varsayılan özellikleri değiştirmek için PHP kodu kullanır. Mevcut temanızla otomatik olarak etkinleştirilen WordPress siteniz için bir eklenti gibidir.

Birçok WordPress öğreticisinde, kod parçacıklarını kopyalayıp functions.php'ye yapıştırmanızı isteyecektir. Ancak değişikliklerinizi üst temaya eklerseniz, tema için yeni bir güncelleme yüklediğinizde bunlar üzerine yazılacaktır.

Özel kod parçacıkları eklerken bir alt tema kullanmanızı önermemizin nedeni budur. Bu eğitimde, temamıza yeni bir widget alanı ekleyeceğiz.

Bunu, bu kod parçasını alt temamızın functions.php dosyasına ekleyerek yapabiliriz. Süreci daha da güvenli hale getirmek için, doğrudan functions.php dosyasını düzenlememenizi ve hataları azaltmanızı sağlayan WPCode eklentisini kullanmanızı öneririz.

Daha fazla bilgi için özel kod parçacıkları ekleme kılavuzumuzu okuyabilirsiniz.

functions.php dosyanıza eklemeniz gereken kod şudur:

// Register Sidebars
function custom_sidebars() {

$args = array(
'id'            => 'custom_sidebar',
'name'          => __( 'Custom Widget Area', 'text_domain' ),
'description'   => __( 'A custom widget area', 'text_domain' ),
'before_title'  => '<h3 class="widget-title">',
'after_title'   => '</h3>',
'before_widget' => '<aside id="%1$s" class="widget %2$s">',
'after_widget'  => '</aside>',
);
register_sidebar( $args );

}
add_action( 'widgets_init', 'custom_sidebars' );

Dosyayı kaydettikten sonra WordPress kontrol panelinizdeki Görünüm » Widget'lar sayfasını ziyaret edebilirsiniz.

Burada, widget ekleyebileceğiniz yeni özel widget alanınızı göreceksiniz.

Özel kod parçacıkları kullanarak temanıza ekleyebileceğiniz pek çok başka özellik var. WordPress'in functions.php dosyası için bu son derece faydalı ipuçlarını ve yeni başlayanlar için faydalı WordPress kod parçacıklarını inceleyin.

WordPress Alt Temanızı Sorun Giderme

Daha önce hiç alt tema oluşturmadıysanız, bazı hatalar yapma olasılığınız yüksektir ve bu normaldir. Bu nedenle bir yedekleme eklentisi kullanmanızı, yerel bir site veya hazırlık ortamı oluşturmanızı ve demo siteniz için sahte içerik kullanmanızı öneririz.

Tüm bunlar söylendikten sonra, çok çabuk pes etmeyin. WordPress topluluğu çok beceriklidir, bu yüzden ne sorun yaşarsanız yaşayın, muhtemelen zaten bir çözümü vardır.

Başlangıç olarak, çözüm bulmak için en yaygın WordPress hatalarımıza göz atabilirsiniz.

Muhtemelen göreceğiniz en yaygın hatalar, kodda eksik bıraktığınız bir şeyden kaynaklanan sözdizimi hatalarıdır. Bu sorunları çözmek için yardım, WordPress'te sözdizimi hatasını bulma ve düzeltme hakkındaki hızlı kılavuzumuzda bulunacaktır.

Ek olarak, bir şeyler ters giderse her zaman yeniden başlayabilirsiniz. Örneğin, üst temanızın gerektirdiği bir şeyi yanlışlıkla sildiyseniz, dosyayı alt temanızdan silebilir ve yeniden başlayabilirsiniz.

Bu makalenin bir WordPress alt teması oluşturmayı öğrenmenize yardımcı olduğunu umuyoruz. Ayrıca en son standartlara karşı WordPress temanızı nasıl test edeceğiniz hakkındaki nihai rehberimize ve ücretsiz ve premium WordPress temaları hakkındaki karşılaştırma yazımıza göz atmak isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.