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üğmedeki harekete geçirici mesaj kadar küçük bir şeyden, her bir tasarım öğesini tamamen değiştirmeye kadar bir temanın görünümünü değiştirme gücü verirler.

Bu yazıda, çocuk temaları hakkında bilmeniz gereken her şeyi, ne olduklarından neden bu kadar önemli olduklarına kadar ele alacağız. Alt temaları kendi WordPress sitenizde doğru şekilde nasıl kullanacağınıza dair 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 temayı etkinleştirdiğinizde, WordPress, içinde kodlanmış belirli bir işlevsellik olup olmadığını kontrol eder. 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. 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ıyla (veya alt temalarının varyasyonları) birlikte gelir.

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

Alt temalar aracılığıyla temanızda değişiklikler 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 çok ö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 tür çıkmaza sokar; temayı güncellerseniz tüm değişiklikleri kaybedersiniz, ancak temayı güncellemezseniz sitenizde bulunan ve onu olumsuz etkileyebilecek hatalar olacaktır.

Değişikliklerle ilişkili kodu, güncellemeyi tamamladıktan sonra ana temanıza kopyalayıp yapıştırabileceğiniz tartışılabilir. 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ıştığımız gibi, alt temalar aktif olarak ana temalarından 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 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. .css yeni bir .css dosyası oluşturun ve onu style.css .
3. Aşağıdaki kodu kopyalayıp yeni style.css dosyasına yapıştırın:

https://gist.github.com/rafaysansari/59ab402cffc540d050ed

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 doldurmanız çok önemlidir. @import satırı, ana temanın CSS kurallarını sıfırdan yeniden yazmanıza gerek kalmamasını 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 .
3. Functions.php dosyasına aşağıdaki kodu ekleyin:

https://gist.github.com/rafaysansari/6c3cc1606823d56388f4

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 gerekir.

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 kullanarak içe 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 <?php :

https://gist.github.com/rafaysansari/9535343506d670226f4e

Yukarıdaki wp_enqueue_style() 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 gerektiğini ö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.

   

4. Devam etmek için Tema Yükle düğmesini tıklayın.

   

5. .zip temanızın .zip dosyasına göz atın ve yükleyin.
6. Alt tema yüklendikten sonra Etkinleştir'i 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 yaptığınızdan emin olun.

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 tamamen aynı görünmelidir. Ama dayan! Web sitenizin farklı görünmesini sağlamak için bir alt tema oluşturmanın bütün 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 , 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 hemen hemen her tasarım ve stil yönünü değiştirebilirsiniz. Gerçek bir CSS becerisine sahip web geliştiricileri, alt temanın tüm düzenini benzersiz bir hale getirmek 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.

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, 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 ve tema her güncellendiğinde değişiklikleri kaybetme riskinden kurtarırlar.

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!