Daha Hızlı Geliştirme için WordPress Şablon Hiyerarşisini Anlama

Bir WordPress teması oluşturmak roket bilimi değildir. Temel bilgilerle başlarsanız, WordPress tema geliştirme sürecini kolayca inceleyebilirsiniz. Ancak, zorlu geliştirme konularına girmeden önce, WordPress şablon hiyerarşisini ve WordPress tema hiyerarşisini anlamanız kesinlikle gereklidir. Bir WordPress web sitesindeki sayfalar, tek bir şablon dosyası veya bir web sayfasının belirli bir alanında istenen şablon dosyalarının bir kombinasyonu kullanılarak oluşturulur.

WordPress şablon hiyerarşi dosyalarına birkaç örnek:

1. index.php
2. Kenar çubuğu.php
3. Header.php
4. altbilgi.php

wp-content/themes/theme-name klasöründe bulunurlar. Çok sayıda WordPress şablon yapısı dosyası vardır, ancak bir WordPress temasının çalışması için yalnızca iki dosya gereklidir, bunlar index.php ve style.css'dir. Ayrıca, function.php (şablon dosyası olarak kabul edilmez), bir temanın işlevlerini içeren gerekli bir dosyadır. Web sitemize daha özel bir görünüm eklemek ve WordPress tema hiyerarşisinde bize sunulan çeşitli şablon dosyalarını kullanabileceğimizi hissetmek için.

Bir sayfayı nasıl oluşturduğunu ve WordPress şablon hiyerarşisinde nasıl yukarı çıktığını anlamak için önce bu örneği ele alalım.

Bir ziyaretçi, WordPress sitenizdeki bir referans sayfasını ziyaret eder ve page-testimonials.php olarak bilinen özel bir sayfa şablonu yaptınız, WordPress daha sonra page-testimonials.php'yi yükleyecektir. Bununla birlikte, page-testimonials.php mevcut değilse, o zaman WordPress geri döner ve page.php'yi yükler ve eğer page.php tema dosyalarında yoksa, WordPress index.php dosyasını yükler.

Amaçlarını ve nerede kullanıldıklarını daha kolay anlamak için şablon dosyalarını bölümlere ayıracağım.

Temel WordPress Sayfa Hiyerarşisi

Temel WordPres sayfa hiyerarşisi şunları içerir:

1. index.php
2. başlık.php
3. altbilgi.php
4. kenar çubuğu.php

1. index.php

Daha önce bahsettiğim gibi index.php, WordPress temasının çalışması için gerekli olan WordPress sayfa hiyerarşisindeki bir şablon dosyası arasındadır. index.php en yaygın olarak bir WordPress temasının ana sayfasını oluşturmak için kullanılır. Single.php veya post.php gibi bir şablon dosyası olmadığında, WordPress index.php dosyasını yükler.

index.php genellikle sırasıyla sitenin baş bölümünü, altbilgi alanını ve widget alanlı kenar çubuklarını içeren header.php, footer.php ve sidebar.php gibi diğer şablon dosyalarını içerir. Ayrıca şablondaki gönderileri veya sayfaları görüntüleyen bir döngü içerir.

2. başlık.php

header.php, bir WordPress sitesinin baş bölümünü içerir ve genellikle tüm şablon dosyalarının başlangıcında çağrılır. Genellikle başlık bilgilerini, analizleri, CSS dosyalarına yapılan çağrıları, sitede gezinmeyi, sayfa başlıklarını ve site logosunu vb. içerir.

3. altbilgi.php

Benzer şekilde, WordPress sayfa hiyerarşisindeki bir dosyadaki footer.php, bir WordPress temasının altbilgi bölümünü oluşturmak için kullanılır ve tüm şablon dosyalarının altbilgi bölümünde çağrılır. footer.php genellikle telif hakkı bilgilerini, JS dosyalarına yapılan çağrıları, site navigasyonunun yaygın olarak kullanıldığı widget alanlarını içerir.

4. kenar çubuğu.php

Oysa sidebar.php, adından da anlaşılacağı gibi, bir sitenin kenar çubuğunu oluşturmak için kullanılır ve kenar çubuğunda çağırmak için index.php, page.php, single.php gibi şablon dosyalarında çağrılır. Genellikle kolay özelleştirme için widget alanları içerir.

Ana Sayfa Görüntüleme Sayfaları

1. ön sayfa.php
2. ana sayfa.php
3. sayfa.php
4. index.php

WordPress sitelerinin ana sayfaları, en son blog gönderilerini veya statik bir sayfayı görüntüler. WordPress Dashboard Settings -> Reading altındaki ayarlara bağlıdır. En son gönderilere ayarlanırsa, ana sayfada en son blog gönderilerini görüntüler ve statik sayfaya ayarlandığında, wordpress şablon hiyerarşisinden page.php veya front-page.php gibi bir şablon yükler.

Front-page.php varsa , WordPress bu şablon dosyasını hem “ en son blog gönderileri ” hem de “ statik sayfa ” ayarları için kullanır. Home.php, front-page.php mevcut değilse ve WordPress'in okuma ayarlarında “en son blog gönderileri” ayarlanmışsa yüklenecektir.

Ayarlar -> Yazılı bir statik sayfa okuma sayfası seçilirse, WordPress ana sayfayı oluşturmak için page.php şablonunu arayacaktır.

Ancak front-page.php, page.php ve home.php mevcut değilse, o zaman WordPress ana sayfayı oluşturmak için index.php'ye geri döner.

Tek Gönderi Sayfaları

1. tek.php
2. tekil.php

1. tek.php

WordPress'te, tek blog gönderileri single.php dosyası kullanılarak oluşturulur. WordPress sürüm 4.3 ve sonraki sürümlerde, yeni bir WordPress şablon dosyası olan singular.php eklendi.

WordPress özel gönderi türleri için single-{post-type}.php kullanabiliriz. Örneğin, yazı tipimiz hayvanlardır, o zaman WordPress single-animals.php'yi arayacak ve single.php'ye göre öncelikli olacaktır. Post-type dosyası yoksa, sayfayı oluşturmak için single.php kullanır.

2. tekil.php

singular.php, page.php ve single.php'nin genellikle aynı koda sahip olduğu durumlarda kullanılır. Single.php yoksa, WordPress singular.php'yi arayacaktır.

Statik Sayfalar

Sayfalar aşağıdaki sırayla oluşturulur:

1. sayfa şablonları
2. sayfa-{slug}.php
3. sayfa-{id}.php
4. sayfa.php
5. tekil.php
6. index.php

Yukarıda belirtildiği gibi, single.php ve page.php için benzer bir görünüme sahip olmak istiyorsak, o zaman bir singular.php oluşturmak daha iyidir.

Arşiv Sayfaları

1. yazar.php
2. kategori.php
3. taksonomi.php
4. tarih.php
5. tag.php
6. arşiv.php

WordPress'teki arşiv sayfaları, belirli yazarlardan, kategorilerden, taksonomilerden, tarihlerden, etiketlerden vb. gönderileri almak için kullanılan sayfalardır.

Archive.php adında tek bir arşiv şablonumuz olabilir. Ancak daha fazla şablonun detayına inmek için yazar.php, kategori.php, taksonomi.php, date.php, tag.php var ve bunların hepsi oldukça açıklayıcı.

Örneğin, özelleştirilmiş şablonlar da yapabiliriz

kategori-{slug}.php – eğer bir kategorinin sümüklü böcekleri sevimli kedicikler ise, o zaman WordPress kategori-sevimli-kittens.php'yi arayacaktır, eğer mevcut değilse, Category.php kullanılacaktır.

kategori-{id}.php – id = 3 ise, WordPress sayfayı oluşturmak için kategori-3.php'yi arayacaktır. Aksi takdirde kategori.php yükleyecektir

{slug} ve {id} ile ilgili benzer teori "Etiket" sayfası için de geçerlidir

Özel Yazar şablonları için yazar-{güzeladı}.php veya yazar-{id}.php kullanabiliriz. Yazarın adı Andy ise, o zaman WordPress, Author-andy.php'yi arayacaktır, yoksa, o zaman WordPress, sayfayı oluşturmak için Author.php'ye geri dönecektir.

Diğer WordPress Şablon Dosyaları

– arama.php

WordPress'teki arama sonuçları, search.php şablon dosyasını kullanır. Eğer mevcut değilse, arama sonuçları index.php dosyasından oluşturulur.

– ek.php

Bu şablon dosyası, resimler ve videolar gibi ek sayfaları oluşturmak için kullanılır. image.php ve video.php sırasıyla görüntüleri ve videoları oluşturmak için kullanılır. Bu dosyalar yoksa o zaman ek.php kullanılır.

– 404.php

WordPress'te bulunmayan sayfalar 404.php'den oluşturulur. 404 yoksa, sayfayı index.php'den işler.

– yorumlar.php

Bir yorum şablonudur, yorum bölümünü eklemek için single.php veya page.php gibi şablon dosyalarında çağrılır.

Son sözler

Özel WordPress temaları geliştirmek ve/veya WordPress tema dosya yapısını özelleştirmek istiyorsanız, WordPress şablon hiyerarşisini anlamak çok faydalıdır. Düzenlemek ve özelleştirmek için doğru şablon dosyalarını bulmakta kolay bir zamanınız olacak. WordPress şablon hiyerarşisinin iyi yanı, katı bir adlandırma kuralına uymasıdır. Bir kez ele geçirdikten sonra WordPress temaları yapmak çok kolay. Tema geliştirmeye yönelik hızlı ve görsel bir referans için WordPress tema hiyerarşisine başvurabilirsiniz.