WordPress’te Çocuk Teması Nasıl Yapılır
WordPress’teki çocukların temasını ne yapabilirim? Mevcut WordPress temanızdan oldukça memnunsunuz, ancak birkaç şeyi değiştirmek istiyorsunuz. (örneğin özel işlevler eklemek), ancak ya bir şeyi bozarsanız? Temayı değiştirmenin daha güvenli bir yolu olup olmadığını merak ettiyseniz, doğru yerdesiniz. Bu yeni başlayan rehberde, bu soruyu ve daha fazlasını cevaplayacağız. Bunu göz önünde bulundurarak, WordPress özel düzenleme yöntemi hakkında daha fazla bilgi edinmek istiyorsanız bu iyi bir başlangıç noktasıdır. Açık olmalı, ancak size hatırlatalım, bu öğreticiyi takip etmek için WordPress Yönetici Sunucunuza ve Gösterge Tablonuza erişmeniz gerekir.
WordPress’teki çocukların teması nedir? Çocukların teması temel olarak mevcut temadan (ebeveyn) bir değişikliktir. Değiştirmek için, orijinal dosyayı bozmadan WordPress temanızın belirli parçalarını veya bazı bölümlerini değiştirmek için kullanabilirsiniz. Bu, ana tema dosyasını değiştirerek mümkündür. Çocuğun tema dosyası oluşturulduktan sonra, dosya hemen ana temadan daha yüksek bir öncelik alır. Bunun bir stand -tema olmadığını ve kendi başına çalışamayacağını/kendi başına (orijinal tema olmadan) olduğunu fark etmek önemlidir. Çocuklarda yaptığınız tüm değişiklikler, ana tema dosyasını etkilemez. Bunun yerine, ana dosyayı güncellemek çocuğu etkileyecektir.
Neden WordPress Çocuk Temasını kullanmak zorundasınız?
Çok şey öğrenebilirsin
Bu elbette oldukça açıktır, WordPress’in bir çocuk teması kullanarak gelişimi hakkında çok şey öğrenebilirsiniz. Temanın perde arkasında nasıl çalıştığını size öğretebilir, sizi CSS ve PHP, vb. Öğrenmeye zorlayabilirler.
Itkami gibi daha güvenli, çocukların temasını çeşitli şeyleri değiştirmek için daha güvenli bir yol olarak açıkladı. Bunun nedeni, tamamen farklı bir dosyaya sahip olması ve süreçteki hiçbir şeye gelmemesidir. Orijinal dosyalar dokunulmadan kalır, tüm işler yeni bir dosyada saklanır.
Değişimini kaybedemezsin
Temayı doğrudan düzenlerseniz, güncellediğinizde değişiklik kaybolur (değiştirilmiş CSS kodunu depolamak için bir eklenti kullanabilirsiniz, ancak bu yalnızca küçük değişikliklerle işlev görür). Bir çocuk temasıyla bu sorunu deneyimlemeyeceksiniz.
Sıfırdan başlamaya gerek yok
Bir yapı ve temelle, işiniz aşağıdan başlamaktan çok daha basittir.
Anında orijinaline dönebilirsiniz
Yaptığınız şeyden memnun değilseniz, çocuğunuzun temasını kolayca devre dışı bırakabilir ve Main’i etkinleştirebilirsiniz. Şimdi her şeyi bitirdikten sonra, yapmaya başlayabiliriz. WordPress’te Çocuk Teması Oluşturma Hatırlanması gereken ilk şey, temanın PHP ve CSS dosyalarından oluşmasıdır. Görüntülenmek için işlevsellik ve CSS (stil sayfaları) eklemek için PHP dosyalarını kullanıyoruz.
Tamamen yeni bir tema yapmadığımız için, bu prosedürü yalnızca iki dosya ile başlatabiliriz. Dosya Style.css ve Dosya Functions.php. İlk olarak, şablon dosyası olarak kullanılacak ana temayı seçmeliyiz. Varsayılan tema, oldukça iyi bir seçim olması için yeterince hafiftir. (Bu makalede yirmi on yedi temayı kullanacağız, ancak yirmi on üç veya diğer dosyayı kullanabilirsiniz) Manuel Yol – Bir WordPress Çocuk Teması Nasıl Yapılır Kopyalayı nasıl kullanacağınızı ve kodu nasıl kullanacağınızı biliyorsanız, yöntemin kendisi oldukça basittir internet. Kodlamaya alışkınsanız, özellikle tüm üretim süreci bilgisayarınızda yerel olarak yapılabilir. Ancak, dosyayı sunucuya (tema klasöründe) yükleyebilir ve daha sonra doğrudan düzenleyebilirsiniz. WordPress barındırma hizmetleri tarafından sunulan hızla karşılaştırıldığında, yerel olarak çalışmak çok daha hızlıdır. Ayrıca, çevrimdışı olduğu için, kullanıcı deneyimini hiçbir şekilde etkileyemez veya sitenize zarar veremezsiniz. Sitenizi çevrimdışı test etmek için XAMPP gibi localhost’tan birini kullanabilirsiniz. Bunu yapmayı seçerseniz, tema değiştirdikten sonra güncellenmezse, çerez ayarlarınızı kontrol edin. (veya tüm çerezleri silin ve yenileyin)
Ancak, hala her şeyi çevrimiçi yapmak istiyorsanız:
FTP istemcinizi açın.
Sunucunuza bağlanın.
WP-Content> temasına gidin.
Yeni bir klasör oluşturun (“Tema Dizini” olarak adlandırılır). Klasörün adının netlik için çocuğunuzun adına benzer olduğunu öneriyoruz. (Ama beğendiğiniz herhangi bir ismi verebilirsiniz)
Sunucuya yüklemek için dosyayı dosya yöneticisine sürükleyin. Tüm dosyaları uygun alt tema klasöründeki kopyaladığınızdan emin olun. Her şeyi doğru yaptığınızdan emin olana kadar temayı etkinleştirmeyin.
CSS Dosyaları Oluşturma Dediğim gibi, Sitenizin görünümünü değiştirmek için Styles sayfası dosyaları kullanılır. Düzeltilmiş CSS kodu, değiştirmek istediğiniz temanın belirli bölümlerini değiştirebilir.
Çocuklar için bir style.css dosyası oluşturmak için:
Seçmeli metnin editörünü açın. (Kelime gibi bir kelime işlemci değil, “Wordpad” gibi bir diğeri olmalıdır)
Aşağıda sağladığımız “kodu” kopyalayın.
Style.css olarak kaydedin.
Kod “:/* Tema Adı: Yirmi On Yedi Çocuk Teması Uri: http://example.com/twenty-reventeen-hild/ Açıklama: Yirmi On yedi Çocuk Teması Yazar: Fix Runner Yazar Uri: https://fixrunner.com şablonu: Yirmi Ekim Sürümü: 1.0.0 */ Sadece kopyaladığımızı gözden geçirelim. Bu, bir çocuğun teması CSS yaparken WordPress’in ihtiyaç duyduğu başlığın yorumudur. Bu WordPress’e, dosyaları temalar olarak tanımlamak için gereken tüm bilgileri anlatır. Üstte yerleştirilmelidir Style.css dosya teması çocuğunuzun.
Şimdi her öğeyi başlığın yorumlarından açıklayalım:
Tema Adları (Zorunlu) – Çocuğunuzun teması için seçtiğiniz benzersiz isim. İstediğinizi seçebilirsiniz, bir “çocuk” kelimesi veya içinde ebeveynlerin adı olmalıdır.
URL teması (isteğe bağlı) – temanız için kılavuz içeren URL. Bunu doldurmana gerek yok.
Açıklama (isteğe bağlı) – Bu bilgiler tema menüsünde görüntülenecektir.
Yazar ve URL Yazar (isteğe bağlı) – Kendi kendine açıklayıcı, temanızı yayınlamak istiyorsanız yazarın tema bilgilerini yazın. Şablon (zorunlu) – Bu aslında önemlidir. Özellikle, bu, temanın hangi WordPress’i çocuğumuzun temasının temeli (ebeveyn) olacağını anlatıyor.
Sürüm (isteğe bağlı) – Kontrol sürümü için kullanışlıdır.
Ayrıca, yayınlamayı planlıyorsanız doldurabileceğiniz “etiketler”, “metin alanı” ve “lisans” da vardır.
Bu sizi şaşırtabilir, ancak ilk çocuk temanızı yaptınız. Sunucuya kopyalarsanız, tema menüsünde etkinleştirebilirsiniz. İyi görünmeyecek. Hala iyi yapılandırmadık. PHP Dosyası İşlevi Oluşturma Üst ve Çocuk Temalarının Stil Sayfasını Doğru Bir Bağlamak İçin Vardır. Ayrıca ek işlevler ekleyebilir veya zaten var olan güncelleme yapabilirsiniz. Dosya işlevi oluşturmak. Aslında, kod elbette farklı. Function.php adlı bir dosya oluşturduktan sonra, aşağıdaki kodu kopyalayıp eklemeniz gerekir:
ayarlayın. Ekranın sol alt kısmında “Childify Me” adlı yeni bir seçenek olacak, üzerine tıklayın. Temanızın adını seçin ve “Oluştur” u tıklayın. Temel olarak, hepsi bu.
Tema menüsünde artık bu temayı seçebilir, bilgileri görebilir ve isterseniz etkinleştirebilirsiniz.
Dediğimiz gibi, önerilmeyen temanın tarzındaki değişimden hala emin olmadığınızda çocuğunuzu etkinleştirin.
WordPress’te Çocuk Temalarını Değiştirme Bir çocuk teması oluşturduktan sonra “WordPress temasını ayarlama” süreçten (hoş bir parça) görünür. Kodlama bazen korkutucu görünüyor, ama korkmayın, biraz denediğinizde çok zor değil. Buna ek olarak, temanın çok fazla işlevini değiştirmeyeceğiz. PHP çünkü biraz daha gelişmiş olabilir. Öte yandan CSS, kodu ayarlamak için daha basit bir yola sahiptir ve temel bilgileri kolayca anlayabilirsiniz. Yani, bu konuda daha önce bilginiz yoksa, takip edin. İlk olarak, sayfanın değiştirmek istediğimiz kısmını nasıl bulabileceğimize bakalım. Ne aradığınızı bulmak için düzenlemek için doğru öğeleri bulmak, ne yaptığınızı bilmiyorsanız biraz karmaşık olabilir. Sorun şu ki, sayfadaki her nesnenin adı bir tema geliştiricisinden diğerine değişebilir. Aslında, Style.css çocuğumuzun temasına koymamız gerektiğini tahmin etmeyi zorlaştıran şey budur. Bu amaçla, Google Chrome tarayıcısındaki “Check” seçeneğini kullanabiliriz. Sayfanın herhangi bir yerine sağ tıkladıktan sonra gerilme menüsünün altında bulabilirsiniz. Yeni bölüm, HTML ve CSS kodunu göreceğiniz sayfanızın sağ tarafında açılacaktır. Değiştirmeye çalıştığınız sayfadaki belirli öğeleri seçmek için aşağıdaki resimden küçük ok simgesini tıklayın. Şimdi seçeneği etkinleştirdikten sonra, site başlığımızın adını arayalım. Sol fare düğmesi ile üzerine tıklayın. Bu, HTML kodundaki istenen öğeyi vurgular, burada öğenin etiketi tarafından tanımlandığını görebiliriz. Görünüşü yalnızca stil etiketini genel olarak değiştirerek değiştirebiliriz. Ancak, etiketi çoğu bağlantı için kullanıldığından, genellikle bunu yapmak istemiyoruz. Öyleyse daha spesifik olalım. etiketinin “site-title” etiketli
etiketinde olduğunu açıkça görebilirsiniz. Aradığımız şey budur. Devam etmeden önce bir şey daha, bazen burada olduğu gibi, temanın özel bir etkinliği olabilir. “Has-Header-Image” bu olaylardan biridir ve temel olarak, sitenin bir başlık görüntüsü olduğunda belirli durumlarda bu öğeyi hedefleyebileceğimiz anlamına gelir. Düzenleme Style.css Dosyalar Teması Şimdi değiştirmek istediğimiz nesnenin adını biliyoruz, bunu yapmaya başlayabiliriz. WordPress Çocuk Teması için CSS hakkında her şeyi öğretmek için, bu makalenin yüz sayfadan fazla uzunluğu olacaktır, ancak temel şeylerle çok ileri gidebilirsiniz. Herhangi bir CSS kodu yazmak için: Etkilemek istediğiniz öğelerin adını belirtin (ve bahsettiğimiz kadar özel). “Sınıf” özelliğinde bir isim bulursanız, adın önündeki noktayı verin. “ID” için hashtag sembolünü kullanın. (Böylece “.Site-the” veya “#site sitesi olabilir) Kod satırınızı “{}” buklelerine yerleştirin “;” İle her satırı sonlandırın Bunu hatırlayarak, başlıktaki metnin rengini değiştireceğiz.Hemen öne çıkacak bir renk kullanalım.(“Sahip Oluşturan Çıkarma” durumu için açık yeşil ve olmadan kırmızı) Takip etmek istiyorsanız, başlığın yorumundan sonra aşağıdaki kodu kopyalayın: Body.has-Header-Image. Site-Başlık A {Color: # 00ff36;} .Site-Title a {color: kırmızı;} Bir başlık görüntüsü olduğunda sonuçlar böyle görünecektir: ve bunun gibi, hayır: Çocuk temasının gerçek gücü açıktır, yukarıdaki örnekte gördüğümüz sadece küçük ve hızlı bir değişimdir. CSS hakkında daha fazla bilgi edinirseniz veya internetten çekici bir kod kopyalamanız durumunda neler yapabileceğinizi hayal edin. Bu “küçük” kod, örneğin:/* Tema Adı: Yirmi On Yedi Çocuk Teması Uri: http://example.com/twyty-venten-hild/ Açıklama: Yirmi Seven Çocuk Teması Yazar: Fix Runner Yazar URI: HTTPS: /Fixrunner.com Şablon: TwentyEventeen sürüm: 1.0.0 */ h1 {font-boyut: 2em; Marj: 0.67em 0; } #ikincil.widget-alan li {dolgu: 0.5em 1em; } #yeni-posts-2.widget.widget_recent_entries {arka plan-color: #ffeeaa61; } #archives-2.widget.widget_archive {arka plan-color: #ffeeaa61; } #meta-2.widget.widget_meta {arka plan-color: #ffeeaa61; }. Navigasyon-Top {arka plan-color: #fea; } body.has-header-image. } .Content-alea {arka plan-color: #ffeeaa61; Dolgu: 1.5em; Metin-align: sol; } H2.widget-title {dolgu: 1em; } .Wrap {Margin-Left: Auto; Marj-Sağ: Otomatik; Max-Width:%90; } ul, OL {Margin: 0 0 1em; Dolgu: 0EM 2EM; } ul {List-style-Type: Circle; } kod {font-weight: bold; Renk:#0F1017; }. Yorum-Body {Margin: 5em; } .BypostAuthor>. Yorum-body>. Yorum-meta>. Yorum yazarı. Avatar {Border: 0px katı #333; Dolgu: 2px; } Ve bunun gibi, bu tamamen yeni bir tema. Ebeveyn kuvveti daha dar ve sarımsı bir ekrana dönüştürülür. Burada ve orada daha fazla değişiklik var ama bu önemli değil. Burada daha fazla iş var gibi görünse de, aslında daha önce açıkladığımız yöntemi kullanarak. WordPress PHP için küçük kılavuz, dediğimiz gibi, WordPress için bir alt tema kullanarak, hiçbir şeye zarar verme olasılığı olmadan üst temanın işlevini güncelleyebilirsiniz. Bu, birkaç ayrı PHP dosyası veya tema kancaları kullanılarak yapılabilir. İlk olarak, genel olarak PHP hakkında konuşalım. PHP’yi açıklamak için basit bir örnek kullanacağız. İçinde, altbilgide “Footer-Widget-example” adlı bir widget yuvası yapacağız. (Bonus Footer Widget, özelleştirme menüsünde olacak bir etikettir, ancak gerçek kimlik “footer-widget-example” dır) bunu yapmak için, ilk olarak şu: open functions.php çocuk temanız. ” ” bonus footer widget ‘,’ id ‘=>’ footer-widget-exchange ‘=>’
‘,’ After_widget ‘=>’ ‘));
Dosyayı kaydedin ve kapatın.
Arka uç WordPress’e endişelenecek yeni öğeler olduğunu söylemek istediğinizde, öğeyi kaydetmelisiniz.Register_sideBar () bunu yapan bir komuttur.Buna ek olarak, CSS gibi, komutu “;” ile kapatmamız gerekiyor.İkincisi, elemanı altbilgide göstermemiz gerekiyor.Ebeveynlerinizin temasından bir footer.php açarsanız, buna benzer bir satır görürsünüz: Açıklığa kavuşturmak için, altbilgi widget’ından sorumlu PHP dosyasının “Şablon-Partlar/Altbilgi/” konumunda olduğu anlamına gelir.Öyleyse arayalım ve düzenleyelim: Üst Tema Dizini’ndeki yolu takip edin.
Dosyayı kopyalayıp çocuğunuzun tema klasörüne yapıştırın.(aynı alt klasör yapısıyla)
“<? PHP": if (is_active_ideBar ('footer-widget-exchange')): dynamic_ideBar ('footer-widget-example'); Endif; Yani, tüm dosyalar şimdi şöyle görünecek: <Acid class = "widget-alama" rolü = "tamamlayıcı" aria-label = " “>
İhtiyacınız olanı yapmak için program. İşlevimiz, metni yazdıran (döndüren) “Echo” komutunu kullanır.
ADD_RACTION veya benzeri komutlarla diğer işlevlere (örneğimizde “wp_footer”) bağlanın.
Son olarak, dosyayı kaydedin ve test edin.
Filtre kancasını kullanarak mevcut işlevleri de değiştirebilirsiniz. Bu, herhangi bir WordPress geliştiricisinin iş akışında açıkça harika bir cihazdır. Bunu “add_filter ()” komutunu kullanarak yapabilirsiniz. Bu şekilde eskisinden özel bir WordPress işlevi alırsınız. Bugünün Bonus İpuçları: WordPress web sitenizin özel bir sayfa şablonu kullanmasını istiyorsanız veya hızlı bir düzen yapmak istiyorsanız, Visual Composer gibi bir WordPress sayfa üreticisi kullanın. Şaşırtıcı bir şekilde web web sitesi üreticileri işinizi hızlandırabilir. Sonuç Bu adım adım kılavuzda, WordPress çocuklarının temasının ne olduğunu, nasıl yapılacağını ve ne zaman kullanmanız gerektiğini açıklıyoruz. Çocukların temalarının yardımıyla, WordPress temanızı ayarlamak çok daha basit ve daha güvenlidir. Ayrıca, dediğimiz gibi, WordPress siteniz için daha ucuz yönetilen bir WordPress barındırma kullanıyorsanız, her şeyi daha önce yerel olarak yapmaya çalışın. Öte yandan, her şeyi çevrimiçi yapmayı seçerseniz, WP makineleri gibi Web ana bilgisayarları (veya VPS barındırma sağlayıcıları) doğru seçimdir. Şimdi tüm bunları öğrendikten sonra, tasarımınızla vahşi olun! Son olarak, WordPress ile ilgili daha fazla WordPress öğreticisi veya yayın görmek için blogumuzun geri kalanını kontrol edin. Daha fazla Kaynak: Medya Nasıl WordPress ile Sınırlama Yapılır
En hızlı WordPress teması 2020
WordPress yayınınızda veya sayfanızda metin nasıl düzenlenir
WordPress’teki çocukların teması nedir? Çocukların teması temel olarak mevcut temadan (ebeveyn) bir değişikliktir. Değiştirmek için, orijinal dosyayı bozmadan WordPress temanızın belirli parçalarını veya bazı bölümlerini değiştirmek için kullanabilirsiniz. Bu, ana tema dosyasını değiştirerek mümkündür. Çocuğun tema dosyası oluşturulduktan sonra, dosya hemen ana temadan daha yüksek bir öncelik alır. Bunun bir stand -tema olmadığını ve kendi başına çalışamayacağını/kendi başına (orijinal tema olmadan) olduğunu fark etmek önemlidir. Çocuklarda yaptığınız tüm değişiklikler, ana tema dosyasını etkilemez. Bunun yerine, ana dosyayı güncellemek çocuğu etkileyecektir.
Neden WordPress Çocuk Temasını kullanmak zorundasınız?
Çok şey öğrenebilirsin
Bu elbette oldukça açıktır, WordPress’in bir çocuk teması kullanarak gelişimi hakkında çok şey öğrenebilirsiniz. Temanın perde arkasında nasıl çalıştığını size öğretebilir, sizi CSS ve PHP, vb. Öğrenmeye zorlayabilirler.
Itkami gibi daha güvenli, çocukların temasını çeşitli şeyleri değiştirmek için daha güvenli bir yol olarak açıkladı. Bunun nedeni, tamamen farklı bir dosyaya sahip olması ve süreçteki hiçbir şeye gelmemesidir. Orijinal dosyalar dokunulmadan kalır, tüm işler yeni bir dosyada saklanır.
Değişimini kaybedemezsin
Temayı doğrudan düzenlerseniz, güncellediğinizde değişiklik kaybolur (değiştirilmiş CSS kodunu depolamak için bir eklenti kullanabilirsiniz, ancak bu yalnızca küçük değişikliklerle işlev görür). Bir çocuk temasıyla bu sorunu deneyimlemeyeceksiniz.
Sıfırdan başlamaya gerek yok
Bir yapı ve temelle, işiniz aşağıdan başlamaktan çok daha basittir.
Anında orijinaline dönebilirsiniz
Yaptığınız şeyden memnun değilseniz, çocuğunuzun temasını kolayca devre dışı bırakabilir ve Main’i etkinleştirebilirsiniz. Şimdi her şeyi bitirdikten sonra, yapmaya başlayabiliriz. WordPress’te Çocuk Teması Oluşturma Hatırlanması gereken ilk şey, temanın PHP ve CSS dosyalarından oluşmasıdır. Görüntülenmek için işlevsellik ve CSS (stil sayfaları) eklemek için PHP dosyalarını kullanıyoruz.
Tamamen yeni bir tema yapmadığımız için, bu prosedürü yalnızca iki dosya ile başlatabiliriz. Dosya Style.css ve Dosya Functions.php. İlk olarak, şablon dosyası olarak kullanılacak ana temayı seçmeliyiz. Varsayılan tema, oldukça iyi bir seçim olması için yeterince hafiftir. (Bu makalede yirmi on yedi temayı kullanacağız, ancak yirmi on üç veya diğer dosyayı kullanabilirsiniz) Manuel Yol – Bir WordPress Çocuk Teması Nasıl Yapılır Kopyalayı nasıl kullanacağınızı ve kodu nasıl kullanacağınızı biliyorsanız, yöntemin kendisi oldukça basittir internet. Kodlamaya alışkınsanız, özellikle tüm üretim süreci bilgisayarınızda yerel olarak yapılabilir. Ancak, dosyayı sunucuya (tema klasöründe) yükleyebilir ve daha sonra doğrudan düzenleyebilirsiniz. WordPress barındırma hizmetleri tarafından sunulan hızla karşılaştırıldığında, yerel olarak çalışmak çok daha hızlıdır. Ayrıca, çevrimdışı olduğu için, kullanıcı deneyimini hiçbir şekilde etkileyemez veya sitenize zarar veremezsiniz. Sitenizi çevrimdışı test etmek için XAMPP gibi localhost’tan birini kullanabilirsiniz. Bunu yapmayı seçerseniz, tema değiştirdikten sonra güncellenmezse, çerez ayarlarınızı kontrol edin. (veya tüm çerezleri silin ve yenileyin)
Ancak, hala her şeyi çevrimiçi yapmak istiyorsanız:
FTP istemcinizi açın.
Sunucunuza bağlanın.
WP-Content> temasına gidin.
Yeni bir klasör oluşturun (“Tema Dizini” olarak adlandırılır). Klasörün adının netlik için çocuğunuzun adına benzer olduğunu öneriyoruz. (Ama beğendiğiniz herhangi bir ismi verebilirsiniz)
Sunucuya yüklemek için dosyayı dosya yöneticisine sürükleyin. Tüm dosyaları uygun alt tema klasöründeki kopyaladığınızdan emin olun. Her şeyi doğru yaptığınızdan emin olana kadar temayı etkinleştirmeyin.
CSS Dosyaları Oluşturma Dediğim gibi, Sitenizin görünümünü değiştirmek için Styles sayfası dosyaları kullanılır. Düzeltilmiş CSS kodu, değiştirmek istediğiniz temanın belirli bölümlerini değiştirebilir.
Çocuklar için bir style.css dosyası oluşturmak için:
Seçmeli metnin editörünü açın. (Kelime gibi bir kelime işlemci değil, “Wordpad” gibi bir diğeri olmalıdır)
Aşağıda sağladığımız “kodu” kopyalayın.
Style.css olarak kaydedin.
Kod “:/* Tema Adı: Yirmi On Yedi Çocuk Teması Uri: http://example.com/twenty-reventeen-hild/ Açıklama: Yirmi On yedi Çocuk Teması Yazar: Fix Runner Yazar Uri: https://fixrunner.com şablonu: Yirmi Ekim Sürümü: 1.0.0 */ Sadece kopyaladığımızı gözden geçirelim. Bu, bir çocuğun teması CSS yaparken WordPress’in ihtiyaç duyduğu başlığın yorumudur. Bu WordPress’e, dosyaları temalar olarak tanımlamak için gereken tüm bilgileri anlatır. Üstte yerleştirilmelidir Style.css dosya teması çocuğunuzun.
Şimdi her öğeyi başlığın yorumlarından açıklayalım:
Tema Adları (Zorunlu) – Çocuğunuzun teması için seçtiğiniz benzersiz isim. İstediğinizi seçebilirsiniz, bir “çocuk” kelimesi veya içinde ebeveynlerin adı olmalıdır.
URL teması (isteğe bağlı) – temanız için kılavuz içeren URL. Bunu doldurmana gerek yok.
Açıklama (isteğe bağlı) – Bu bilgiler tema menüsünde görüntülenecektir.
Yazar ve URL Yazar (isteğe bağlı) – Kendi kendine açıklayıcı, temanızı yayınlamak istiyorsanız yazarın tema bilgilerini yazın. Şablon (zorunlu) – Bu aslında önemlidir. Özellikle, bu, temanın hangi WordPress’i çocuğumuzun temasının temeli (ebeveyn) olacağını anlatıyor.
Sürüm (isteğe bağlı) – Kontrol sürümü için kullanışlıdır.
Ayrıca, yayınlamayı planlıyorsanız doldurabileceğiniz “etiketler”, “metin alanı” ve “lisans” da vardır.
Bu sizi şaşırtabilir, ancak ilk çocuk temanızı yaptınız. Sunucuya kopyalarsanız, tema menüsünde etkinleştirebilirsiniz. İyi görünmeyecek. Hala iyi yapılandırmadık. PHP Dosyası İşlevi Oluşturma Üst ve Çocuk Temalarının Stil Sayfasını Doğru Bir Bağlamak İçin Vardır. Ayrıca ek işlevler ekleyebilir veya zaten var olan güncelleme yapabilirsiniz. Dosya işlevi oluşturmak. Aslında, kod elbette farklı. Function.php adlı bir dosya oluşturduktan sonra, aşağıdaki kodu kopyalayıp eklemeniz gerekir:
ayarlayın. Ekranın sol alt kısmında “Childify Me” adlı yeni bir seçenek olacak, üzerine tıklayın. Temanızın adını seçin ve “Oluştur” u tıklayın. Temel olarak, hepsi bu.
Tema menüsünde artık bu temayı seçebilir, bilgileri görebilir ve isterseniz etkinleştirebilirsiniz.
Dediğimiz gibi, önerilmeyen temanın tarzındaki değişimden hala emin olmadığınızda çocuğunuzu etkinleştirin.
WordPress’te Çocuk Temalarını Değiştirme Bir çocuk teması oluşturduktan sonra “WordPress temasını ayarlama” süreçten (hoş bir parça) görünür. Kodlama bazen korkutucu görünüyor, ama korkmayın, biraz denediğinizde çok zor değil. Buna ek olarak, temanın çok fazla işlevini değiştirmeyeceğiz. PHP çünkü biraz daha gelişmiş olabilir. Öte yandan CSS, kodu ayarlamak için daha basit bir yola sahiptir ve temel bilgileri kolayca anlayabilirsiniz. Yani, bu konuda daha önce bilginiz yoksa, takip edin. İlk olarak, sayfanın değiştirmek istediğimiz kısmını nasıl bulabileceğimize bakalım. Ne aradığınızı bulmak için düzenlemek için doğru öğeleri bulmak, ne yaptığınızı bilmiyorsanız biraz karmaşık olabilir. Sorun şu ki, sayfadaki her nesnenin adı bir tema geliştiricisinden diğerine değişebilir. Aslında, Style.css çocuğumuzun temasına koymamız gerektiğini tahmin etmeyi zorlaştıran şey budur. Bu amaçla, Google Chrome tarayıcısındaki “Check” seçeneğini kullanabiliriz. Sayfanın herhangi bir yerine sağ tıkladıktan sonra gerilme menüsünün altında bulabilirsiniz. Yeni bölüm, HTML ve CSS kodunu göreceğiniz sayfanızın sağ tarafında açılacaktır. Değiştirmeye çalıştığınız sayfadaki belirli öğeleri seçmek için aşağıdaki resimden küçük ok simgesini tıklayın. Şimdi seçeneği etkinleştirdikten sonra, site başlığımızın adını arayalım. Sol fare düğmesi ile üzerine tıklayın. Bu, HTML kodundaki istenen öğeyi vurgular, burada öğenin etiketi tarafından tanımlandığını görebiliriz. Görünüşü yalnızca stil etiketini genel olarak değiştirerek değiştirebiliriz. Ancak, etiketi çoğu bağlantı için kullanıldığından, genellikle bunu yapmak istemiyoruz. Öyleyse daha spesifik olalım. etiketinin “site-title” etiketli
etiketinde olduğunu açıkça görebilirsiniz. Aradığımız şey budur. Devam etmeden önce bir şey daha, bazen burada olduğu gibi, temanın özel bir etkinliği olabilir. “Has-Header-Image” bu olaylardan biridir ve temel olarak, sitenin bir başlık görüntüsü olduğunda belirli durumlarda bu öğeyi hedefleyebileceğimiz anlamına gelir. Düzenleme Style.css Dosyalar Teması Şimdi değiştirmek istediğimiz nesnenin adını biliyoruz, bunu yapmaya başlayabiliriz. WordPress Çocuk Teması için CSS hakkında her şeyi öğretmek için, bu makalenin yüz sayfadan fazla uzunluğu olacaktır, ancak temel şeylerle çok ileri gidebilirsiniz. Herhangi bir CSS kodu yazmak için: Etkilemek istediğiniz öğelerin adını belirtin (ve bahsettiğimiz kadar özel). “Sınıf” özelliğinde bir isim bulursanız, adın önündeki noktayı verin. “ID” için hashtag sembolünü kullanın. (Böylece “.Site-the” veya “#site sitesi olabilir) Kod satırınızı “{}” buklelerine yerleştirin “;” İle her satırı sonlandırın Bunu hatırlayarak, başlıktaki metnin rengini değiştireceğiz.Hemen öne çıkacak bir renk kullanalım.(“Sahip Oluşturan Çıkarma” durumu için açık yeşil ve olmadan kırmızı) Takip etmek istiyorsanız, başlığın yorumundan sonra aşağıdaki kodu kopyalayın: Body.has-Header-Image. Site-Başlık A {Color: # 00ff36;} .Site-Title a {color: kırmızı;} Bir başlık görüntüsü olduğunda sonuçlar böyle görünecektir: ve bunun gibi, hayır: Çocuk temasının gerçek gücü açıktır, yukarıdaki örnekte gördüğümüz sadece küçük ve hızlı bir değişimdir. CSS hakkında daha fazla bilgi edinirseniz veya internetten çekici bir kod kopyalamanız durumunda neler yapabileceğinizi hayal edin. Bu “küçük” kod, örneğin:/* Tema Adı: Yirmi On Yedi Çocuk Teması Uri: http://example.com/twyty-venten-hild/ Açıklama: Yirmi Seven Çocuk Teması Yazar: Fix Runner Yazar URI: HTTPS: /Fixrunner.com Şablon: TwentyEventeen sürüm: 1.0.0 */ h1 {font-boyut: 2em; Marj: 0.67em 0; } #ikincil.widget-alan li {dolgu: 0.5em 1em; } #yeni-posts-2.widget.widget_recent_entries {arka plan-color: #ffeeaa61; } #archives-2.widget.widget_archive {arka plan-color: #ffeeaa61; } #meta-2.widget.widget_meta {arka plan-color: #ffeeaa61; }. Navigasyon-Top {arka plan-color: #fea; } body.has-header-image. } .Content-alea {arka plan-color: #ffeeaa61; Dolgu: 1.5em; Metin-align: sol; } H2.widget-title {dolgu: 1em; } .Wrap {Margin-Left: Auto; Marj-Sağ: Otomatik; Max-Width:%90; } ul, OL {Margin: 0 0 1em; Dolgu: 0EM 2EM; } ul {List-style-Type: Circle; } kod {font-weight: bold; Renk:#0F1017; }. Yorum-Body {Margin: 5em; } .BypostAuthor>. Yorum-body>. Yorum-meta>. Yorum yazarı. Avatar {Border: 0px katı #333; Dolgu: 2px; } Ve bunun gibi, bu tamamen yeni bir tema. Ebeveyn kuvveti daha dar ve sarımsı bir ekrana dönüştürülür. Burada ve orada daha fazla değişiklik var ama bu önemli değil. Burada daha fazla iş var gibi görünse de, aslında daha önce açıkladığımız yöntemi kullanarak. WordPress PHP için küçük kılavuz, dediğimiz gibi, WordPress için bir alt tema kullanarak, hiçbir şeye zarar verme olasılığı olmadan üst temanın işlevini güncelleyebilirsiniz. Bu, birkaç ayrı PHP dosyası veya tema kancaları kullanılarak yapılabilir. İlk olarak, genel olarak PHP hakkında konuşalım. PHP’yi açıklamak için basit bir örnek kullanacağız. İçinde, altbilgide “Footer-Widget-example” adlı bir widget yuvası yapacağız. (Bonus Footer Widget, özelleştirme menüsünde olacak bir etikettir, ancak gerçek kimlik “footer-widget-example” dır) bunu yapmak için, ilk olarak şu: open functions.php çocuk temanız. ” ” bonus footer widget ‘,’ id ‘=>’ footer-widget-exchange ‘=>’
‘,’ After_widget ‘=>’ ‘));
Dosyayı kaydedin ve kapatın.
Arka uç WordPress’e endişelenecek yeni öğeler olduğunu söylemek istediğinizde, öğeyi kaydetmelisiniz.Register_sideBar () bunu yapan bir komuttur.Buna ek olarak, CSS gibi, komutu “;” ile kapatmamız gerekiyor.İkincisi, elemanı altbilgide göstermemiz gerekiyor.Ebeveynlerinizin temasından bir footer.php açarsanız, buna benzer bir satır görürsünüz: Açıklığa kavuşturmak için, altbilgi widget’ından sorumlu PHP dosyasının “Şablon-Partlar/Altbilgi/” konumunda olduğu anlamına gelir.Öyleyse arayalım ve düzenleyelim: Üst Tema Dizini’ndeki yolu takip edin.
Dosyayı kopyalayıp çocuğunuzun tema klasörüne yapıştırın.(aynı alt klasör yapısıyla)
“<? PHP": if (is_active_ideBar ('footer-widget-exchange')): dynamic_ideBar ('footer-widget-example'); Endif; Yani, tüm dosyalar şimdi şöyle görünecek: <Acid class = "widget-alama" rolü = "tamamlayıcı" aria-label = " “>
Kaydet ve kapat.
“IF (IS_ACTIRE_IDEBAR (‘Footer-Widget-Example’)):” Booker-Widget-Örneğinin etkin olup olmadığını tespit etmek için sormak. Evet ise Dynamic_ideBar (‘Booker-Widget-Example’); Hat bunu gösterecek. Bu nedenle, “Endif” soruyu kapatır “. Hepsi bu, şimdi widget’lar için başka bir yuvanız var. Artık “Özelleştir” menüsüne gidebilir ve seçebilirsiniz. WordPress Çocuk Temaları Oluşturma – Hook Hook temel olarak orijinal tema işlevine bağlı kurulabilen bir işlevdir. Yeni bir tema işlevi eklemek istediğiniz şey olup olmadığı veya mevcut olanı değiştirip değiştirmediği, bu WordPress işlevi size yardımcı olabilir. Birkaç farklı PHP dosyası oluşturmak yerine, kodunuzu bir işlev haline getirebilir ve functions.php dosyasına koyabilirsiniz. Bu şekilde, Child tema klasöründe olması gerekmeyen daha az dosyaya sahip olabilirsiniz. Biz buna kancalar diyoruz. Aşağıdakiler küçük bir örnek: fightrunner.com’da görüldüğü gibi aksiyon_hook_example () {echo “işlevi; } Add_action (‘wp_footer’, ‘action_hook_example’); Takip etmek istiyorsanız, bunu işlevinize kopyalayın.php. Peki, bu kodun sonuçları nelerdir? Bu işlev, altbilgide “Fixrunner.com’da görüldüğü gibi” yazan metinleri yazdırır. Şimdi bu yöntemi amacınız için nasıl kullanabileceğinizi açıklayalım mı? Bir kanca yapmak için: Öncelikle, “function ()” komutunu kullanarak bir işlev oluşturun (“Action_hook_example” olarak adlandırılırız).İhtiyacınız olanı yapmak için program. İşlevimiz, metni yazdıran (döndüren) “Echo” komutunu kullanır.
ADD_RACTION veya benzeri komutlarla diğer işlevlere (örneğimizde “wp_footer”) bağlanın.
Son olarak, dosyayı kaydedin ve test edin.
Filtre kancasını kullanarak mevcut işlevleri de değiştirebilirsiniz. Bu, herhangi bir WordPress geliştiricisinin iş akışında açıkça harika bir cihazdır. Bunu “add_filter ()” komutunu kullanarak yapabilirsiniz. Bu şekilde eskisinden özel bir WordPress işlevi alırsınız. Bugünün Bonus İpuçları: WordPress web sitenizin özel bir sayfa şablonu kullanmasını istiyorsanız veya hızlı bir düzen yapmak istiyorsanız, Visual Composer gibi bir WordPress sayfa üreticisi kullanın. Şaşırtıcı bir şekilde web web sitesi üreticileri işinizi hızlandırabilir. Sonuç Bu adım adım kılavuzda, WordPress çocuklarının temasının ne olduğunu, nasıl yapılacağını ve ne zaman kullanmanız gerektiğini açıklıyoruz. Çocukların temalarının yardımıyla, WordPress temanızı ayarlamak çok daha basit ve daha güvenlidir. Ayrıca, dediğimiz gibi, WordPress siteniz için daha ucuz yönetilen bir WordPress barındırma kullanıyorsanız, her şeyi daha önce yerel olarak yapmaya çalışın. Öte yandan, her şeyi çevrimiçi yapmayı seçerseniz, WP makineleri gibi Web ana bilgisayarları (veya VPS barındırma sağlayıcıları) doğru seçimdir. Şimdi tüm bunları öğrendikten sonra, tasarımınızla vahşi olun! Son olarak, WordPress ile ilgili daha fazla WordPress öğreticisi veya yayın görmek için blogumuzun geri kalanını kontrol edin. Daha fazla Kaynak: Medya Nasıl WordPress ile Sınırlama Yapılır
En hızlı WordPress teması 2020
WordPress yayınınızda veya sayfanızda metin nasıl düzenlenir
