WordPress Alt Temaları İçin En İyi Kılavuz

Hiç web siteniz için mükemmele yakın bir WordPress teması buldunuz, ancak gözden kaçıramayacağınız küçük, sinir bozucu bir tasarım öğesi nedeniyle onunla gitmemeye karar verdiniz mi? Yazı tipi stili, renk paleti veya tasarım öğelerinin yerleşimi olabilir mi?

WordPress tema pazarı, hem ücretsiz hem de premium olan pek çok harika tema ile doludur, ancak siteniz için özel bir tema oluşturmak için bir geliştirici kiralamak dışında, son piksele kadar mükemmel olanı bulma şansınız çok azdır.

WordPress alt temaları, web yöneticilerinin bir temanın dosyalarını değiştirmesine olanak tanırken, tema her güncellendiğinde değişiklikleri kaybetme riski olmadan temel işlevselliğini yerinde tutar. Size bir düğmenin eylem çağrısı kadar küçük bir şeyden, her tasarım öğesini tamamen değiştirmeye kadar bir temanın görünümünü değiştirme gücü verirler.

Bu makale, ne olduklarından neden bu kadar önemli olduklarına kadar alt temalar hakkında bilmeniz gereken her şeyi kapsayacaktır. WordPress sitenizde alt temaları doğru şekilde kullanma konusunda bir eğitimle tamamlayacağız.

Kulağa hoş gelmek? Başlayalım!

WordPress Alt Temaları: Temel Bilgiler

Alt temalar, işlevleri üst temalarından etkin bir şekilde devralan ayrı temalardır. Bir alt temanın işlevselliği, ana temanın anlamını geçersiz kılar, alt temanın işlevselliğinin web sitenize uygulanacağı anlamına gelir. Bir alt temayı etkinleştirdiğinizde, WordPress belirli bir işlevi olup olmadığını kontrol eder. Ancak, işlevsellik mevcut değilse, ebeveynin dosyalarına bakar ve orada kodlanmış olanla birlikte gider.

Basit İngilizce'de, alt temalar yinelenen tema dosyalarıdır ve tasarım özelliklerini veya bazı işlevleri değiştirme ihtiyacı hissettiğinizde, onu alt temanın dosyalarında düzenlersiniz. Bu harika bir özellik çünkü web yöneticilerinin orijinal dosyaları bozma korkusu olmadan temada değişiklik yapmalarını sağlıyor.

Günümüzde çoğu WordPress teması, kutudan çıkar çıkmaz alt temalar (veya alt temalarının varyasyonları) ile birlikte gelir.

Neden Çocuk Temaları Kullanmalısınız?

Alt temalar aracılığıyla temanızda değişiklik ve değişiklikler yapmak, yaygın olarak kabul edilen (ve önerilen) bir en iyi uygulamadır. Bunu şu şekilde düşünün: İlk seferinde hata yaparsanız, her zaman tekrar deneyebilirsiniz. Bu belirgin avantajın yanı sıra, alt temalar WordPress sitenizin bakımı ve geliştirilmesi için önemlidir.

Değişiklikleri Kaybetme Riskini Ortadan Kaldırın

Ana temanızda (orijinal tema dosyalarında) değişiklik yapmak, temayı güncellediğinizde değişikliklerin kaybolacağı anlamına gelir. Bu sizi bir çeşit çıkmaza sokar; temayı güncellerseniz tüm değişiklikleri kaybedersiniz, ancak temayı güncellemezseniz sitenizde bulunan ve onu olumsuz yönde etkileyebilecek hatalarla karşılaşırsınız.

Güncellemeyi tamamladıktan sonra, değişikliklerle ilişkili kodu kopyalayıp ana temanıza yapıştırabilirsiniz. Bu tamamen mümkün olsa da, temanızı her güncellediğinizde neden yaptığınız değişiklikleri bulmak ve bunları güncellenen tema dosyalarına kopyalayıp yapıştırmak için zaman harcıyorsunuz? Bu kolay ama yanılabilir bir süreç.

