Çocuk temasıyla gelişmiş bir özelleştirme nasıl oluşturulur
Bu öğretici herkes için değil.Onu takip etmek için deneyimli bir geliştirici olmanıza gerek yok, ancak WordPress ve temanın çalışma şekli hakkında daha fazla bilgi edinmek için samimi bir ilgiye ihtiyacınız var.Küçük bir kodla çalışmaktan ve ellerinizi birkaç tema dosyasıyla kirletmekten korkmuyorsanız, hoş geldiniz!Bu kılavuzda, WordPress sitesini çocuğun temasını kullanma isteklerinize nasıl ayarlayacağınızı öğreneceksiniz, ama önce … neden “çocuk temaları” adı verilen garip şeyler kullanmanız gerektiğini tartışalım.
İçindekiler tablosunu gizle
Neden bir çocuğun temasını kullanıyorsunuz?
Çocuk teması nasıl yapılır
Temel Ayarlar
Style.css dosyası oluşturun
Dosya Function.php Oluştur
Yeni çocuk temanıza uyum sağlayın
Ekle ve üzerine yazın
İşlevi değiştir
Şablonu değiştir
Çocuk temasını yükleme
Hangi araçları kullanmalıyım?
Güncellemeniz güvenli
Neden bir çocuğun temasını kullanıyorsunuz?Benden sonra tekrar et:
Tema dosyasını asla düzenlemeyeceğim yemin ederim. Kodla özelleştirme yapmak isteyen yeni WordPress kullanıcıları genellikle temalarındaki dosyaları düzenler. Bu büyük bir yasak. Neden? Niye? Sebeplerden biri: Temayı güncellediğinizde, WordPress mevcut temayı yeni tema sürümüyle değiştirecektir. Öyleyse bu neden önemli? Challenger temasını 1.04 kullandığınızı hayal edin. Menüyü header.php dosyasına taşırsınız ve style.css’e yeni CSS eklersiniz. Ardından 1.05 sürüm çıkıyor ve gösterge panelinizde bir bildirim görüyorsunuz. V1.05’i güncellediğinizde, header.php ve style.css dosyaları Challenger V1.05’teki dosyalarla değiştirilir. Yaptığınız aynı düzenlemeleri içermeyecekler, bu nedenle işiniz kaybolacak ve geri almanın bir yolu yok. Bu, özelleştirmenize saatler geçirirseniz çok hayal kırıklığı yaratabilir. Ancak, Challenger Children’ın temasına ayarlamanızı girerseniz, çocuğun temasında güvenli bir şekilde saklandıkları için herhangi bir ayar kaybetmeden 1.05 sürümüne güvenle güncellenebilirsiniz. Gerçek örneklere döndüğümüzde bu biraz daha net olacak, bu yüzden şimdi çocukların temasını yapalım. Tüm kodların burada nasıl çalıştığını ayrıntılı olarak açıklamasam da, bir çocuğun teması nasıl yapılır, bu başlamanız gereken temel fikir ve snippet’tir. Temel ayarlar masaüstünüzde boş bir klasör oluşturarak başlar. İstediğiniz gibi adlandırabilirsiniz, ancak standart adlandırma sözleşmesi, temanın adını küçük harfle ve ardından “çocuklar” ile kullanmak ve boşlukları bir bağlantı işareti ile değiştirmektir.
Örneğin, çocuğun Challenger teması teması “Challenger-Child” adına sahip olacak. Bu klasör tüm çocukların tema dosyalarını içerecektir. Teknik bir geçerli çocuk teması oluşturmak için sadece bir dosyaya ihtiyacınız var, style.css. Seçim Kod Düzenleyicinizi kullanarak bir style.css dosyası oluşturun, Child Tema Klasörü ve Name Style.css’de yeni bir dosya oluşturun. Style.css dosyası, elbette, sitenizi ayarlamak için tüm CSS’yi ekleyeceğiniz yerdir. Böylece WordPress, çocuğunuzun temasını geçerli bir tema olarak tanır, Style.css:/*
Temanın Adı: Challenger Çocuklar
Şablon: Challenger
Yazar: Tema Rakip
Sürüm: 1.0
Yazar uri: https://www.compethemes.com
Açıklama: Bu, WordPress Challenger temasını ayarlamak için kullanılan bir çocuk temasıdır.
Lisans: GNU V2 Genel Kamu Lisansı veya Yeni
URI lisanslama: http://www.gnu.org/licenses/gpl-2.0.html
*/ Bu doğru başlığı kopyalayıp kendi çocuğunuzun teması için kullanabilirsiniz. Ayarladığınız tema ile temanın adını değiştirin. En önemli kısım, ana temanın adına ayarlanması gereken “şablon” değeridir. Özellikle, ana temayı içeren klasörler için kullanılan isim.
Bununla, çocuk temasını görünüm menüsünden etkinleştirebilir ve kullanabilirsiniz. Ancak, siteniz gerçekten şık olmayacak! Çocuğun teması etkinleştirildiğinde, WordPress artık style.css üst dosyayı yüklemeyecek ve bunun yerine bunu yapmak için çocuğunuzun temasına bağlı olacaktır. Bu, iki stil sayfasını yüklemenizdir … Kod düzenleyicinizde bir function.php dosyası oluşturun, alt temada ikinci bir dosya oluşturun ve name functions.php. Ardından, aşağıdaki kodu dosyaya ekleyin: <? Phpfunction my_theme_enqueue_styles () {
$ paren_;
wp_enqueue_style ($ parent_style, get_template_directory_uri (). ‘/style.css’);
wp_enqueue_style (‘çocuk stili’, get_stylesheet_directory_uri (). ‘/style.css’, dizi ($ parent_style), wp_get_theme ()-> get (‘sürüm’)
);
}
Add_action (‘wp_enqueue_scripts’, ‘my_theme_enqueue_styles’); Bu işlev WordPress’e stil.css üst dosyayı yüklemesini ve ardından style.css dosyasını daha sonra çocuğun temasını yüklemesini söyler. CSS ana CSS seçmenlerini değiştirmeyi kolaylaştırdıktan sonra çocuğun tema stili sayfasını yüklemek.
Daha önce de belirttiğim gibi, bu kodu satır satır tartışmayacağım, ancak Codex WordPress’te bu snippet’in daha ayrıntılı bir açıklamasını bulabilirsiniz.Yeni çocuğunuzun temasına uyum sağlamak, bir çocuğun bir çocuk temasını oluşturmak için yapmanız gereken tek şey!Çocuğun tema ayarlarıyla, sitenizi onunla ayarlamanın üç yolu vardır.Stiliniz ekleyin ve bunaltıcı, stiline mümkün olduğunca yeni CSS ekleyebilir. CSS İstediğiniz çocuğun temasını.CSS’nizde kullanım için seçim bulurken, style.css dosyasını ana temayı kontrol etmeyin.Tüm temalarımız “PRA Pro-Procu CSS” kullanıyor, bu yüzden dosyayı bile görmüyoruz!Bunun yerine, CSS seçmenlerini bulmak için bu daha akıllı süreci izleyin ve bence sitenizi ayarlamada daha başarılı olacaksınız.
İşlevleri değiştirin iyi kodlanmış bir üst tema ile, functions.php dosyasında bulunan işlevlerden birini değiştirebilirsiniz. Örneğin, Mission News’teki her işlev Function_exists () kontrol ederek sarılır. Bu, işlevi function.php dosyasına kopyalayabileceğiniz anlamına gelir. O zaman orada işlev için istediğiniz düzenlemeyi yapabilirsiniz. Çocuk teması gerektiren genel özelleştirme şablonunu değiştirin Elementlerin yeniden düzenlenmesidir. Örneğin, yayın başlığını daha önce değil, üstün bir görüntüden sonra taşımak isteyebilirsiniz. Üst temada bulunan şablon dosyalarından birini alabilir ve çocuğunuzun temasına bir kopya yerleştirebilirsiniz. Bunun yerine çocuğun temasındaki versiyon yüklenecektir. Bu, sitenin herhangi bir bölümünde istediğiniz öğeleri eklemenize, yeniden düzenlemenize ve silmenize olanak tanır. Düzenlemenizin sonuçlarından memnun kaldıktan sonra çocuğun temasını yükleyin, sitenize bir alt tema yükleyebilirsiniz. Çocuk temaları sıradan WordPress temaları gibi yüklenebilir, bu nedenle sitenizde etkinleştirmek sadece bir veya iki dakika sürer. Çocuğunuzun temasını yüklemek için bu öğreticiyle birlikte takip edin: WordPress Çocuk Teması Nasıl Kurulur Hangi araçları kullanmalıyım? Tüm bunlarda gerçekten yeniyseniz, size yardımcı olacak bazı ücretsiz araçlar. İlk olarak, bir kod düzenleyiciniz yoksa Visual Studio kodunu kontrol edin. Bu basit ama esnek. Bu da tamamen ücretsizdir ve onunla çok sayıda profesyonel yazılım yapılır. Burada rekabetçi teması üzerine bir tema yapmak için kullanıyorum.
İkincisi, yerel bir WordPress sitesi (çevrimdışı) oluşturmak, gerçek web sitenizi etkilemeden kodu denemenin iyi bir yoludur. Geçmişte bir MAMP kullanmış ve tavsiye etsem de, volanın yerel olarak çok kolay ve kullanımı basittir, hoşuma gidiyor. Temalar geliştirmek için kullandığım ve ücretsiz. Güncellemeniz önceki örneğe geri dönmek için güvenlidir … Challenger temasını (veya herhangi bir temayı) güncellerken, “Challenger” dizinin tamamı, çocuğun temasını etkilemeyecek şekilde değiştirilecek, çünkü şimdi kendi dizini var ” Challenger-Challenger “Klasör. Çocuğunuzun teması yerinde olduğunda, istediğiniz ayarlamayı güvenli bir şekilde yapabilir ve ana temanızı güncellemeye devam edebilirsiniz. CSS ve PHP’de yeniyseniz, ayarlamayı istediğiniz gibi almak biraz zaman alabilir, ancak çocuk temasıyla kullanım için iyi bir temeliniz vardır. CSS seçmenlerini kullanmak için bulmak için bu adımları izlemeyi unutmayın ve yaptığınız herhangi bir stili ayarlamak çok basit olacaktır.
