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/temas 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 onbeş.

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: http://example.com/twenty-fifteen-child/ Açıklama: Twenty-Fifteen Child Tema Yazar: John Doe Yazar URI: 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 sayfalarını yüklemek için doğru sıraya almak 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ı içerdiğini unutmayın. Bu artık modası geçmiş bir uygulamadır.

Stiller doğru ve doğru bir şekilde nasıl 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 stili", 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 resmi ve bir başlık resmi dahil olmak üzere tema seçenekleri.

Şablon dosyaları

Stillerden daha fazlasını değiştirmek istiyorsanız, ana tema dosyalarından herhangi birini 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ığı için PHP kodunu değiştirmek istiyorsanız, alt tema dizininize header.php dosyasını ekleyebilirsiniz ve bu dosya, ana temanın header.php dosyası yerine kullanılacaktır.

Orijinal olarak ana temada olmayan dosyaları da bir alt temaya dahil edebilirsiniz. Örneğin, belirli bir sayfa veya kategori için üst şablondan daha işlevsel 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, adeta 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 function.php dosyasını 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: açılış PHP etiketi başlangıçtadır ve bunun 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şlevlerini geliştirici işlevlerinin yerine koyabileceğ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 dosya ekleme

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 desteği (sağdan sola yazma)

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 * /

Alt tema nedir ve neden wordpress'teki siteler için oluşturmanız gerekiyor? Bu yönlere bakalım ve nasıl yapılabileceğini görelim.

Çocuk teması(alt tema) - tabana (ana) dayalı bir wordpress sitesi için yeni bir tema (alt konu). Tüm standart şablon ayarlarını " ebeveyn " temalar. Böyle bir temaya, yükseltme sırasında veri kaybı korkusu olmadan herhangi bir değişiklik yapma fırsatı verilir.

Çocuk teması aslında ebeveynin bir kopyasıdır... Ve ana veri dizinlerine bağlantılar tasarım ve arayüz ana (ana) temanın veritabanındaki dosyalara.

Alt temalar oluşturun herhangi birini yapmak temel temanın kaynak kodundaki değişiklikler... Bu, güncellemenin yayınlanmasıyla birlikte tüm değişikliklerin sıfırlanmasını önlemek için yapılır " ebeveyn "Şablon.

Basit kelimelerle, WordPress sitelerinde düzenli olarak dışarı çık eklentiler ve temel tema güncellemeleri... üzerinde değişiklik yaptıysanız kaynak kodu ana tema (bir alt tema oluşturmadan), ardından güncellemeden sonra - onlar yok olmak.

Çocuk teması ne için?

WordPress'te kişisel blogumu oluşturmaya yeni başladığımda, hala tüm incelikleri bilmiyordum " el sanatları ". Ve tabi ki, bir alt tema oluşturmadı, ve ebeveynin kaynak kodunda tüm değişiklikleri yapmaya başladı.

Şablonum için bir güncelleme olduğunda, koddaki tüm değişiklikler basitçe silindi ve yine temiz bir şablonum vardı. Böylece her seferinde metrik, favicon ve tanımlayıcıları manuel olarak sıfırlıyorum.

Bu çok rahatsız edici. Ve tam da bu nedenle, temel şablonu seçtikten sonra, oluşturmak gerekiyor onun çocuk teması... Arama motorları sitelerin sistem ayarlarındaki dengesizliklere olumsuz tepki verdiği için bunu en baştan yapmak önemlidir.

Ve insan bakış açısından, güncelleme yayınlandıktan sonra tüm değişiklikleri tekrar yapmak çok elverişsizdir. Bu eylem bir kez yapılmalı ve sonsuza dek unutulmalıdır.

WordPress'te bir alt tema nasıl oluşturulur

Bu iki şekilde yapılabilir:

• İlgili eklentiyi indirin ve etkinleştirin
• Sitenin kök dizini aracılığıyla manuel olarak yapın

Her bir yönteme ayrı ayrı bakalım.

Bir eklenti aracılığıyla bir alt tema oluşturma

“ oluşturmak için en uygun ve popüler eklenti kız çocukları " denir Alt Tema Yapılandırıcı.