Çocuk temalarının önemi ilk burada fark edilir. Alt temaları kullanarak tüm değişiklikleri koruyabilir ve sitenizin temasını güvenle güncelleyebilirsiniz.

Kod Organizasyonunu Koru

Bir WordPress teması tipik olarak birkaç binlerce kod satırından ve birkaç farklı dosyadan oluşur – HTML, CSS, PHP, JavaScript ve daha fazlası. Ve bu nedenle, burada ve orada yapılan küçük değişiklikler izlenmesi zorlaşıyor. Geri dönüp temayı düzenleme veya beklenmeyen hataları düzeltme zamanı geldiğinde, bunun oldukça maliyetli olduğu ortaya çıkacaktır (hem zaman hem de bütçe açısından).

Yukarıda tartışıldığı gibi, alt temalar aktif olarak ana temalardan miras alınır. Alt temada yaptığınız tüm değişiklikler orada kalır (alt temalarda olan alt temalarda kalır!) ve izlemesi daha kolaydır, çünkü yalnızca birkaç yüz satır kodu olacaktır (en agresif koşullarda) birkaç bin.

Şimdiye kadar büyük olasılıkla söyleyebileceğiniz gibi, alt temaları kullanmanın hiçbir dezavantajı yoktur. Gerçekte, sitenizi tesadüfi hatalardan korurlar.

WordPress'te Çocuk Teması Nasıl Oluşturulur

Çoğu tema alt temalarla birlikte gelir, ancak beğeninize uygun olmayan bir tema bulursanız, kendi başınıza bir alt tema oluşturmak zor değildir. Sparkling temamız için bir alt tema oluşturarak öğreticiyi göstereceğim.

Adım 1: WordPress kurulumunuzda alt tema için bir dizin oluşturun.

1. WordPress sitenizin tema dizinine gidin ( /wp-content/themes ).
2. Yeni bir klasör oluşturun ve onu köpüklü-çocuk olarak adlandırın. Çocuğunuzun temasına, sonuna -child eklenmiş ebeveynle aynı adı vermek en iyi uygulamadır.

Alt temanın tüm dosyalarını bu klasöre ekleyeceğiz. Bununla birlikte, bir alt temanın düzgün çalışması için gereken tek dosya style.css dosyasıdır.

Adım 2: Yeni alt temanız için bir style.css dosyası oluşturun.

1. 1. Adımda oluşturulan alt temanın dizinine gidin, yani /wp-content/themes/sparkling-child .
2. Dizinde yeni bir .css dosyası oluşturun ve onu style.css olarak adlandırın.
3. Aşağıdaki kodu kopyalayıp yeni style.css dosyasına yapıştırın:

Yukarıda verilen kodda en önemli satırlar Theme Name , Template ve @import ile başlayan satırlardır. Başka bir ana tema için alt tema oluşturuyorsanız bu satırları doğru şekilde doldurmanız gerekir. @import satırı, ana temanın CSS kurallarını sıfırdan yeniden yazmak zorunda kalmamanızı sağlar. @import satırı olmadan, yeni siteye yalnızca içerik yüklenir, stil verilmez.

Ana temanızın birden fazla stil sayfası varsa bu adımı atlayın. Aşağıdaki adımlarda yerel bir WordPress işlevini kullanarak birden çok stil sayfasını nasıl içe aktaracağınızı göstereceğiz.

Adım 3: functions.php dosyasını oluşturun (isteğe bağlı).

functions.php dosyası, web geliştiricilerinin yerel WordPress işlevlerini ve PHP kodunu kullanarak WordPress web sitelerine işlevsellik eklemelerini sağlar.

1. Alt temanızın klasörüne gidin, yani köpüklü-çocuk .
2. Bir .php dosyası oluşturun ve bunu functions.php olarak adlandırın.
3. Functions.php dosyasına aşağıdaki kodu ekleyin:

Bir alt temanın çalışması için bir functions.php dosyası gerektirmediğini unutmamak önemlidir. Aslında, bu dosyayı yalnızca ana temanın işlevselliğini değiştirmeyi düşünüyorsanız eklemelisiniz. Çoğu durumda, bir stil sayfası yeterlidir, ancak ana temanızın birden fazla stil sayfası varsa, o zaman bir functions.php dosyası oluşturmanız gerekecektir.

Adım 4: Birden çok stil sayfasını içe aktarın (isteğe bağlı).

Örneğin, seçtiğiniz ana tema birden fazla stil sayfasıyla geliyorsa, bunları alt temanıza @import aktarmak web sitenizi birkaç saniye yavaşlatacaktır - bu iyi değil. Birkaç satır kodla önlenebiliyorsa, sitenizin sayfa yükleme süresini artırmak istemezsiniz.

1. Alt temanızın dizinine gidin ve functions.php dosyasını bir metin düzenleyicide açın.
2. Aşağıdaki kod satırlarını <?php açılış etiketinin altındaki functions.php dosyasına ekleyin:

Yukarıdaki kodda kullanılan wp_enqueue_style() işlevi, sitenizi yavaşlatmadan alt temanıza birden çok stil sayfası aktaracaktır.

Not: Alt temalar oluşturmaya yönelik en iyi uygulamalar, ana temanızın kaç stil sayfasına sahip olduğuna bakılmaksızın, bunları her zaman yukarıda verilen kodu kullanarak içe aktarmanızı önerir.

Adım 5: Alt temayı yükleyin.

Artık alt temayı başarıyla oluşturduğunuza göre, WordPress web sitenize yükleme ve etkinleştirme zamanı.

1. Alt tema dizinini bir .zip dosyasına sıkıştırın.
2. WordPress yönetici panelinize giriş yapın ve Görünüm > Temalar bölümüne gidin.
3. Aşağıdaki ekranda Yeni Ekle düğmesine tıklayın.

Alt temayı FTP istemciniz aracılığıyla doğrudan kopyalayarak .zip dosyasını temalar dizinine yapıştırarak da yükleyebilirsiniz. Başka bir tema için alt tema oluşturuyorsanız, yukarıda verilen kodda gerekli değişiklikleri yapın.

Bu öğretici, yalnızca bir alt temanın nasıl oluşturulduğunu göstermek içindir. Kendi temanızı oluşturmak için zaman harcamak istemiyorsanız doğrudan indirebileceğiniz Sparkling için bir alt tema oluşturduk.

Çocuk Temanızı Özelleştirme

Her şeyin planlandığı gibi gittiğini varsayarsak, alt temayı etkinleştirdiğinizde web siteniz, ana tema etkinleştirildiğindekiyle aynı görünmelidir. Ama dayan! Web sitenizin farklı görünmesini sağlamak için bir alt tema oluşturmanın tüm amacı bu değil mi?

Bu bölümde, değişiklik yapmak için alt temayı özelleştirmeye nasıl başlayabileceğinizi göstereceğiz.

Özel Stilleri Uygulama

Oluşturduğumuz ilk dosya (ve zorunlu dosya) style.css olduğundan, yalnızca onu kullanarak alt temaya özel stiller ekleyerek başlamak mantıklıdır. Stil sayfasına özel CSS kodu ekleyerek, ana temanın stil sayfasını geçersiz kılabilirsiniz.

CSS ile, etkinleştirilen temanın renklerden ve düğmelerden boyutlara ve yazı tipi stillerine kadar tüm tasarım ve stil özelliklerini değiştirebilirsiniz. Gerçek bir CSS becerisine sahip web geliştiricileri, alt temanın tüm düzenini, onu türünün tek örneği yapmak için değiştirir.

