Alt temada stiller çalışmıyor. Çocuk teması ne için? WordPress alt teması nasıl etkinleştirilir

Alt WordPress teması, ana tema adı verilen başka bir temanın işlevselliğini genişleten ve ana temayı değiştirmenize veya ana temaya işlevsellik eklemenize olanak tanıyan bir temadır. Bu makale, basit bir alt temanın nasıl oluşturulacağını ve bununla neler yapabileceğinizi açıklamaktadır. Yirmi On, ana temanın bir örneği olarak kullanılır, yeni varsayılan tema.

Dikkat! Aşağıdaki bilgiler sizin için anlaşılması zor görünüyorsa, Child Theme Configurator eklentisini kullanarak bir alt tema oluşturmak için daha alakalı ve daha hızlı bir yol kullanabilirsiniz.

Bir çocuk teması oluşturmak çok kolaydır. Bir klasör oluşturun, içine uygun şekilde yazılmış bir dosya koyun stil.css ve çocuk teması hazır! Biraz HTML bilgisi ile bunu değiştirebilirsiniz. çok basit bir çocuk teması- ana temanın görünümünü ve düzenini değiştirmek, ancak dosyalarını değiştirmemek. Bu şekilde ana tema güncellendiğinde yaptığınız değişiklikler kaydedilir.

Dışarıda harika WordPress temaları var, ancak her birimizin değiştirmek isteyeceği pek çok küçük şey var. Renk, yazı tipi boyutu ve belki düğmenin metni?

Sorun şu ki, temada yapılacak küçük bir değişiklik bile onu gelecekte daha sonraki bir sürüme güncellemeyi imkansız hale getirebilir, çünkü bunu yapmaya çalışırsanız tüm değişiklikleri kaybedebilirsiniz.

Peki ya WordPress deposundan veya Themeforest'tan satın aldığınız bir temayla çalışmak zorunda kalırsanız, bu da görevi kolaylaştırmaz. Alt temalar bu sorunu çözerek, seçili temanın tüm işlevlerini kullanmanıza ve değişikliklerinizi kaybetme korkusu olmadan güncelleme yapmanıza olanak tanır.

Bugün bu yazıda neden çocuk temalarına ihtiyacınız olduğunu ve onlarla nasıl çalışacağınızı açıklayacağım.

Not: Bu gönderiyi okuduktan sonra hala bir çocuk teması kurmakta zorluk çekiyorsanız, yorumlarda bana bildirin, size yardım etmeye çalışacağım!

Alt temalar nasıl çalışır ve neden bunları kullanmalısınız?

Çocuk temalarıİşlevlerinin çoğunu üst öğelerinden (orijinal tema) devralan ayrı temalardır. Bir alt tema kullanıyorsanız, WordPress önce temada belirli bir işlev olup olmadığını kontrol eder.

Değilse, ana temayı kullanacaktır. Bu harika, çünkü bu durumda sadece ihtiyacınız olanı değiştirebilirsiniz.

Temanızda yalnızca bir karakteri değiştirmeyi planlıyor olsanız bile her zaman alt temaları kullanmalısınız. Bunun iki nedeni var: güncellemeler ve yapı.

güncellemeler

Bir temayı alt tema kullanmadan değiştirirseniz, iki seçeneğiniz vardır: ya gelecekte güncellememeye karar verirsiniz ya da yaparsınız ve tüm değişiklikleri kaybedersiniz.

Teknik olarak, ikinci seçenek işe yarar, ancak bunu yapmanız önerilmez. Değişikliklerinizi kopyalamak çok kolay olsa bile, neden her güncellemede hatalara yol açması muhtemel eylemler için birkaç dakika harcayasınız?

Güncellemeleri reddetmek söz konusu değil. Siteleri hacklemek için hemen hemen her neden listesi, eski yazılımların güvenlik sorunlarının önemli bir nedeni olduğunu söylüyor. Bu nedenle, WordPress güncellemeleri, temalarınız ve eklentileriniz için her zaman bizi takip etmeye devam etmelisiniz.

Yapı