Resmi wordpress eklenti mağazasında bulunur. basıyoruz" Düzenlemek". Kurulum ve aktivasyondan sonra bölüme gidin " Enstrümanlar» -> « Çocuk Temaları". Eklenti ayarlarına gidin.

Eklenti menüsünde böyle bir pencere göreceksiniz. Başlat menüsündeki ilk öğeyi seçmemiz gerekiyor " Yeni bir Alt Tema OLUŞTURUN". Onu seçiyoruz.

Ana şablonu seçtikten sonra düğmesine tıklayın " analiz et". Ardından, aşağıdaki öğeler açılacaktır.

Analiz sonuçlarına dayanarak, aşağıdaki mesajı görmeliyiz: “ Bu tema, Alt tema olarak kullanmak için uygun görünüyor". Bu, eklentinin şablonumuzu oluşturma olasılığı için kontrol ettiği anlamına gelir " kız çocukları "Ve izin verdi.

Temel olarak, bir alt tema oluşturmak için bu eklentide yapılandırmanız gereken tek şey budur. Diğer tüm ayarları bırakın “ olduğu gibi«.

Tek uyarı Widget'ları ve diğer site menüsü ayarlarını zaten eklediyseniz, 8. paragrafı kontrol edebilirsiniz.... Bu durumda şablonun tüm görsel ayarları alt temaya kopyalanacaktır.

9. noktaya gidin ve düğmesine tıklayın " Yeni Alt Tema Oluştur". Alt temanız oluşturuldu ve eklenti, rolünü yerine getirdiği ve daha fazla işlevsellik için artık gerekli olmadığı için silinebilir.

Manuel olarak bir alt tema oluşturma

En iyi seçeneğiniz elbette bir eklenti kullanmaktır. Ancak sitemde temel şablon üzerinde çok fazla ayar bulunduğundan, bunu elle yapmak zorunda kaldım. Eklenti, ana şablondaki tüm değişiklikleri alt şablona aktarmayacağından.

Ve genel bir anlayış için, bunun manuel olarak nasıl yapıldığını görmek gereksiz olmayacaktır.

Her şeyden önce, ihtiyacınız barındırmadaki sitenin bulunduğu klasöre gidin senin kayıt memurun.

Adrese gidiyoruz: /www/siteniz.ru/wp-content/themes/... “ adlı yeni bir klasör oluşturun. benim çocuk tema"(Ya da başka - önemli değil). adını verdim" temel çocuk teması«.

Şimdi ana temamızın bulunduğu klasöre gidin (bu klasöre sahibim " temel") Ve dosyayı oradan kopyalayın stil.css.

Bir alt tema oluşturmak için bu dosyayı klasöre yapıştırın.

Şimdi üzerinde değişiklik yapmanız gerekiyor. Dosya seçme stil.css ve tıklayın " Değiştirmek«.

Şimdi dosyanın tüm içeriğini seçin ve silin(işlev aracılığıyla " ctrl + A"). Temiz bir dosya alacağız stil.css hangi biz olacak gerekli kodu girin.

Tema ayarlarını içe aktardığım için temel, Bu konu için belirtilen tüm verilere sahibim. Farklı bir temanız varsa adını bu koda girmeniz gerekir.

Her bir kod satırına bir göz atalım.

1. Tema adı: Yönetim panelinde sizin için temanızın adı.
2. Şablon: ana temanın adını belirtin.
3. @import url ("../ tema-adı / style.css");- alt tema için şablon verilerinin nereden alınacağını komutla belirtiyoruz (kayıt adresi Ana Tema).
4. .foo (renk: mavi;)- " için isteğe bağlı bir şablon stilinin isteğe bağlı ayarı Çocuk teması«.

/*
Tema Adı: Çocuğum tema adı
Şablon: tema-adınız
*/

@import url ("../ tema-adınız/stil.css ");

Tamamen bitmiş bir dosya böyle görünecek. stil.cssçocuk teması için:

Bu kod parçasını bırakıyoruz ve “ Kaydetmek". Çocuk temanız hazır.

WordPress alt teması nasıl etkinleştirilir

Bir tema oluşturdunuz mu? Şimdi sitenize eklemeniz gerekiyor. Nasıl yapılır?

bölümüne git " Dış görünüş» -> « Temalar". Ve biz arıyoruz" kız evlat "Komut aracılığıyla kendisine atanan isimle" Tema adı" dosyada stil.css.

Bir eklenti aracılığıyla bir tema yüklediyseniz, adı şu biçimde olacaktır: “ tema-çocuk ". Bu isimle arayın. Konunun adı " yirmi on yedi", Ardından alt teması (eklenti aracılığıyla) şu şekilde adlandırılacaktır:" yirmi onyedi çocuk«.

" Temalar"Bulmak onun alt şablonu ve düğmesini seçin " etkinleştir«.

Son fotoğrafta görüyorsun iki Temel şablon... Sol, şablonun bir çocuğudur ( Çocuk teması ) ve doğru olanı ana temadır ( Ana Tema ). "Kız", komut aracılığıyla ebeveynden tüm tasarım ayarlarını devralır. @içe aktarmak.

Alt tema sorunları ve nasıl düzeltileceği

Kod aracılığıyla manuel olarak bir alt tema oluştururken bir sorunla karşılaşabilirsiniz. " Editör"Yalnızca bir alt tema dosyası olacak" Stil sayfası"Sağ sütunda" Tema dosyaları«.

Ana tema " Tema dosyaları"Birçok satırı olacak, çocuk sadece dosyaya sahip olacak" Stil Sayfaları (style.css)". Böyle bir durumda ne yapmalı?

Bu soruyu şöyle çözdüm: Değiştirilen style.css dışındaki tüm dosyaları ana tema klasöründen kopyaladım ve alt klasöre yükledim.

Bu nedenle, bu sorunu çözmenin daha kolay bir yolunu öneririm.

Sadece klasörün tüm içeriğini kopyalayın ana tema, alt tema için klasöre yapıştırın ve dosyayı yeniden yapılandırın stil.css yukarıdaki örnekte olduğu gibi.

Bu kadar. Sonra tüm sekmeler " Editör»Kaydedebilir ve istediğiniz değişiklikleri yapabilirsiniz.

Çıktı

Bir çocuk teması oluşturmak yeterince kolaydır ve wordpress sitenizin en başında yapılmalıdır. En kolay yol bir eklenti kullanmaktır, sizin için bir alt tema oluşturduktan sonra onu kaldırabilirsiniz.

Bu kadar basit bir "hile" yaparak, tema güncellemeleriyle ilgili diğer sorunları unutacaksınız.

WordPress şablonlarının neden ı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üzenlemelerin 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" diyelim;
• 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. Sadece stil sayfasının (style.css) içeriğini aynı ana dosyaya aktarın;

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, eklentiyi 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 çalışma temasını analiz etmenize ve özelleştirmek için bir alt tema oluşturmanıza olanak tanıyan 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. Çözümleyici 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üşünün, sitenizle ç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! Artık önceden değiştirilmiş 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üzeltmeyi ovalama korkusu olmadan şablonu düzenleyebilirsiniz. Yorumlarda sorular.

Kullanıcılarımızın çoğu bize hangi şablonu kullandığımızı soruyor? Cevabımız, çerçevenin üzerine inşa edilmiş özel bir ikincil tema kullanmamızdır. Takip sorusu çoğu zaman iki bölümden oluşur. Ne ? Sorunun ikinci kısmı, ikincil bir WordPress teması nedir? WordPress çerçevesinin ne olduğunu daha önceki yazılarımızda anlatmıştık. Bu yazıda, ikincil bir WordPress teması nedir, ne zaman bir alt tema oluşturmalısınız, insanlar neden alt temalar oluşturur ve son olarak bir alt tema kullanmanın avantajları ve dezavantajları gibi soruları yanıtlamak için elimizden gelenin en iyisini yapacağız. Bu makaleyi okuduktan sonra, WordPress'te bir alt temanın ne olduğu konusunda sağlam bir anlayışa sahip olacağınızı ve bir alt tema kullanıp kullanmayacağınızı bileceğinizi umuyoruz.