Tek yapmanız gereken, alt temanızın style.css dosyasının altına özel CSS kodu eklemek ve hazırsınız. Her basit değişiklik yapılması gerektiğinde sitelerinin FTP istemcisine erişmek istemeyenleriniz, WordPress'in varsayılan düzenleyicisine ( Görünüm > Düzenleyici ) gidebilir ve doğrudan oradan CSS kodunu ekleyebilir. Görünüm > Düzenleyici'ye gidin ve doğrudan oradan CSS kodunu ekleyin.

Tek yapmanız gereken, alt temanızın dosyasının altına özel CSS kodu eklemek ve hazırsınız.

Alternatif Tema Değiştirme Teknikleri

style.css dosyasına CSS kodu eklemek, alt temada değişiklik yapmanın en basit yoludur. Ancak, işleri bir sonraki seviyeye taşımak ve belki de alt temaya bazı yeni, özel işlevler eklemek istiyorsanız, o zaman işlerin ciddileştiği yer burasıdır. Yapabileceğiniz farklı değişiklik türleri vardır (tasarım öğelerini değiştirmenin yanı sıra):

• functions.php dosyasına yeni işlevler ekleyin. Alt temanız için functions.php dosyasını zaten oluşturduk, bu nedenle şimdi tek yapmanız gereken, elde etmek istediğiniz işlevselliğe bağlı olarak ona bazı özel işlevler eklemek. PHP'de kod yazabilir veya yerel WordPress işlevlerini kullanabilirsiniz.
• Şablon dosyalarını düzenleyin. style.css ve functions.php bunu kesmiyorsa ve yine de temayı değiştirmeniz gerekiyorsa, şablon dosyalarını ana temadan kopyalayıp yapıştırabilir ve uygun şekilde düzenleyebilirsiniz.
• Yeni şablon dosyaları ekleyin. Başka bir yerde beğendiğiniz şablonlar bulduysanız (ana temanın dizininde değil) veya kendi şablonlarınızı oluşturmak istiyorsanız, bunları doğrudan alt temaya ekleyebilir ve oradan gidebilirsiniz.

Etkinleştirilmiş temanızda değişiklik yapmak için benimsediğiniz yöntem(ler) ne olursa olsun, WordPress web sitenizin zararlı, istenmeyen hatalardan korunacağını bilerek içiniz rahat olsun. Şans eseri, kodla ilgili bir şeyler ters giderse, hatanın tam olarak nerede olduğunu bileceksiniz ve düzeltebileceksiniz. (İpucu: genellikle eklediğiniz son satırlardadır!)

Alt temalarla ilgili en iyi şeylerden biri, kullanıcıların özellikle hem yeni hem de yerleşik işletmeler için yararlı olan ana temayı sitelerinin markasına uyacak şekilde tamamen özelleştirmelerine olanak tanımasıdır. Ve sitenizi daha sonra aynı ana temaya veya yeni bir ana temaya dayalı olarak tamamen yeniden tasarlamak istiyorsanız, her zaman yeni bir alt tema oluşturabilir ve oradan gidebilirsiniz!

Sarmalamak

Alt temalar, bir WordPress temasında değişiklik yapmanın önerilen yoludur. Kullanıcıları orijinal tema dosyalarında zararlı olabilecek hatalar yapmaktan kurtarır ve tema her güncellendiğinde değişiklikleri kaybetme riskinden kurtarır.

WordPress'teki alt temalar hakkında bilmeniz gereken her şeyi ele aldık, neden bu kadar önemli olduklarını tartıştık ve kendi alt temanızı sıfırdan nasıl oluşturacağınıza dair kapsamlı bir eğitimde size yol gösterdik. Değişiklikler yapmaya başlamanıza yardımcı olmak için, alt temayı özelleştirmeye nasıl başlayabileceğinize dair kısa bir bölümle bitirdik.

Tüm tasarım ve işlevsellik değişikliklerinin alt temalar üzerinden yapılması gerektiğine katılıyor musunuz? Bir alt tema oluşturup WordPress sitenizde başarıyla etkinleştirebildiniz mi? Deneyiminizi duymayı çok isteriz, bu yüzden aşağıya yorum yaparak bize bildirin!