Mevcut bir temaya kod eklediğinizde, binlerce satır olabilen kod tabanını değiştirirsiniz. Sitenizle çalışacak geliştiriciler ve sizin de koddaki tüm değişiklikleri izlemek için çok çalışmanız gerekecek. Bunun bariz sonucu, çalışmaları için büyük bir fatura olabilir.

Çünkü alt temalar, ana temalara bağlıdır, tabii ki özel ayarları olmadıkça, alt temanız orijinal temanın değişikliklerinin temeli olacaktır. Bu, alt temanızda yalnızca birkaç dosya ve 100 satır kod olsa bile önemli değişiklikler yapmanıza yardımcı olacaktır.

Bir çocuk teması oluşturma

Bir çocuk teması oluşturmak çok kolaydır. O kadar kolay ki, aşağıdaki örneğimi alıp kopyalayabilirsiniz.

Bir alt tema oluşturmak için şu adımları izleyin:

• Tema için dizin oluştur
• Alt temanız hakkında bilgi içeren bir stil sayfası oluşturun
• Ana temanın stillerini bağlayın

Tüm bu adımları yaparak alt temanızı aktif hale getirebilirsiniz ve siteniz tamamen eskisi gibi görünecek ancak yine de kullanmaya devam edecektir.

Ve böylece, her adıma daha yakından bakalım. Bu örnek için, orijinal Yirmi On Dört teması için bir alt tema oluşturacağım.

1. İlk olarak, temalar dizininde yeni temanız için bir klasör oluşturun. Onun için bir isim seçebilirsiniz. Anlaşılır olması adına, buna yirmi on dört çocuk diyeceğim.

2. Bu adımda bir stil sayfası dosyası oluşturun. Adı style.css olmalıdır. Bu kodu kopyalayıp az önce oluşturduğunuz dosyaya yapıştırın.

/ * Tema Adı: Yirmi On Dört Alt Tema URI: http: //yourwebsite..0.0 Etiketler: siyah, yeşil, beyaz, açık, koyu, iki sütunlu, üç sütunlu, sol kenar çubuğu, sağ kenar çubuğu, sabit düzen , duyarlı düzen, özel arka plan, özel başlık, özel menü, editör stili, öne çıkan resimler, esnek başlık, tam genişlikte şablon, mikro biçimler, yazı biçimleri, rtl dil desteği, yapışkan yazı , tema seçenekleri, çeviriye hazır, erişilebilirliğe hazır, duyarlı düzen, sonsuz kaydırma, kaydırma çubuğu, tasarım, yemek, dergi, dergi, haber, fotoğrafçılık, portföy, temiz, çağdaş, karanlık, zarif, modern, profesyonel , sofistike Metin Alanı: yirmi on dört çocuk * /

Tema Adı: Yirmi On Dört Çocuk Tema URI'si: http://yourwebsite.com/twentyfourteen-child/ Açıklama: Yirmi On Dört'e dayanan ilk çocuk temam Yazar URI: http:// site Şablon: yirmi on dört Sürüm: 1.0.0 Etiketler: siyah, yeşil, beyaz, açık, koyu, iki sütunlu, üç sütunlu, sol kenar çubuğu, sağ kenar çubuğu, sabit düzen, duyarlı düzen, özel arka plan, özel başlık, özel menü, editör- stil, öne çıkan görseller, esnek başlık, tam genişlikte şablon, mikro biçimler, son biçimler, rtl-dil desteği, yapışkan gönderi, tema seçenekleri, çeviriye hazır, erişilebilirliğe hazır, duyarlı düzen, sonsuz- kaydırma, kaydırma çubuğu, tasarım, yemek, dergi, dergi, haber, fotoğrafçılık, portföy, temiz, çağdaş, karanlık, zarif, modern, profesyonel, sofistike Metin Alanı: yirmi on dört çocuk

Yukarıdaki kodda “Tema Adı” ve “Şablon” ile başlayan iki önemli satır bulunmaktadır. "Tema adı", WordPress'e temanızın adını söyler ve bu ad tema seçicide görüntülenir. "Şablon", WordPress'e hangi temanın kaynak tema olarak kabul edileceğini söyler.