WordPress alt teması nedir

Bu, ana tema olan başka bir WordPress temasından işlevselliği devralan bir temadır. Alt temalar, genellikle mevcut bir WordPress temasını, o temayı güncelleme yeteneğini kaybetmeden özelleştirmek veya rötuş yapmak istediğinizde kullanılır. Geçmişte, yaptığınız tüm özel ayarları ve değişiklikleri kaybetmeden bir WordPress temasını güncellemenin kolay bir yolu yoktu. Bir anda gördüğünüz, popüler bir temada yaygın olarak kullanılan bir scriptin bir çok imkanı varken ve bir an önce temanızı güncellemeniz gerektiğinde kaosa dönüşüyor. Bu zor bir seçim haline gelir çünkü bir yandan güncelleme yaptığınızda tüm özel stilleri kaybedersiniz. Öte yandan, yeterince hızlı güncelleme yapmazsanız sitenizin saldırıya uğrama riskiyle karşı karşıya kalırsınız.

WordPress topluluğu, ana tema ve alt tema kavramını tanıtarak bu sorunu çözmeye karar verdi. WordPress'teki bir alt tema, ana temada herhangi bir değişiklik yapmadan ana temanın tüm işlevlerini, özelliklerini ve kodunu devralır. Bu, kullanıcıların ana temanın stillerini değiştirmesine ve ana temayı güncelleme yeteneğini kaybetmeden özellikler eklemesine / değiştirmesine izin verdi.

Teoride, herhangi bir WordPress temasının alt temaları olabilir, ancak tüm WordPress temalarının iyi ana temaları yoktur. Sınırlı işlevsellik ve özelliklere sahip bir ana tema, çoğu durumda bir ana tema için ideal bir aday değildir. İstisnalar hakkında konuşacağız, makalenin ilerleyen kısımlarına bakın.

Çerçeveler olarak da bilinen iyi ana temalar genellikle kendi kancalarını ve filtrelerini içerir. Bu, tasarımcıların ve geliştiricilerin yeterince hızlı bir şekilde bir alt tema kullanarak sağlam özel WordPress siteleri oluşturmasına olanak tanır.

İnsanlar neden WordPress alt temalarını kullanıyor?

Tasarımcılar ve geliştiriciler, gelişimlerini hızlandırmak için alt temaları kullanır. İyi bir ana tema kullanarak, bir WordPress sitesi oluşturmanız için gereken süreyi önemli ölçüde azaltabilirsiniz. Bir çerçeveye sahip tüm iyi ebeveynlik temaları, birçok işlevsellik ve özelleştirme sunar, böylece her şeyi kodlamanız gerekmez. Kullanıcılar, gerektiğinde ana temayı güncelleme yeteneğini kaybetmeden mevcut bir temayı değiştirmek için genellikle alt temalar oluşturur.

WordPress'te bir alt tema oluşturmak, yeni bir klasörde yeni bir style.css dosyası oluşturmak kadar basit olabilir. Gerçekten ihtiyacınız olan tek şey, şablonu tanımlayan başlık için yeni style.css dosyanızdaki bir satırdır. Güvenilir bir ana tema, daha fazla değilse, ana tema kadar çok şablon dosyasına sahip olabilir. Bir alt tema, ana temada bile bulunmayan şablon dosyalarına sahip olabilir.

Bir çocuk temasını ne zaman kullanıyorsunuz?

Bir çocuk teması kullanma kararı genellikle ihtiyaçlarınıza bağlıdır. Kendimiz ve müşterilerimiz için kuracağımız sitelerin çoğu, çerçevesi olan çocuk temalardır. Bir projenin çok karmaşık veya çok basit olduğu nadir durumlarda, onu bağımsız bir özel WordPress teması olarak oluştururuz. WordPress geliştiricileri olarak kaliteli temalar oluştururken iş akışımızı düzene koymamız gerekiyor. Mevcut çerçevelerden bir alt tema oluşturmak, tüm bunları başarmamıza yardımcı olur.

