WordPress’te Çocuk Teması Nasıl Yapılır

Uzun zamandır bir tema geliştiricisi (veya hatta tweaker) haline geldiyseniz, mevcut bir temayı oluştururken bir çocuk temasını kullanmanın ne kadar önemli olduğunu bileceksiniz (baştan baştan kendiniz yapmak yerine). Bugün bu makalede WordPress’te nasıl bir çocuk teması oluşturabileceğinizi tartışacağız. Sorun özellikle güncellemelerle ilgilidir. Tema dosyasında bir değişiklik yaparsanız (yani “/temalar/kendiniz/kendiniz) dizininde ne olursa olsun, bir sonraki temayı güncellediğinizde değişikliğin üzerine yazılması muhtemeldir. Çocuk temaları, gelecekteki güncellemeler tarafından yazılan işinizden korkmadan tema dosyasının bir kopyasını oluşturabileceğiniz ve değiştirebileceğiniz bağımsız bir dizin oluşturmanıza olanak tanır.
Bu biraz alışılmadık gelebilir, ancak bu çok yaygındır (ve en iyi uygulama). Aslında, tüm pazar, tezler ve etkinlikler gibi popüler çerçeveden çocukların teması için gelişmiştir. Kendi çocuğunuzun temasını oluşturmak, neyse ki, bir çocuğun teması yapmak çok kolaydır – tek yapmanız gereken bir klasör ve bir dosya oluşturmaktır. FTP veya barındırma sağlayıcısı dosya yönetimi uygulamanız aracılığıyla web sitenize erişmeniz gerekir. Bir FTP hesabı (FileZilla gibi yazılımlar kullanarak) hazırlamanızı tavsiye edeceğim, çünkü dosyaları ve klasörleri bu şekilde eklemek ve düzenlemek daha kolaydır.
1. FTP istemciniz aracılığıyla web sitenize girdikten sonra çocuğunuzun tema klasörünü yapın, “/wp-concent/themes/” a gidin. Bu dizin, her biri sitenizde yüklenen temayı temsil eden bir veya daha fazla klasör içerecektir. Bu dizinde yeni bir klasör oluşturun. Beğendiğiniz herhangi bir adı verebilirsiniz, ancak “Üst Tema-Çocuk” (“Ebeveyn Teması” aktif temanızın adıdır) gibi tanımlayıcı isimler kullanmanızı öneririm. İşte bir örnek: Gördüğünüz gibi, aktif temam “Yirmi Eleven”, bu yüzden “yirmi on bir çocuk” klasörü yaptım.

2. Style.css Dosya Oluşturma Çocuk temanı bir klasör oluşturduktan sonra, geçerli bir Children’ın tema-style.css oluşturmak için gereken tek dosyayı eklemeniz gerekir. Kesinlikle beklediğiniz gibi, bu dosya style.css için bir tür ek olarak işlev görecektir. Bu dosyaya bazı önemli bilgiler yerleştirmelisiniz, bu nedenle en sevdiğiniz metin düzenleyicinizi açın ve aşağıdakileri boş bir dosyaya yapıştırın: /*
Temanın Adı: Çocuk Temam
Uri teması: http: //situssaya.com/
Açıklama: Bu yaptığım özel bir çocuk teması.
Yazar: Benim adım
Yazar uri: http: //situssaya.com/
Şablon: ana tema
Sürüm: 0.1
*/ Açıkçası, yukarıdaki çok fazla bilgi genel ve ihtiyaçlarınıza göre değiştirebilirsiniz. Çocuğunuzun teması geçerli olacak şekilde değiştirmeniz gereken tek bir değişken vardır – “Şablon”. Bu değişken, çocuğunuzun ilgili ana tema temasını anlatmak için gereklidir ve aktif tema klasörünüzün adıyla eşleşecek şekilde değiştirilmelidir.
Yapmanız gereken çok önemli bir şey daha var. Bu dosyayı geçerli durumda yüklerseniz ve çocuğunuzun temasını etkinleştirirseniz, WordPress Style.css dosyasını çocuğunuzu varsayılan stil dosyası olarak görür ve hiçbir şey görmez. Sonuç olarak, temanız CSS tarzı olmadan işlenecektir. Bu nedenle, CSS dosyasını çocuğunuzun style.css dosya temasında, aşağıdaki kod satırı ile çağırmanız gerekir: @Import url (“../ parenttheme/ style.css”); Yukarıdaki “Şablon” değişkeni gibi, “ana temasını” üst temanızın adına uyacak şekilde değiştirmeniz gerekir. Varsayılan stil sayfası style.css değilse (neredeyse kesinlikle öyle), aynı zamanda uygun olacak şekilde değiştirmeniz gerekir. Şimdi çocuğunuzun teması etkinleştirildiğinde, WordPress herhangi bir CSS çalıştırmadan önce tüm CSS’yi ana tempolu dosyanızdan içe aktarmayı bilecektir Dosya Style.css Çocuk Teması’nda saklanır. Yeni dosyanızda yer alan CSS, WordPress’in çalıştığı son şey olacağından, CSS önceki CSS’den öncelikli olacaktır. Yukarıda gereken bilgilerin iki görüntüsünü ekledikten sonra, yeni style.css dosyanızı çocuğunuzun tema klasörüne kaydedin. Son olarak, CSS ile web sitenizi düzenlemek için kılavuzumuza bakın. 3. Şimdi kalan çocuğunuzun temasını etkinleştirmek, çocuğunuzun temasını etkinleştirmektir.
WordPress yönetici alanınızda “Görünüm> Temalar” a gidin. Ekranın en üstünde, anne temanızın aktif olduğunu göreceksiniz, ancak aşağıda listelenen yeni çocuğunuzun temasını da göreceksiniz:

Style.css’e eklediğiniz bilgiler çocuğunuzun temasının teması (“Tema Adı” ve “Yazar” gibi) bu ekranda görüntülenecektir. “Etkinleştir” a basın ve çocuğunuzun teması yayınlanacak! Çocuğunuzun teması aktif bir tema olarak görüntülenecektir: Bu aşamada, temanızın tasarımında herhangi bir değişiklik görmeyeceksiniz, çünkü gerçekten bir dosya yapmadınız. Ancak, gelecekte Style.css, çocuğunuzun teması sitenizi etkileyecektir. Ve amaçlandığı gibi, anne temanız için gelecekte herhangi bir yenilenme stilini etkilemez. CSS çocuğunuzun temasını.
4. Bu noktada daha fazla değişiklik ve eklemeler yapmak, “Temamı değiştirmek CSS iyi ve iyi, ama ya ana temamın PHP dosyasında değişiklik yapmak istersem?” Adil sorular ve cevaplar çok basit. Ana temanızdaki belirli PHP dosyalarında değişiklik yapmak istiyorsanız, bir kopya yapın ve kopyayı çocuğunuzun tema dizinine yapıştırın. Yaptığınız her değişiklik yayınlanacak. Bu muhtemelen function.php aracılığıyla ek işlevler eklemek için en uygun olanıdır, ancak aynı işlem mevcut tüm PHP dosyaları için geçerlidir.

Aynı işlem, sayfa şablonu gibi yeni bir PHP dosyası oluşturmak istiyorsanız da geçerlidir. Çocuğunuzun tema dizininde, ilgili bilgiler de dahil olmak üzere yeni bir dosya oluşturun ve bunu yapmaya hazırsınız. Hatırlamanız gereken bir şey, çocuğunuzun temasındaki dizin yapısının ana temaya uygun olması gerektiğidir. Bu nedenle, PHP dosyalarını “/ana tema/dahil/harici/php/example.php” de düzenlemeye karar verirseniz, “/alt tema/kapsayıcı/harici/php/example.php” e koymalısınız. Şimdi gördüğünüz gibi sarın, bir çocuğun teması yapmak çok basit ve bunu yapmamak için hiçbir nedeniniz yok.

Sadece birkaç küçük ayar yapsanız bile, bir çocuk teması yapmak için birkaç dakika almanız gerekir, böylece bir sonraki tema güncellemesi yuvarlanırken kötü bir sürpriz olmazsınız. Zevk almak! İlginç okuma: Lifterlms İnceleme: Bu çevrimiçi kurs eklentisi paraya değer mi? Üçüncü taraf e-öğrenme platformu aracılığıyla kendi e-öğrenme web sitenizden kurs satmak, ücretsiz ve premium üniversite WordPress teması teması

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir