WordPress temasının dosya hiyerarşisini anlayın

Birkaç hafta önce WordPress’te bulabileceğimiz çeşitli temalar hakkında konuştuk. Orada WordPress temaları hakkında her şeyi öğrendik: temel temalar, premium temalar ve çok amaçlı temalar nelerdir; Çocuk teması kullanarak herhangi bir tema nasıl ayarlanır; Torunların teması nedir; Ve ayrıca bir başlangıç ​​teması ve çerçeve teması kullanarak bir tema nasıl yapılır. Bazılarınız bir WordPress teması oluşturulacağı hakkında daha fazla bilgi istemek için benimle iletişime geçtiğinden, WordPress tema hiyerarşisini tartışmanın ilginç olacağını düşünüyorum. Bu yazıda, WordPress temasının neye benzediğini anlamanın temellerini öğrenecek ve umarım ilk temanızı oluşturmak için ihtiyacınız olan tüm araçlara sahip olacaksınız.
Başlamadan önce … Herkes kağıda bir ev çizebilir, ama hepimiz mimar değiliz. Eğer şanslıysak, IKEA gardırobunu monte edebiliriz. Fakat hepsi bu. Bundan neden bahsediyorum? Çünkü WordPress temasını yapmak farklı değil! Bu çok zordur ve güzel bir şey yapar ve kullanıcı dostu zaman ve deneyim gerektirir. Yani, bu yazıda size iki benzersizliğe sahip bir WordPress teması oluşturmak için bilmeniz gereken “her şeyi” öğreteceğim:
Temanın tasarımıyla ilgili her şeyi tamamen görmezden geleceğiz ve sadece teknik bölüme odaklanacağız.
Sıfırdan başlamayacağız.Bunun yerine, alt hat açma temasını kullanacağız.Neden? Niye?Çünkü temayı baştan başlamak mantıklı değil, bize bazı işler sağlayan kaliteli bir çerçeve var.Ve bunun yanı sıra, yapmak istediğiniz şey buysa, WordPress belgelerinin kendisi size ihtiyacınız olan bilgileri verir. Daha düşük çizgiler, fantastik başlangıç ​​temaları otomatik alt çizgiler yeni başlayan temalardır Tek amaç, birisinin geliştirebileceği temel bir çerçeve sağlamaktır. İyi belgelenmiş HTML şablonları ve bazı ek korsanlıklar sunan temalara sahip olun.Bununla birlikte, yeni temaların yapımını büyük ölçüde hızlandırabiliriz, çünkü temayı yürütmek için yapmamız gereken görevlerin çoğu zaten var.
Her temanın önceki adımının benzersiz bir adı olmalıdır. Çoğunlukla WordPress’e yüklediğiniz tüm temalar WP-Content /TEMATS /kendi klasörlerinde sona erdiğinden (WP-Content /TEMATS /Yirmi-Sevendeen /, WP- İçerik /Temes /Nelio /, WP-WP-İçerik gibi bir şey /temalar/sizin-temas/vb.) Ve çarpışmalardan kaçınmak için farklı isimler gereklidir. Bu yüzden yapmanız gereken ilk şey, temanızın adına karar vermek ve onu ayarlamaktır. Alt çizgiyi açarsanız, düğmenin yanındaki tema adını adlandıran metnin metnini görürsünüz. İstediğiniz temanın adını girin (örneğin, Nelio yazılımını kullanarak ben), düğmeyi tıklayın ve .zip dosyası, ayarladığınız işlevin önek de dahil olmak üzere, ayarlarınızla indirilir, böylece benzersiz olacak şekilde ayarlanır. (Örneğin, diğer temaların aynı işleviyle çelişebilecek kurulumlar olarak adlandırılan bir işleve sahip olmak yerine, bizimkilerimiz nelio_software_setup olarak adlandırılır). Yani, şimdi yeni başlayan bir tema hazırladıktan sonra … WordPress’e yükleyin, etkinleştirin ve çalışmaya başlayalım ! Ana Dosya Tema dizininizi açar ve içine bakarsanız, içinde birkaç dosya ve dizin olduğunu göreceksiniz. Bunun çok görünebileceğini biliyorum ama inan bana, bu gördüğünüzden daha kolay. Yorum yapacağımız ilk dosya style.css. Ad ve tipte gösterildiği gibi, bu temamızın stilini içerir. Ancak bu aynı zamanda temamızla ilgili bazı meta bilgileri içeren bir dosyadır (çünkü bu görmemiz gereken ilk dosya):
Gördüğünüz gibi, bu dosya özel bir format izleyen oldukça uzun bir yorumla başlar. Gerçekten de, özel bir format izler. 2. satırlardan 11’den bir grup öznitelik görüyoruz, farklı tema özelliklerinin tanımlandığı değer çiftleri: isim, URL, yazar, açıklama … Varsayılan olarak, bu alan alt hat bilgileriyle doldurulur, ancak İstediğiniz her şeye dönüştürmek için özgür. Bu bilginin ne olduğunu merak ediyorsanız …. iyi, bu WordPress kontrol panelinizde görüntülenir, görünümde »temalar: Meta del bilgi teması t y como la vemos en el escritorio de wordpress. Tema işlev dosyası ayrıca çağrılan işlev dosyasını, elbette, function.php. Genellikle, bu dosyada stil sayfası ve komut dosyaları için sıraya girmesi gereken ayırt edici kancaları ve ihtiyaç duyabileceğimiz ek yardımcı işlevleri tanımlarız. Temel olarak bir eklenti gibi davranır: tema etkinse, dosya otomatik olarak yüklenir ve içinde belirtilen her şey mevcuttur.
Sizin için alt çizgiler tarafından oluşturulan Functions.php dosyasını görüyorsanız, zaten birçok şeyin orada olduğunu göreceksiniz. Nelerin içerdiğine dair bazı örneklere bakalım:
nelio_software_setup. Bu, temanın WordPress’e Hook_Setup_Theme aracılığıyla yayınlandıktan hemen sonra çağrılan bir işlevdir. BT’de tema, örneğin blog yayınlarındaki üstün resimlere destek, navigasyon menüleri, alan adı uluslararasılaşması vb. Gibi bazı tema özelliklerimizi tanımlar. Bence, bu işlevle ilgili en ilginç şey, koşullu bir blokta tanımlanmasıdır: bu şekilde, birisi temamızı ayarlamak için bir çocuk teması oluşturursa, bu işlevi kendi başlarına ayarlamak için yeniden tanımlayabilirler. Needs.nelio_software_init. Sonuç olarak bize, birinin widget ekleyebileceği bir yer olan yan çubuğu nasıl kaydedebileceğimizi gösterir. Gördüğünüz gibi, widgets_init eyleminin yürütülmesi sırasında Register_ideBar işlevini yerine getirmek kadar kolaydır.