Geri kalanların çoğu, metin alanı ve etiketler dışında sezgiseldir. Metin alanı, dizeleri çevirmek için kullanılır. Temanıza özel olmalı ve çeviri özelliklerini her kullandığınızda kullanılmalıdır. Daha fazla bilgi için WordPress Geliştiricileri için I18n'ye göz atın. Etiketler bölümü, WordPress Tema Deposu için kullanılan etiketlerin bir listesidir. Örneğin, etiketleri orijinal temanın style.css dosyasından kopyaladım.

3. Alt temanız artık iyi çalışıyor. Etkinleştirir ve sayfayı yüklerseniz, tüm içerik onda bulunur, ancak stiller ile ilgili hiçbir bilgi orada olmaz. Daha önce, WordPress'in önce alt temanın işlevselliğini aradığını ve eksikse orijinal temaya döndüğünü söylemiştim.

Bir stil sayfası dosyamız var, bu nedenle WordPress kaynak tema dosyalarını yüklemez. Orijinal temanın stil sayfalarını yüklediğimizden emin olmak için, bunları sıraya alma sistemini kullanarak ekleyelim. Bu, temanın function.php dosyasında yapılabilir, bu yüzden şimdi sadece aşağıdaki kodu kopyalayarak oluşturalım:

add_action ("wp_enqueue_scripts", "enqueue_parent_styles"); function enqueue_parent_styles() (wp_enqueue_style ("ebeveyn stili", get_template_directory_uri (). "/ style.css");)

add_action ("wp_enqueue_scripts", "enqueue_parent_styles"); function enqueue_parent_styles() ( wp_enqueue_style ("ebeveyn stili", get_template_directory_uri (). "/style.css");

Çocuk temaları nasıl çalışır?

Peki alt temalar gerçekte nasıl çalışır? Alt temalar dosya düzeyinde çalışır. Bir tema yükleme sürecinde bir dosya kullanıldığında, dosyanın alt temada olup olmadığını kontrol eder. Eğer öyleyse, bu dosyanın içeriğinin içeriği kullanılacaktır. Değilse, ana temadaki aynı dosya kullanılacaktır.

Ancak, bu kuralın bir istisnası vardır - temanın işlev dosyası. Hem ana hem de alt temalardan function.php dosyası arkadaş olacaktır. Bir alt temadaki işlevler ebeveyn işlevlerinin yerini alırsa, o zaman ya çok işlevli bir site alırsınız ya da ana temanın işlevleriyle birlikte dosyanın tüm içeriğini alt temaya kopyalamanız gerekir - sonuçta, yapabilecekleriniz' temayı genişletmek için yapmayın.

İşlevselliği değiştirme süreci aşağıdaki gibidir. Başlığı değiştirmeniz gerekiyorsa, header.php dosyasını ana temadan alt temaya kopyalayın. Dosyayı değiştirin, kaydedin ve çalışmanızın sonuçlarının tadını çıkarın.

Tema geliştiricileri için küçük notlar

Tema oluşturursanız, bu işlemi kolaylaştırmak için kullanabileceğiniz birkaç öğretici vardır. En önemli ikisi, get_stylesheet_directory() ve get_template_directory() ve oluşturma süreci arasındaki farkı tanımlar. takılabilir işlevler.

dizin doğru

Bu işlevleri kullanarak varlıklara erişirken, get_template_ türündeki işlevlerin ana tema dizinini, get_stylesheet_ türündeki işlevlerin ise alt tema dizinini göstereceğini her zaman hatırlamalısınız.

/images/twitter.png "alt =" (! LANG: Twitter Logosu">Follow Me!} /images/github.png "alt =" (! DİL: Github Logosu">On Github!}

< a href = "http://twitter.com/danielpataki"> < img src = "/images/twitter.png " alt = "(! LANG: Twitter Logosu" > Follow Me !}< / a > < a href = "http://github.com/danielpataki"> < img src = "/images/github.png " alt = "(! DİL: Github Logosu" > On Github !}< / a >

get_stylesheet_directory_uri () kullanmanın avantajlarından biri, alt tema geliştiricilerinin kendi resimlerini doğru yere yerleştirerek kullanabilmeleridir. Öte yandan, alt temada resim yoksa, hiç görüntülenmez.

Bunun nedeni, alt tema etkinse, get_stylesheet_directory_uri () işlevinin hangi dosyayı yüklediğinizi kontrol etmemesi (bilmemesi), bu nedenle varlığını kontrol etmemesi ve her zaman alt tema için URI'yi döndürmesidir.

