WordPress Çocuk Teması Nasıl Yapılır (2021)
Nasıl yapılacağını biliyor musun? WordPress Çocuk Temaları? Tabii ki, temanız web sitenize uygun görünecektir, ancak bazı noktalarda bunu düzenlemeniz gerekir. Çocukların temalarında değişiklik yapmak, sitenizi düzenlemek için daha iyi bir seçimdir. Buna ek olarak, çocukların temalarını incelemek, bilmeniz gereken temel WordPress şeylerinden biridir. WordPress hakkında bilgi edinmeye başlayabilirsiniz. Bir WordPress çocuk teması oluşturmak için bir süreçten geçelim. WordPress için neden bir çocuk teması kullanmanız gerekiyor?
WordPress’te, çocuğun teması tüm özellikleri, işlevleri ve diğerlerini ebeveyn temasından alır. Öte yandan, ebeveyn temasını değiştirmeden çocuğun temasını düzenlemek mümkündür. Bu, siteyi sizin için düzenleme zamanı ve çabalarını kısaltacaktır. Ayrıca, WordPress tema güncellemeniz daha güvenli ve daha kararlı kalır. Çocuğu ayarladığınızda, ebeveyndeki tüm değişiklikler ve ayarlamalar aynı kalacaktır. Kullanıcılar bu alt temayı diğer WordPress web sitelerinde de kullanabilir.Bildirim Çocuk temaları için bir WordPress oluşturmak için bir çocuk teması oluşturmadan önce, kodlama becerilerine ihtiyaç vardır, çünkü HTML ve CSS ile çalışacağınız. Neyin değişeceğini bilmek çok önemlidir. Buna ek olarak, PHP hakkında temel bilgiye ihtiyacınız olacak, en azından kod görüntülerini diğer kaynaklardan kopyalıyor/ekleyeceksiniz. Geliştirme ortamında pratik yapmanızı içtenlikle tavsiye ediyoruz. Burası, ana sitenizi bozma korkusu olmadan bunu yapabileceğiniz bir yer. Bu, 2 kuşu bir taşla öldürdüğünüz gibi: biri test alanına taşıdı ve diğeri tema geliştirme olarak kullanıldı.
Bir şey daha, ana tema amacınız için görünüm ve işlevselliğe uygun olmalıdır. Gerçekten de, ne kadar az değişiklik yaparsanız, siteniz daha sonra o kadar iyi olur. Aşağıdaki bölümde, LearnPress temasını WordPress Create Child temasından daha iyi bir illüstrasyon için örnek olarak kullanacağız. İlk çocuk temanızı oluşturmak bir WordPress alt teması oluştururken 2 seçeneğe sahiptir. Tüm dosyaları tanımak için manuel yöntemi kullanabilirsiniz. Değilse, eklentiyi uygulamak karmaşık dosyalar ve klasörlerle çalışacaktır. Şimdi, özelleştirmeye başlayacağız. Kodu kullanarak başlamak için/wp-concent/themes/wordPress kurulumunda açacak ve çocuğunuzun teması için yeni bir klasör oluşturacaksınız. İstediğiniz gibi isim. Ardından, çocuğunuzun teması için ilk 2 dosyayı oluşturmalısınız. Metin düzenleyicisini açın ve aşağıdaki kodu boş bir belgeye yapıştırın: 1 Tema Adı: WPB Çocuk Teması 2 Tema Uri: https://www.wpbeginner.com/ 3 Açıklama: Öğrenme Çocuk Teması 4 Yazar: Thimpress 5 Yazar Uri: https://thimpress.com 6 Şablonlar: LearnPress 7 Sürüm: 1.0.0 8 Metin Etki Alanı: Öğrenme Dosyası En Son Çocuk Tema Klasöründeki Style.ss Dosyasına Plan’a göre değiştirebilir ve kaydedebilirsiniz. Çocuk temalarının ana stil sayfasını yaptınız.
Ardından, Stylessheet’i üst temadan içe aktarmak için 2. bir dosya oluşturacaksınız. Metin düzenleyicinizde yeni bir belge oluşturun ve bu kodu kopyalayın: 1 / * enqueue betiği ve stil üst temasından * / 2 3 function repelpress_styles () {4 wp_enqueue_style (‘çocuk tarzı’, get_stylesheet_uri (), 5 dizi (‘öğren -basın tarzı ‘), wp_get_theme ()-& gt; get (‘ sürüm ‘)); 6 (7 add_action (‘wp_enqueue_scripts’, ‘LearningPress_Styles’); Öğrenim’i bir üst tema olarak kullandığınızda, bu kod çalışmaya başlayacak. Çocuğunuzun teması. Bu adımlardan sonra, temel bir çocuk temasında. “Ekran” da olacak. , “Tema” ve “Etkinleştir” i seçin. Bu nedenle, siteniz çocuğun temasını kullanmaya başlayacak. Ayarlamanız gerekiyorsa, bir sonraki bölüme geçin. Eklentiyi kullanarak Child Tema Configurator eklentisini kullanabilmenizi öneririz. Kodlama gerektirmez, kolayca değişiklik ve ayarlamalar yapabilirsiniz.
İlk olarak, eklentiyi sitenize yükleyin. Eklenti kurulumu hakkında daha fazla rehberlik için buraya tıklayın. Etkinleştirilirken, “araç” -> “çocuk teması” na gidersiniz ve açılır pencereyi isteyen ana tema üzerinde LearnPress’i seçersiniz. Ana temaya uyumluluğu kontrol etmek için “Analiz Et” i seçin. Ardından, bunları depolamak için Dosyaları ve Yerleri Depolamak için Çocuk Tema Klasörünün adını vermelisiniz. Varsayılan ayarlarda, “Çocuk Teması Özniteliklerini Düzenlemek İçin Tıklayın” seçeneğini seçin. O zaman çocuk teması bilgilerini karşılayacaksınız.
Bir çocuğun temasını manuel olarak yaparken, çocuğunuzun teması ana temanın menüsünü ve araçlarını devralmayacaktır. Bunun üstesinden gelmek için Child tema yapılandırıcısını kullanın. Son olarak, tamamlamak için “Yeni Bir Tema Çocuğu Oluştur” u seçin. Bu adımda, çocuğunuzun teması, daha fazla geliştirme için functions.php ve style.css’lere sahip olacaktır. Görünüşe göre, çocuğunuzun eklenti önizlemesini görmeyi unutmayın. Bundan sonra, çocuk temanızı yayınlamak için “Etkinleştir ve Yayınla” yı seçersiniz. Şimdi, çocuğunuzun temasını ayarlamaya başlayacağız. WordPress Çocuk Temaları Özelleştirme “Style.css” dosyasına kodu ekleyerek WordPress Çocuk Temasını ana temadan biraz farklı hale getireceğiz. Gerekli CSS kodu. Ayrıca, bu aracı tüm sitelerin CSS ve HTML öğelerine erişmek için kullanabilirsiniz. CSS dosyasını bir gönderi veya siteden görmek için sağ -tıklayın ve “İnceleyin” i seçin. Ekranınız 2 parçaya ayrılacak ve sayfanın CSS ve HTML’sini görebilirsiniz. Fareyi HTML çizgisinin üzerinde hareket ettirdiğinizde, müfettiş sizi üst pencerede gösterecektir. Ayrıca CSS kuralları yapmak. Arkada geçici bir renk değişikliği olacak. Kalıcı hale getirmek için, bu CSS kuralını kopyalayın ve style.css dosyasına yapıştırın çocuk dosyası:
1 gövde {2 arka plan rengi: #fdf8ef;3) Değişiklikleri kaydedin ve siteleri önizleme.Buna ek olarak, tema stili sayfasındaki herhangi bir öğe için bunu yeniden başlatabilirsiniz.Çocuk temaları için eksiksiz bir stil sayfası veriyoruz: 1 Tema Adı: WPB Çocuk Teması 2 Tema Uri: https://www.thimpress.com 3 Açıklama: Bir LearnPress Çocuk Teması 4 Yazar: Thimpress 5 Yazar Uri: htts:/ www.thimpress.com 6 Şablon: LearnPress 7 Sürüm: 1.0.0 8 Metin Etki Alanı: LearnPresschild 9 */ 10 11. Site-Başlık {12 Renk: #7D7B77;13) 14. Site-Tescription {15 renk: #ABA8A2;16) 17 Beden {18 Arka Plan Renk: #FDF8EF;19 Renk: #7D7B77;20) 21.Entry-Footer {22 Renk: #ABA8A2;23) 24. ANTRY-TITLE {25 Renk: #ABA8A2;26 Yazı Tipi: Kalın;27) 28. Widget bölgesi {29 Renk: #7D7B77;30) Kodu Style.css Ana Dosyadan Kopyala Gördüğünüz gibi, ‘Style.css Ana’ dosyasından kopyalamak ve alt temaya koymak ve ayarlamak mümkündür.
Örneğin, sayfanın arka plan renginin kodu: 1 arka plan rengi: var (-global-color-background);’-Global-Color-Background’ çeşitli temalarda kullanılan bir değişkendir.Bu yerlerdeki rengi eşzamanlı olarak değiştirmeniz gerekiyorsa değişken değeri değiştirmelisiniz.WordPress kurulum klasöründe/wp-content/themes/curpnpress’e taşıyın ve bir yer-global-clobal-scolor-background bulmak için metin düzenleyicisindeki style.css dosyasını açın.Bu değişkenler diğer değişkenlerle değiştirilebilir.Style.css ana dosyasında birçok renk değişkeni bulabilirsiniz.Uygun renk seçeneğini seçtikten sonra, kod satırını style.css çocuk dosyasına kopyalar ve eklersiniz ve eskilerini renk eğiliminiz için seçilen yeniyle değiştirirsiniz.Ardından, renk planlanan renk şemasına göre bölünecektir.Bu işlem renk şemanızı tutarlı ve hızlı bir şekilde düzenlenir.
Şablon dosyasını bir temadaki ayarlayın, web sitesindeki dosya taşıma alanına şablon denir. Şablon genellikle idare ettikleri parça olarak adlandırılır. Böylece, bazı önemli parçalar çeşitli dosyalar veya içerik şablonları tarafından yönetilir. Şablonu ayarlamak için dosyayı üst temadaki bulun ve alt temaya kopyalayın. Ardından, metin düzenleyicisinde açın ve değiştirmeye başlayın. Bu işlemin öğreticisini footer.php dosyasıyla göstereceğiz. Çocukların tema klasörüne kopyalayın ve olağan metin düzenleyicisinde açın. Örneğin, altbilgideki “WordPress tarafından gururla güçlendirilmiş” bağlantısını silelim ve telif hakkı bildirimi ekleyelim. Başlamak için,
etiketlerin tamamını silin. 1
2 <? PHP 3 printf (4 / * çevirmen: %s: wordpress. * / 5 esc_html __ ('gururla %s tarafından güçlendirilir.', 'LearnPress'), 6 ' wordpress ‘8); 9?>
<!- 1
2
& kopya; Telif Hakkı . Tüm hakları saklıdır.
Ve siteye döndüğünüzde, yeni bir telif hakkı bildirimi göreceksiniz. Sitenize işlevleri değiştirmek veya işlev eklemek için WordPress Çocuk Temasına İşlevsellik Ekleme Functions.php dosyalarını aramanız gerekir. Bu dosya bu işlemi çalıştırmak için bir PHP kodu kullanır. Genellikle, kod parçalarını function.php dosyasına kopyalayıp eklemeniz için yönlendirilirsiniz, ancak PHP’nizi veya temanızı güncellediğinizde kesim silinir. Bu nedenle, kod görüntüleri eklemek için çocuğun temasını kullanmanızı öneririz. Pekala, widget ekleme işlemine geçelim. Kod görüntülerini alt temadan Function.php dosyasına ekleyin. 1 ‘Custom_sideBar’, 7 ‘ad’ => __ (‘özel widget alanı’, ‘text_domain’) , 8 ‘açıklama’ => __ (‘özel bir widget alanı’, ‘text_domain’), 9 ‘önce_title’ => ‘
‘, 10 ‘After_title’ => ‘
‘, 11’ Önceden_widget ‘=>’ ‘, 12’ After_widget ‘=>’ ‘, 13); 14 register_idabar ($ args); 15 16) 17 add_action (‘widgets_init’, ‘Custom_idiaks’); 18?> Kaydet ve “Görüntüle” -> “Widget”