Kullanıcılar için, yalnızca temanızın function.php dosyasına temanız için sürekli olarak yeni özellikler eklediğinizi ve/veya temanızın style.css dosyasını sürekli olarak eklediğinizi/değiştirdiğinizi düşünüyorsanız alt temaları öneriyoruz. Bu durumlarda, bir çocuk teması kullanmanızı şiddetle tavsiye ederiz. Bir süre önce WordPress hakkında konuşurken üyelerden biri bize sordu, ya sadece özel stiller eklesek? Bir alt tema veya özel CSS eklentileri kullanmak daha mı iyi?

Cevap, teknoloji konusunda ne kadar akıllı ve rahat olduğunuza bağlıdır. Özel CSS eklentileriyle yalnızca birkaç öğe için stilleri değiştirirseniz, gayet iyi çalışır. Ancak, tüm renk şemasını değiştirecekseniz, CSS'de değişiklik yapacaksanız, o zaman kesinlikle bir alt tema kullanmayı düşünmelisiniz.

İyi bir ebeveyn teması seçmek önemlidir

Tüm WordPress temaları ana temanın içindedir, ancak tüm ana temalar çerçeve içermez. Bunu kesinlikle vurgulayamayız. Herhangi bir WordPress temasının alt temaları olabilir, ancak hepsi çerçeve olarak kullanılmak üzere tasarlanmamıştır. Çok sayıda yeni başlayanın, fazla işlevsellik sunmayan bir ana temadan bir alt tema oluşturma hataları yaptığını gördük.

Büyük bir ana temayı dosyalarla değiştirmek zorunda kaldığınız bir alt tema oluştururken, sürecinizi yeniden düşünmelisiniz. Örneğin, yirmi on bir temayı gerçekten beğendiniz ve bir alt tema oluşturmaya karar verdiniz. Alt temanızda bir style.css dosyanız ve bir functions.php dosyanız vardı. Altbilginin görünüşünü beğenmediğinize karar verdiniz ve altbilgi.php'yi eklediniz. Başlık vb. için. Eğer öyleyse, ana tema olarak yirmi on bir seçmemelisiniz. Bunun yerine, kendi temalarınıza dahil ettiğiniz temalar için bir başlangıç ​​olarak kullanmalısınız.

Özel alt temalar oluşturan birkaç kullanıcımız oldu, bu gerçekten tamamen bağımsız özel temalar olmalı, çünkü neredeyse tüm ana tema dosyalarının içinde geçersiz kılınmıştır.

Kısacası, kendinize çok fazla kod yazmadan ana temanın işlevselliğine, özelliklerine ve gücüne ihtiyaç duyduğunuzda bir alt tema kullanmalısınız.

Alt tema kullanmanın faydaları

Çoğu şeyde olduğu gibi, WordPress'te bir alt tema kullanmanın avantajları ve dezavantajları vardır. İlkinin faydalarına bir göz atalım.

1. Güvenli Güncellemeler
Alt tema, ana temanın özelliklerini, stillerini ve şablonlarını otomatik olarak devralır. Bu, ana temayı hiçbir şekilde değiştirmeden bir alt tema kullanarak sitenizde değişiklik yapmanızı sağlar. Ana temanın yeni bir sürümü göründüğünde, tüm değişiklikleriniz alt temaya kaydedileceği için güvenle güncelleyebilirsiniz.

2. Genişletmek kolay

Alt tema, çok fazla kod yazmak zorunda kalmadan çok fazla esnekliğe izin veren güçlü bir çerçeve üzerine kurulmuştur. Diğer şablon dosyalarını atlayarak yalnızca ihtiyacınız olan şablon dosyalarını ve işlevlerini seçerek değiştirebilirsiniz. Yeni özellikler ve daha fazlasını ekleyebilirsiniz.

3. Güvenli Yedekleme

Tam bir tema oluştururken, tüm olası senaryoları ve bunların kodunu düşünmeniz gerektiğinde. Ancak, bir alt tema üzerinde çalışırken ve bir şeyin kodunu unutursanız, her zaman işlevselliği geri dönüş olarak kullanılabilen bir ana tema vardır.

Alt tema kullanmanın dezavantajları