Değişken fonksiyonlar

Kullanılacak bir yöntem daha var - WordPress takılabilir işlevleri. Alt temaların yazarlarının ana temada tanımlanan işlevleri geçersiz kılmasına izin verir. Bu, function_exists () içindeki işlevleri kaydırma anlamına gelir.

Benim_meta () adlı özel bir yazı metasını görüntülemek için bir işlev oluşturduğunuzu varsayalım. Alt tema bu işlevi hiçbir şekilde değiştiremez, çünkü iki kez belirtilemez. Bu sorunun çözümü yalnızca tanımlanmamış bir işlev oluşturmak olabilir (önce alt temanın işlevlerinin bulunduğu dosyanın yüklendiğini unutmayın).

Bazı durumlarda, site üzerinde çalışırken müşteri orijinal temada değişiklik yapmamasını ister. Bu, gelecekte güncellemeyi planlıyorsanız ve dosyalarda yapılan değişiklikler kaybolursa gereklidir.

Bu gibi durumlarda, WordPress bir alt tema oluşturmak için bir mekanizma sağlar. Bu tema temel olarak ana şablonu kullanır ve buna kendi dosyalarınızı ve işlevlerinizi ekleyebilirsiniz.

Alt temalarla çalışma mekanizması oldukça basittir. Öncelikle wp-content/temas klasöründe bunun için yeni bir klasör oluşturmanız gerekiyor. Ana şablona sahip klasörün ebeveyn olarak adlandırıldığını varsayacağız ve alt olarak adlandıracağımız yeni bir tane oluşturacağız.

Alt klasöre en az bir style.css dosyası yerleştirin. Aşağıdaki talimatları içermelidir:

/ * Tema Adı: Alt Şablon: ebeveyn * /

Tema Adı: Çocuk Şablon: ebeveyn

İlk ifade (Tema Adı: Alt) sadece alt temanın adıdır, aslında isteğe bağlıdır, ancak ikinci ifade (Şablon: ebeveyn) gereklidir ve bu şablonun ebeveynin çocuğu olduğunu belirtir.

Alt temaya sahip klasöre herhangi bir dosya koyarsanız, ana şablondakinin yerini alır. Bu kural, function.php dışındaki tüm dosyalar için geçerlidir.

@import url ("../ parent / style.css");

@ import url ("../parent/style.css");

@import yönergesinin doğru çalışabilmesi için önünde CSS kuralı olmaması gerekir.

Herhangi bir ek ayar yapmanıza gerek yoktur. Bazen bir alt klasörden otomatik olarak bağlanan css stilleri çalışmayabilir. Şablon geliştiricisi şu işlevleri kullanmalıdır:

• get_stylesheet_uri () - stil sayfasının adresi;
• get_stylesheet_directory_uri () - stiller klasörünün adresi,

ancak style.css dosyasını başka bir şekilde içerebilir, bu da sorunlara yol açar. Bu durumda, koda bakmak ve sorunu bulmak büyük olasılıkla zor olmayacaktır.

Functions.php dosyası hakkında daha fazla ayrıntı. Alt temanın böyle bir dosyası varsa, motor önce onu, ardından bu ada sahip dosyayı üst klasörden yükler. Böylece şablonun işlevselliğini özgürce genişletebilirsiniz.

Alt klasörde bulunan diğer tüm dosyalar, daha önce belirtildiği gibi, ana temanın analoglarını değiştirir. Yani orijinal single.php dosyasını alıp değiştirebilir ve bir alt klasöre yerleştirebilirsiniz. WordPress motoru çalışırken tam olarak kullanılacaktır.

Alt tema kullanmanın avantajları açıktır: Orijinal temayı olduğu gibi tutarsınız ve özgürce güncelleyebilirsiniz. Geliştirici orijinal şablonda kullanımı zorlaştıran hatalar yapmadıkça özel bir eksi yoktur.

Alt klasörlerdeki dosyaları değiştirirseniz, alt temadaki klasör yapısı üst yapıyla eşleşmelidir.

WordPress şablonlarının hangi nedenlerle ısrarla tema olarak adlandırıldığını tam olarak bilmiyorum, ancak bu makalenin girişinde totolojiye yol açan şey budur: Bu makalenin konusu, bir alt WordPress temasının nasıl oluşturulacağıdır. Basitçe söylemek gerekirse, site şablonunda yapılan değişikliklerin, yazar tarafından şablonun her güncellemesinden sonra kaybolmadığından nasıl emin olunur.

neden gerekli

Neden bir çocuk temasına ihtiyacınız olduğunu girişte açıkladım. Pratikte anlatayım. Yazarın sürümündeki şablonları uzun süredir kullanmıyorum, tasarımdan sorumlu dosyada (style.css) sürekli olarak bir şeyler değiştiriyorum, altbilgiden bağlantıları kaldırıyorum, giriş ve duyuru yerlerini arşivlerdeki makalelere değiştiriyorum. Kısacası şablon dosyalarında düzenlemeler yapıyorum. Yazar şablonu her güncellediğinde, alt temalar kullanmasaydım düzenlemelerimi kaybeder ve geri yüklerdim.

Son zamanlarda, düzenleme kaybıyla ilgili durumun biraz basitleştiğine dikkat edilmelidir. Tüm modern temalarda, tema güncellendikten sonra değişmeyen stil dosyasında (style.css) özel bir düzenleme vardır, ancak bu, makalenin genel amacını, bir alt WordPress teması oluşturmak için çözmez.

Manuel olarak bir WordPress alt teması oluşturun

• Diyelim ki bir "baba" temanız var, bunun için bir çocuk teması oluşturun;
• Alt tema için bir dizin oluşturun, "kızım" deyin;
• Notepad ++'da aşağıdaki içeriğe sahip bir .css dosyası oluşturun:

/ * Tema Adı: Kızı Şablonu: baba * /

Template yönergesinin ana temayı belirttiğine ve gerekli olduğuna dikkat edin.

Önemli! Şimdi, kızının dizinine bir dosya yerleştirdiğinizde, ebeveynin dosyasının yerini alıyor. Bu kural, functions.php dosyası için ÇALIŞMAZ.

Ama hepsi bu değil. "Ebeveyn"in stillerini "kız"ın stillerine aktarmak gerekir. Bu iki şekilde yapılır:

Yöntem 1. Stil sayfasının (style.css) içeriğini benzer bir üst dosyaya aktarmanız yeterlidir;

Yöntem 2. Veya çocuğun style.css dosyasına aşağıdaki satırı ekleyin:

@import url ("../ baba / style.css");

Ana şablonu (baba) gösteren ilgili adrese dikkat edin.

Alt tema oluşturmak için tema eklentileri

Bir alt tema oluşturmak için eklentiler hakkında şunu söyleyeceğim, bir alt temaya ihtiyacınız varsa, bir eklenti kurun, bir "kız" oluşturun, eklentiyi kaldırın ve manuel çalışmadan muzdarip olmayın. Halihazırda değiştirilmiş bir şablondan bir alt tema oluşturmadığınız sürece, aşağıda listelenen eklentilerden herhangi birinin çalışması 10-15 saniye sürecektir.

Alt tema sihirbazı

Doğrudan WordPress yönetici arayüzünden ek araçlara ihtiyaç duymadan yeni bir alt tema oluşturmanıza olanak tanır.

Alt Tema Yapılandırıcı

https://ru.wordpress.org/plugins/child-theme-configurator/

Herhangi bir iş temasını analiz etmenize ve onu özelleştirmek için bir alt tema oluşturmanıza izin veren hızlı ve kullanımı kolay bir yardımcı program. Child Theme Configurator, özelleştirmek istediğiniz tam CSS özelliklerini tanımlamayı ve geçersiz kılmayı kolaylaştırır. Ayrıştırıcı sağlanan temayı tarar ve alt temanızı otomatik olarak yapılandırır.

beni çocuklaştır

https://ru.wordpress.org/plugins/childify-me/

Doğrudan Görünüm panelinden >>> Tema'dan kurulu herhangi bir tema için bir alt tema oluşturmanıza olanak tanır.

Değiştirilen şablonun bir alt temasını oluşturun

