WordPress şablon hiyerarşisi açıklandı

Tema geliştirmeyle ilgileniyorsanız, şablonlar hakkında bir iki şey bilmeniz gerekir.

Birisi WordPress web sitesi sayfanıza geldiğinde, şablon hiyerarşisi WordPress'e bir tema içindeki hangi şablon dosyalarının herhangi bir zamanda kullanılacağını söyler çünkü her şeyin nasıl görünmesi gerektiğini belirlerler.

WordPress şablon hiyerarşisinin ne olduğunu ve nasıl çalıştığını öğrendikten sonra tema özelleştirmesini bir sonraki seviyeye taşıyacaksınız. İçerik eklemenin ve renkleri değiştirmenin ötesinde temanızın nasıl göründüğü konusunda daha fazla söz sahibi olacaksınız.

Bu kılavuz, başlamak için ihtiyacınız olan her şeye sahiptir. Size WordPress şablonlarını tanıtacağız, şablon hiyerarşisinde size yol göstereceğiz ve temaların web sitenizin sayfalarını görüntülemek için şablon dosyalarını nasıl kullandığını açıklayacağız.

Şablon hiyerarşileri hakkında neden bilgi sahibi olmanız gerekiyor?

Şablon hiyerarşisi, tema geliştirmede ne kadar deneyiminiz olursa olsun, birisinin bir WordPress sitesinin görünümünü özelleştirmesini kolaylaştırmak için mevcuttur.

WordPress İçerik Yönetim Sistemi (CMS), bir kullanıcı bir sayfaya her geldiğinde gerekli şablonu çağırır. WordPress söz konusu olduğunda, bir tema oluşturmak için kullandığınız yedi tür sayfa vardır:

• Ön Sayfa
• Tek gönderi
• Tek sayfa
• Kategori sayfaları
• Sayfaları etiketle
• Özel gönderi
• Sayfaları ara

Her sayfanın kendine özgü bir görünümü vardır. Örneğin, bir ön sayfa, özel bir gönderiden tek bir sayfa gibi, tek bir sayfadan oldukça farklı görünür. Her sayfa, ilgili şablonu tarafından tanımlanan ayırt edilebilir özelliklere sahiptir.

Şablon hiyerarşisini iyi anlamadan temaları özelleştirmek imkansız değildir, ancak zor bir iştir . Bir web geliştiricisi olarak becerilerinizi geliştirmekle ilgilendiğinizi varsayarsak, arka uçta işlerin nasıl yürüdüğünü anlamak için zaman ayırmaya değer. WordPress için bu, aşağıdakileri yapmaya çalışıyorsanız geçerlidir.

• mevcut bir WordPress temasını özelleştirin
• çocuk tema dosyalarını güncelleyin,
• sıfırdan bir tema oluşturun

Temalar bir şablon dosyaları koleksiyonu olduğundan, bu eylemlerden herhangi birini gerçekleştirmek için hangi şablon dosyasının güncellenmesi gerektiğini bilmeniz gerekir.

WordPress şablon hiyerarşisi nedir?

İstenen bir sayfayı oluşturmak için hangi şablonun çağrıldığını nasıl biliyor? Şablon hiyerarşisinin devreye girdiği yer burasıdır.

Şablon hiyerarşisi, web sitenizde seçilen bir web sayfasını görüntülemek için hangi şablon dosyasının gerektiğini hızlı bir şekilde belirlemek için WordPress'in kullandığı bir sistemdir. Bu çağrı özelliği WordPress'te yerleşiktir ve biri temanızdaki sayfalara ulaştığında, sahne arkasında milisaniyeler içinde gerçekleşir.

Sunulan dosyalar, görüntülenecek sayfanın türüne bağlıdır – örneğin, web sayfasının Sayfa, Gönderi, Kategori sayfası veya Arama sayfası olarak görüntülenmesi gerekip gerekmediği, hepsinin farklı görünüm ve içerik gereksinimlerine sahip olup olmadığı.

Bir web sayfası, yüklendiğinde birkaç farklı şablon dosyası da çeker – bunların tümü WordPress'e son sayfayı nasıl oluşturacağını söyler. Örneğin, bir web sayfasının bir kenar çubuğuna sahip olması gerekiyorsa, o zaman sidebar.php şablon dosyası ona bunu yapması için talimat verecektir.

Bir web sayfasının çalışması için gereken diğer standart şablon dosyaları arasında index.php, header.php, footer.php, functions.php, single.php ve yorumlar.php bulunur. 'Şablon bölümleri', birden fazla şablon içinde çalışabildikleri için özellikle önemlidir. Bunlar; header.php, footer.php ve sidebar.php'dir.

İçeriğinizi tam olarak planlandığı gibi görüntülemek için WordPress'in sayfayı hangi şablon veya şablon kümesini oluşturacağını bilmesi gerekir.

Şablon dosyalarına giriş

Şablon hiyerarşisi hakkındaki tüm bu konuşmalardan sonra, şablon dosyalarını tanımanın zamanı geldi.

WordPress, başlıca .php olan birkaç programlama dili kullanır. WordPress sayfalarının son kullanıcınıza nasıl görüneceğini belirleyen, template.php dosyalarıdır. Çok sayıda farklı .php şablon dosyası vardır ve her biri farklı bir sonuç üretir.

Bu sayfaya odaklanalım. Tarayıcınız WordPress'e bu EasyWP blog gönderisini yüklemesini söylediğinde, CMS'nin önce bazı şablon dosyalarını bulması gerekiyordu – bunlardan biri header.php olarak adlandırılıyor.

Bu dosya, bu sayfanın en üstünde başlığın oluşturulması ve hangi öğelerin dahil edileceğine ilişkin ayrıntıları içerir (bu örnekte, Fiyatlandırma, Blog ve Oturum Açma düğmeleri için düğmelerimiz vardır).

Tahmin edebileceğiniz gibi, EasyWP blogu (WordPress ile oluşturulmuş) bir başlıktan fazlasını içerir. Bu, sayfayı oluşturan şeylerin sadece bir kısmı.

Tipik bir WordPress sayfası, aşağıdaki resimde görebileceğiniz gibi, sayfalarınızın her bir yönünün nasıl görüneceğini belirleyen birkaç şablon dosyası gerektirir – bu, WordPress'te bulunan şablon dosyalarının küçük bir seçimidir.

Bazı dosyalar birkaç sayfada kullanılabilir – tahmin edebileceğiniz gibi, tek bir sayfada, 404 sayfasında veya ana sayfada bir başlık görünebilir. Bunlara şablon bölümleri denir ve sidebar.php ve footer.php dahil birçok dosya bu şekilde çalışır.

Şablon hiyerarşisi nasıl çalışır?

Her sayfada hangi şablonların görüntüleneceğini seçmek söz konusu olduğunda, WordPress'in yapacağı ilk şey, kullandığınız temayı kontrol etmektir.

WordPress, yukarıda bahsedilen klasik yedi sayfadan herhangi birini hangi şablonun veya şablon kümesinin oluşturacağına karar veren sorgu dizesi adı verilen bir sıra izler. İşte WordPress 'şablon hiyerarşisi' iş başında.

Basitçe söylemek gerekirse, WordPress bir sayfa oluşturmak için doğru şablon dosyalarını bulana kadar kesin olarak sıralanmış bir şablon hiyerarşisinde arama yapar. Belirli bir şablon herhangi bir nedenle mevcut değilse, WordPress oluşturmak için en iyi alternatifi arayacaktır.

Bu getirme işlemi belirli bir sırayı takip eder; hiyerarşiktir. Oluşturma, tek bir sayfa gibi en spesifik şablonla başlar ve her zaman standart şablon olan index.php'de biter (bazı örneklere daha sonra bakacağız).

Sayfa oluşturmaya yönelik bu yaklaşım ilk başta göz korkutucu görünebilir. Sürece aşina olduğunuzda, bunun inanılmaz derecede verimli olduğunu göreceksiniz. Web sitenizdeki her sayfa için benzersiz bir şablonunuz olsaydı, özelleştirme bir kabus olurdu. WordPress, tek bir dosyada değişiklik yapmanıza ve bunu web sitenizin tamamında kullanmanıza olanak tanıyan modüler bir şablon yaklaşımı izler. Bu çok uygun bir geçici çözüm.

Yalnızca index.php kullanarak çalışan bir tema oluşturabilirsiniz. Bununla birlikte, modern bir tema, benzersiz ve ilginç bir kullanıcı deneyimi sağlamak için birçok şablon içerir. Belirli şablon dosyaları her zaman diğerlerinden önceliklidir, bu nedenle bir hiyerarşi halinde düzenlenirler.

Geniş anlamda, WordPress web siteleri, her biri kesin olarak tanımlanmış bir hiyerarşi içinde çalışan, daha önce bahsedilen yedi sayfa kategorisinin bir birleşimidir.

WordPress şablon hiyerarşisini gözden geçirin

Bu bölüm için, WordPress şablon hiyerarşisinin gerçek dünya durumunda nasıl çalışabileceğine bir göz atacağız. Örnek olarak varsayımsal bir web sitesi kullanacağız.

EasyWP sitesini parçalayalım. Bir ana sayfamız, bazı tek sayfalarımız (fiyatlandırma sayfası) ve birkaç blog gönderimiz var. Bu durumda, özel temanız şu şablon dosyalarına bağlı olacaktır:

• index.php
• ana sayfa.php
• sayfa.php
• Arşiv.php

Bu küçük şablon koleksiyonu, tüm bu web sitesine güç sağlamak için yeterlidir. Ana sayfamıza geldiyseniz, WordPress, home.php şablonunu gönderir. Ziyaret edebileceğiniz kalan sayfalara gelince, hangi şablon dosyalarını kullandıklarına bir göz atalım:

• Bu blog gönderisi veya bu konudaki herhangi bir rastgele blog gönderisi, single.php şablon dosyasının doğru şekilde görüntülenmesini gerektirir. Uygun başka dosya yok veya daha da iyisi, hiyerarşisinden alternatif seçenek yok.

• Fiyatlandırma sayfamız gibi tek bir sayfa page.php kullanır. Bu mevcut değilse, WordPress varsayılan olarak index.php olacaktır.

Bu örnek, hiyerarşinin EasyWP'yi sağlamak için nasıl çalıştığını anlamanızı sağlamalıdır. Siteniz için kullanılan dosyalar, temanızın nasıl kurulduğuna göre belirlenir.

Şablon hiyerarşisine görsel genel bakış

Bu şema, WordPress şablon hiyerarşisi içinde bir WordPress sayfası oluşturmak için çağrılan şablon dosyalarını gösterir. Wphierarchy'de bu diyagramın etkileşimli bir versiyonu için buraya tıklayın.

Sayfa türlerinin dökümü hile sayfası

WPHierarchy'deki diyagramla, WordPress'in mevcut şablondan bir web sayfası oluşturmak için şablon hiyerarşisini nasıl kullandığını görebilirsiniz. Aşağıdaki bölümlerde, en yaygın sorgu türlerinden bazıları için çağrılan sipariş şablonu dosyaları açıklanmaktadır. Bu açıklama ile, tipik bir WordPress sitesinde farklı sayfalar için hangi WordPress şablon dosyalarının düzenleneceğini bileceksiniz.

Ön Sayfa

Bir ana sayfa döndürmek için WordPress önce front-page.php dosyasını arar. Bu mümkün değilse, home.php'ye geri dönecektir. Her iki dosya da mevcut değilse, WordPress her zaman orada olan index.php dosyasına geri döner (aksi halde temanız çalışmaz).

Her sayfa türü için şablon hiyerarşisinin farklı bir iş akışı vardır. Bir ön sayfa için şöyle oynanır:

1. ön sayfa.php

2. ev.php

3. Index.php

Tek bir gönderi için kullanılan şablon dosyaları

WordPress makaleleri (bunun gibi) tek gönderi kategorisine girer. Bir gönderiyi oluşturmaya birkaç şablon dosyasının dahil olduğundan bahsetmiştik, ancak bunlar üstbilgi ve altbilgi gibi dahili öğelerdi. WordPress bunlara ulaşmadan önce, bir bütün olarak sayfa için hangi şablon dosyasının kullanılacağını bilmesi gerekir.

Tek bir gönderi oluşturmak için WordPress aşağıdaki yolu kullanır:

1. tek-{post-type}-{slug}.php

2. tek-{post-type}.php

3. tek.php

4. tekil.php

5. index.php

Gördüğünüz gibi, WordPress önce belirli yazı tipi ve bilgi içeren bir şablon arar. Bu mevcut değilse, yalnızca gönderi türüyle tek bir gönderi arayacaktır. Hiçbiri mevcut değilse, single.php'yi arar ve mümkün olan en son seçenek olarak index.php'ye geri döner.

Bu tasarım, gönderiler veya ürünler için özel şablonlara izin verir. İşleri basit tutmayı tercih ederseniz, tüm gönderileriniz için tek bir şablon kullanabilirsiniz; bunun için single.php kullanıyoruz.

Tek bir sayfa için kullanılan şablon dosyaları

WordPress'teki tek bir sayfanın kendi kategorisi vardır ve web sitenizde gönderiler yerine statik sayfalar oluşturmanıza olanak tanır. Örneğin, EasyWP web sitesini bir bütün olarak düşünürsek, ön sayfamız var. Tıklandığında frontpage.php şablonunu yükler. Fiyatlandırma sayfasını ve oturum açma alanını yüklemek için tek bir sayfa çağrılır.

Bu hiyerarşiyi tek bir sayfa takip eder:

• Özel şablon dosyası
• sayfa–{slug}.php
• sayfa-{id}.php
• sayfa.php
• tekil.php
• index.php

İlk yolun bir şablon dosya adı olmadığına dikkat edin. WordPress çok sayıda içerik türünü tek sayfa olarak tanıyabildiğinden, tek sayfa diğer yazı türlerine özgüdür.

404 Hata Sayfaları

Kendi özel hata sayfanızı kurmak kolaydır (bu tür şeyler WordPress'te kutudan çıktığı gibi mevcut değildir). Kurulduktan sonra, WordPress aşağıdaki sırayla 404 şablonu çağırır:

• 404.php – WordPress'te 404 hata sayfasını görüntülemek için varsayılan şablon.
• index.php

Resmi WordPress geliştiricileri blogunda daha fazla örnek bulabilirsiniz.

WordPress'in şablon hiyerarşisiyle çalışma

Gösterdiğimiz gibi, şablon hiyerarşisi, WordPress temasının ve WordPress tema geliştirme ile nasıl etkileşimde bulunduğunuzun büyük bir parçasıdır. Artık temel işleyişini anladığınıza göre, herhangi bir durumda geçerli olan şablonları seçmek için dalıp gidecek zekaya sahipsiniz.

Şablon hiyerarşisiyle çalışmaya başlamak için kendi temanızı geliştirebilir veya "ana" temanın dosyalarından bir "alt" tema oluşturabilirsiniz.

Bu, tema geliştirmenin başlangıcıdır.

Başlarken, belirli bir web sayfasında hangi şablonun çalıştığını belirlemekte zorlandığınız zamanlar olacaktır. Buna yardımcı olması için, başlamadan önce Hangi Şablon eklentisini yüklemenizi tavsiye ederim. Kurulduktan sonra, o anda bakmakta olduğunuz şablonun adını yönetici çubuğunuzda görüntüler.

Özet

WordPress web sitelerinde hızlı ayarlamalar ve özelleştirmeler yapmakla ilgileniyorsanız, şablon hiyerarşisini anlamak çok önemlidir. İlk başta karmaşık görünse de, umarım daha sindirilebilir bulmuşsunuzdur.

Hangi şablon dosyalarının hangi sayfada çalıştığını ve birbirlerinden nasıl öncelikli olduklarını konuştuk ki bu sağlam bir temeldir. Bu önemli noktaları anlayarak, artık bir WordPress temasını özelleştirmek istediğinizde hangi dosyaların değiştirileceğini biliyorsunuz.Tema geliştirme becerilerinizi geliştirmede iyi şanslar. Bu makaleyi, yol boyunca karşılaştığınız şablon hiyerarşileri için bir hile sayfası olarak el altında tuttuğunuzdan emin olun.