Bir alt tema kullanmanın en büyük dezavantajlarından biri, ana temayı öğrenmek için geçen zamandır. Özellikle sağlam bir temelle çalışırken bir öğrenme eğrisi vardır, çünkü her birinin kendi kancaları ve filtreleri vardır. Potansiyelinizi en üst düzeye çıkarmak için gerçekten bunları bilmeniz gerekir. Bize göre, bu öğrenme eğrisi tek seferlik bir şeydir. Örneğin, oluşturduğunuz ilk birkaç alt tema daha uzun sürebilir, ancak bundan sonra aynı süre içinde özel siteler oluşturacaksınız. Performansınız artacaktır.

Başka bir kusur, genellikle ana temanızın geliştiricilerinin ilgisini kaybedebileceğini ve onu terk edebileceğini, alt temanızda kullandığınız bir özelliği bırakabileceğini veya alt temanızı tamamen bozan bir değişiklik getirebileceğini gösterdi. Bu göründüğü kadar kötü değil. Temel olarak, tüm iyi WordPress temaları açık kaynak ve GPL olduğu için. Ana temanın Geliştiricisi projeden ayrılırsa, hiçbir şey onu kullanmayı bırakmanız gerektiğini söylemez. Çoğu zaman diğer insanların bir proje üzerinde tek tek çalıştığı zamanlar vardır. Orijinal temadaki geliştirici belirli bir özelliği kaldırırsa, onu alt temanıza ekleyebilirsiniz. Bunun için bir Kodunuz var. Son olarak, hoşlanmadığınız köklü değişiklikler yaparlarsa, güncelleme yapmaktan her zaman kaçınabilirsiniz. Yükseltme teması, çalıştırmanın güvenli olduğu durumlarda çok önemlidir. Kullanıcıları her zaman temalarını güncellemeye teşvik ediyoruz çünkü bu, gelecekte diğer komut dosyaları ve eklentilerle uyumluluğun sağlanmasına yardımcı oluyor.

Temel olarak ticari bir çerçeve kullanıyorsanız, temanızı güncellemenize veya sorunları gidermenize yardımcı olacak bir destek seçeneğiniz vardır. Ayrıca, temel olarak Platform ortadan kalkmayacak, çünkü şirketin dünya çapında binlerce müşterisi olan istikrarlı bir işi var. Örneğin, bazı yerleşik widget'ları kaldırdılar, ancak bunları hala kullanmak isteyenler için eklentiler olarak herkese açık hale getirdiler.

Çıktı

Her zaman yaratabileceğinizi bilmek önemlidir. herhangi bir temaya, bazen bir alt temaya ihtiyacınız olmayabilir. Alt temanız için planladığınız değişiklik sayısını düşünün, küçük değişiklikler planlıyorsanız, temanızın CSS'sinde her zaman özel bir stil dosyası oluşturabilir veya özel CSS eklentileri kullanabilirsiniz. Değişiklikler çok aşırıysa, kendinizi ana temanın çekirdek dosyalarını geçersiz kılarken bulursanız, muhtemelen kendi temanızı oluşturmalısınız.

Bu makalenin, bir WordPress ana temasının ne olduğunu ve sizin için doğru olup olmadığını anlamanıza yardımcı olacağını umuyoruz. Bir şeyi kaçırdığımızı düşünüyorsanız, lütfen aşağıdaki yorumlarda bize bildirin.

WordPress, gizli yetenekleriyle beni her zaman şaşırtmıştır. Ve bu olasılıkların varlığından çok, uygulanmasının basitliği beni şaşırttı. Tabii ki gizli özellikler sistemin büyük sırlarına ait değil, sadece şu an için WordPress'te "böyle" neler yapılabileceğini bile bilmiyorsunuz. WordPress çalışma temalarının kodlarını düzenlemek için erişilebilirlik, tasarımı değiştirmekten ek widget'lar ve eklentiler oluşturmaya kadar sitenin görünümünü değiştirmenize ve tamamlamanıza olanak tanır.

Neden bir çocuk temasına ihtiyacım var?