Bir durum düşünelim, siteniz ile çalışıyorsunuz ve güncellemeden sonra sürekli şablonu düzenlemekten bıktınız. Ne yapalım? Halihazırda değiştirilmiş şablonun bir alt temasını oluşturmanız gerekir. Nasıl yapılır?

Seçenek 1. Child Theme Configurator eklentisini yükleyin, şablonunuzu "aydınlatacak" ve değiştirilen dosyaları alt temaya aktaracaktır;

Seçenek 2. Manuel modda bir "kız" yapın ve daha fazlası: Değiştirilen dosyaları ana temadan alt temaya aktarın.

Her şey! Şimdi daha önce değiştirdiğiniz bir alt tema üzerinde çalışıyorsunuz.

sonuçlar

Artık bir WordPress alt temasının nasıl oluşturulacağını biliyorsunuz. Bu işlevi kullanmak, şablonlarla çalışmayı basitleştirir ve sürekli değişen temaları izleme görevini ortadan kaldırır. Bir alt temayla, güncellemeden sonra düzeltmelerinizin silinmesinden korkmadan şablonunuzu düzenleyebilirsiniz. Yorumlarda sorular.

Alt tema, "ana" tema olarak adlandırılan başka bir temanın işlevselliğini ve tasarımını devralan bir temadır. Alt tema, WP geliştiricilerinin mevcut bir temayı özelleştirmek için önerdiği bir yoldur.

Neden bir çocuk teması kullanıyorsunuz?

Bir alt tema kullanmak isteyebileceğiniz birkaç neden vardır:

• Temayı doğrudan değiştirirseniz ve güncellenirse, değişiklikleriniz kaybolur. Bir alt tema kullanarak, değişikliklerinizin devam edeceğinden emin olabilirsiniz.
• Bir çocuk teması kullanmak, geliştirme süresini hızlandırabilir.
• Bir alt tema kullanmak, bir WordPress teması geliştirme sürecini öğrenmenin iyi bir yoludur.

WordPress alt teması nasıl yapılır

Bir alt tema, oluşturmanız gereken en az bir klasörden (alt tema dizini) ve iki dosyadan (style.css ve functions.php) oluşur. Yani, ihtiyacınız olacak:

• Alt tema dizini
• stil.css
• işlevler.php

İlk adım, alt tema için wp-content / theme klasöründe yer alacak bir dizin oluşturmaktır. Alt tema dizininin adının “-child” son ekiyle bitmesi önerilir (gerekli olmasa da, özellikle genel kullanım için bir tema oluşturuyorsanız).

Ayrıca alt tema için dizin adında boşluk olmadığından emin olmanız gerekir, aksi takdirde bu bir hataya neden olur. Yukarıdaki ekran görüntüsünde, alt temamızın adı “yirmi on beş çocuk” olup, bu, ana temanın olduğu anlamına gelir. yirmi beş.

Sonraki adım, alt tema (style.css) için bir stil sayfası oluşturmaktır. Stil sayfası aşağıdaki meta bilgilerle başlamalıdır:

/ * Tema Adı: Yirmi On Beş Alt Tema URI'si: http://example.com/twenty-fifteen-child/ Açıklama: Yirmi Onbeş Çocuk Tema Yazarı: John Doe Yazar URI'si: http://example.com Şablon: yirmi beş Versiyon: 1.0.0 Lisans: GNU Genel Kamu Lisansı v2 veya üzeri Lisans URI'si: http://www.gnu.org/licenses/gpl-2.0.html Etiketler: açık, koyu, iki sütunlu, sağ kenar çubuğu, duyarlı düzen, erişilebilirliğe hazır Metin Alanı: yirmi on beş çocuk * /

Tema Adı: Yirmi On Beş Çocuk Tema URI'si: http://example.com/twenty-fifteen-child/ Açıklama: Yirmi Onbeş Çocuk Teması Yazar URI'si: http://example.com Şablon: yirmi onbeş Sürüm: 1.0.0 Lisans: GNU Genel Kamu Lisansı v2 veya üstü Lisans URI'si: http://www.gnu.org/licenses/gpl-2.0.html Etiketler: açık, koyu, iki sütun, sağ kenar çubuğu, duyarlı düzen, erişilebilirliğe hazır Metin Alanı: yirmi on beş çocuk

Bilmeniz gereken önemli bilgiler:

• Bu örnekteki metni durumunuza göre değiştirmeniz gerekecektir.
• “Şablon” satırı, ana tema dizininin adına karşılık gelir. Örneğimizde, ana tema Yirmi Onbeş'tir, bu nedenle "Şablon" satırı "yirmi onbeş" içerir. Sizin durumunuzda farklı bir konu olabilir, buna göre ayarlayın.
• Temel olarak, stil sayfası (style.css) bir alt tema oluşturmak için zaten yeterlidir. Ancak, stil dosyalarının yüklenmesini doğru şekilde sıraya koymak için bir function.php dosyasına ihtiyacınız vardır (aşağıya bakın).

Üçüncü ve son adım, üst ve alt stil dosyalarını kuyruğa almaktır.

Önceki yöntemin, @import yönergesini kullanarak üst stilleri içe aktarmayı varsaydığına dikkat edin. Bu artık modası geçmiş bir uygulamadır.

Stiller nasıl doğru ve doğru bir şekilde yüklenir

Üst stil dosyasını kuyruğa almanın doğru yöntemi, kanca(veya, İngilizce olarak, eylem) wp_enqueue_scripts işlevi olarak.

Bu yöntem ayrıca alt işlevler.php dosyasında wp_enqueue_style() işlevinin kullanıldığını varsayar. Bu nedenle, bu dosyayı alt tema ile dizinde oluşturmanız gerekir.

Alt işlevler.php dosyasının ilk satırı PHP etiketini açarak başlar (

Aşağıdaki örnek işlev, ana tema tüm CSS kurallarını içeren yalnızca bir ana style.css dosyası kullanıyorsa çalışacaktır. Temanızın birden fazla .css dosyası varsa (yani.css, style.css, main.css dahil), ana temanın tüm gerekli bağımlılıklarını karşılamanız gerekir.

add_action ("wp_enqueue_scripts", "theme_enqueue_styles"); function theme_enqueue_styles () (wp_enqueue_style ("ebeveyn stili", get_template_directory_uri (). "/style.css");)

Tipik olarak, alt temanın stil sayfası otomatik olarak yüklenir. Değilse, ayrıca sıraya girmeniz gerekecektir. Bağımlılık olarak ayarlanmış “ebeveyn stili” ile, alt temanın stillerinin ondan sonra yüklendiğinden emin olun.

add_action ("wp_enqueue_scripts", "theme_enqueue_styles"); function theme_enqueue_styles () (wp_enqueue_style ("ebeveyn stili", get_template_directory_uri (). "/style.css"); wp_enqueue_style ("alt stil", get_stylesheet_directory_uri (). "/style.css", dizi ("ebeveyn-css") " "));)