Bununla birlikte, küçük bir rahatsızlık vardır: Her şablon güncellemesinden sonra tema kodunda yapılan doğrudan ayarlamalar kaybolur veya daha doğrusu orijinal kaynağa geri döner. Bu tür geri almalardan kaçınmak için, planlanmış bir güncelleme sırasında tüm değişiklikleri kaybetme tehdidi olmadan temanın kodunu düzenlemenize olanak tanıyan bir WordPress alt teması oluşturulur.

WordPress alt teması nedir

Alt tema, görünümde (style.css dosyası revizyonu) ve site işlevselliğinde (functions.php dosyaları ve diğer şablon dosyaları) her türlü doğru değişikliği yapmanıza ve şablon güncellendiğinde revizyonları kaybetmemenize izin veren bir araçtır.

Ana temanın stilleri ve işaretlemesi alt temayla değiştirilir ve alt temadaki değişiklikler bunların üzerine katmanlanır. Alt temada tüm değişiklikleri yapıyoruz ve ana tema değişmeden kalıyor.

WordPress Alt Teması Oluşturma - Pratik Bir Örnek

Sistemin tüm temalarının wp-content/temas dizininde "yalan" olduğunu hatırlatmama izin verin. Adım adım devamı.

• wp-content / theme dizininde, alt tema için rastgele bir ada sahip bir klasör oluşturun. Örneğin, bir klasör oluşturuyorum: first-child-theme. İsim keyfi, yakında gerekli olacak.
• Favori metin düzenleyicinizde (Ben Notepad ++ kullanıyorum), css uzantılı ve ad stiliyle bir metin dosyası oluşturun. Adı değiştirmiyoruz, ancak dosyanın içeriği şimdilik yalnızca başlığı içermelidir:

/ * Tema Adı: Birinci alt tema Tema URI: http: //domen.ru/ Açıklama: Bir alt tema oluşturun Yazar: Igor Serov Yazar URI: http: // web sitesi Şablon: zeefocus * /

Burada sadece son satır önemlidir, bu ana temalı klasörün adıdır. Bundan, sistem şablon stillerini pompalayacaktır.

• Dosyayı kaydedin ve ilk tema olan alt tema klasörüne doldurun.
• Alt tema, site konsolunda görünür. Ad, şu satırda belirtilen adla eşleşir: Tema Adı. Bir konuyu açarken, konunun belirtilen açıklaması gösterilir - Açıklama satırı.

Konu hala boş ve onu doldurup etkinleştirmeniz gerekiyor. Tam tersini yapabilirsiniz: etkinleştirin ve ardından doldurun.

Bir alt tema nasıl doldurulur

Hatırlatma olarak, boş bir alt temaya ihtiyacımız yok, ancak stilleri ve biçimlendirmeyi değiştirmek için ana temayı çoğaltan bir temaya ihtiyacımız var.

Temayı çoğaltmak için iki versiyondan birini seçiyoruz:

• Üst style.css dosyasını kopyalayın ve alt temadaki benzer bir dosyaya aktarın (şimdilik sadece bir tane var).
• Veya alt temanın style.css dosyasına ek bir satır ekleyin:

@import url (“../ zeefocus / style.css”);<\pre>

Burada, zeefocus ana, ana temadır.

Önemli! Bu satırla ana temanın stillerini yüklüyoruz. Artık stil dosyasını kopyalamanıza gerek yok, boş alt tema dosyasında değişiklik yapabilirsiniz ve ana temanın stillerinin üzerine yazacaktır. style.css dosyasını site yönetici panelinden sekmesine uygun olarak düzenleyebilirsiniz. Görünüm -> Düzenleyici.

Dosya başlığından içe aktarma işlevini kaldırmayı unutmayın stil.css.

Diğer tema dosyaları

Yine iki seçenek,

• benzer adlara sahip boş dosyalar oluşturun boş içerik: () ve bunları gerektiği gibi yazın;
• veya daha basit olarak, ana temanın dosyalarını alt temaya aktarır ve gerektiğinde düzenleriz.

Alt tema eklentileri

Makalede bir alt site temasının oluşturulmasını kolaylaştıran eklentiler hakkında.