add_action ("wp_enqueue_scripts", "theme_enqueue_styles"); function theme_enqueue_styles() ( wp_enqueue_style ("ebeveyn stili", get_template_directory_uri (). "/style.css"); wp_enqueue_style ("çocuk stili", get_stylesheet_directory_uri(). "/style.css", dizi ("ebeveyn tarzı")

Alt temanız artık etkinleştirilmeye hazır. Yönetici paneline ve ardından sayfaya giriş yapın Dış görünüş > Temalar... Alt temanızı temalar listesinde ve etkinleştirilmeye hazır olarak görmelisiniz. (Multisite mevcut kurulumda etkinse temayı etkinleştirmek için uygun panele geçmeniz gerekir. Ondan sonra geri dönün ve temayı etkinleştirin).

Önemli: Aktivasyondan sonra menünüzü yeniden kaydetmeniz gerekir ( Dış görünüş > Menü veya Dış görünüş > akort> Menü) ve ana tema tarafından sağlanmışsa, bir arka plan resminin yanı sıra bir başlık resmi de dahil olmak üzere tema seçenekleri.

Şablon dosyaları

Stillerden daha fazlasını değiştirmek isterseniz, ana temadaki herhangi bir dosyayı geçersiz kılmanın bir yolu vardır. Bunu yapmak için, aynı ada sahip dosyayı alt tema klasörüne eklemeniz yeterlidir. Böylece, site yüklendiğinde ana tema dizinindeki ilgili dosyayla "örtüşecektir".

Örneğin, site başlığınızın PHP kodunu değiştirmek istiyorsanız, alt tema dizininize bir header.php dosyası ekleyebilirsiniz ve bu dosya, ana temanın header.php dosyası yerine kullanılacaktır.

Orijinal olarak ana temada olmayan dosyaları da alt temaya dahil edebilirsiniz. Örneğin, belirli bir sayfa veya kategori için üst şablondan daha işlevsel olan bir şablon oluşturabilirsiniz.

function.php'yi kullanma

style.css'den farklı olarak, alt temanın functions.php dosyası ana kopyayı geçersiz kılmaz. Aksine, deyim yerindeyse ona bir ektir (daha doğrusu, yüklüdür). ön ebeveyn kopyası).

Böylece, bir alt temanın function.php'si, ana temanın işlevselliğini değiştirmek için akıllı ve sorunsuz bir yol sağlar. Diyelim ki temanıza bir PHP işlevi eklemek istiyorsunuz. En hızlı yol, temanın function.php dosyasını açmak ve işlevi oraya koymaktır. Ancak bu pek akıllıca değil: tema bir daha güncellendiğinde, işleviniz ortadan kalkacaktır.

Daha mantıklı olan alternatif bir yol var: Bir alt tema oluşturabilir, buna bir function.php dosyası ekleyebilir ve işlevinizi yeni oluşturulan dosyaya koyabilirsiniz. İşlev, ana temanın gelecekteki güncellemelerinden zarar görmemesi avantajıyla aynı işi oradan yapacak. Bu nedenle önemli bir not: üst işlevler.php dosyasının tüm içeriğini aynı alt dosyaya kopyalamayın.

Functions.php'nin yapısı basittir: başında bir açılış PHP etiketi ve altına PHP kodunuzu yerleştirirsiniz. Bu dosyaya gerektiği kadar kod yerleştirebilirsiniz. Aşağıdaki örnek, basit bir şey yapan ilkel bir functions.php dosyasını göstermektedir: etikete bir favicon bağlantısı ekleyin HTML sayfaları.

"." \ n ";) add_action (" wp_head "," favicon_link ");

Tema geliştiricileri için bir ipucu: önce alt temanın function.php dosyasının yüklenmiş olması, kullanıcı işlevlerinin geliştirici işlevlerinin yerine geçmesini sağlayabileceğiniz anlamına gelir, yani. kullanıcı sizinkiyle aynı işlevi yarattıysa, ana işlev olacaktır. Sadece bir koşul ekleyin:

if (! function_exists ("theme_special_nav")) (function theme_special_nav () (// Bir şeyler yapın.))

Bu durumda, alt tema, yalnızca önceden bildirerek ebeveynin PHP işlevini değiştirebilir.

Alt temanıza dosyalar dahil etme

Bir alt tema yapısının parçası olması gereken bir dosya eklemeniz gerektiğinde, get_stylesheet_directory () işlevini kullanın. Üst style.css dosyası alt style.css ile değiştirildiğinden ve bu alt style.css alt temanın alt dizininin kök klasöründe bulunduğundan, get_stylesheet_directory () üst öğeyi değil alt tema dizinini gösterir.

Aşağıda, bir alt tema yapısında depolanan bir dosyaya başvurmanız gerektiğinde get_stylesheet_directory'yi nasıl kullanabileceğinizi gösteren require_once yapısını kullanan bir örnek verilmiştir.

require_once (get_stylesheet_directory (). "/my_included_file.php");

require_once (get_stylesheet_directory (). "/my_included_file.php");

Ek faydalı bilgiler

Gönderi biçimlerini kullanma

Alt tema, üst öğede tanımlanan gönderi biçimlerini devralır. Bir alt tema oluştururken, add_theme_support ("post-formats") kullanmanın, ana temada tanımlanan biçimleri geçersiz kılacağını, bunlara ekleme yapacağını unutmayın.

RTL (sağdan sola) desteği

RTL desteği için rtl.css dosyasını alt temanıza ekleyin. O şunları içerir:

/ * Tema Adı: Yirmi On Dört Çocuk Şablonu: yirmi on dört * /