ev borcu WordPress sitesi
WordPress Tema Geliştirme Temelleri: Gerekli Dosyalar ve Şablon Hiyerarşisi
WordPress tema geliştirme konusunda yeniyseniz, başlamadan önce birkaç temel kavramı anlamanız önemlidir. Bu yazıda, gerekli dosyalar ve şablon hiyerarşisi dahil olmak üzere bazı WordPress tema geliştirme temellerini ele alıyoruz.
WordPress Tema Temelleri: WordPress Teması nedir?
Bir WordPress teması, diğer içerik bloklarına atıfta bulunan (PHP tarafından veritabanından alınan) ve onu bir HTML yapısının içine yerleştiren tek bir dosyadır. WordPress'in kendisinde bir görüntüleme yapısı yoktur, bu nedenle içeriği görüntülemek için bir WordPress temasına ihtiyacınız vardır.
Temel düzeyde, bir WordPress temasının bir web sitesinde içerik oluşturma biçiminde aşağıdaki web geliştirme dilleri kullanılır:
- HTML – Web siteniz için yapı veya çerçeve sağlar
- CSS – Çerçevenin/yapının stilini veya özelleştirilmesini sağlar
- PHP – WordPress'in veritabanı ile iletişim kurmak ve bilgi iletmek için kullandığı betik dili
- jQuery – İşlenen sayfa için aktivite sağlar
WordPress Teması Oluşturmak İçin Gerekli İki Dosya
- style.css – İlk olarak, bir WordPress temasının iki amaca hizmet eden bir style.css dosyasına ihtiyacı vardır:
- Bunun bir tema olduğunu WordPress ile iletişim kurmak için meta verileri sağlamak.
- Diğer gerekli dosyada bulunan HTML'ye stil vermek için.
- index.php – Bu dosya, web tarayıcılarının oluşturması için tüm içeriği sunan varsayılan veya geri dönüş dosyası (hiyerarşi nedeniyle; biraz daha fazlası) olarak hizmet eder.
Gerekli İki Dosyada Neler Var?
style.css dosyasında, WordPress ile temamız hakkında iletişim kurmak için bazı 'yorumlar' veya 'meta veriler' oluşturuyoruz. style.css'nin en üstüne tema bilgilerini koyduk:
/* Theme Name: New Theme Theme URI: http://newtheme.com Description: A description about the theme Author: Author Name Author URI: http://www.author.com Version: 1.0 Tags: responsive, black, white, columns, custom menu, etc. */
index.php dosyasında, sayfaya biraz HTML koyuyoruz.
<!DOCTYPE html> <html> <head> <title>My website</title> </head> <body> <h2>Content Title</h2> <p>I just built my very first WordPress theme from scratch!</p> </body> </html>
Bu kadar. Aslında henüz herhangi bir PHP'ye ihtiyacımız yok. PHP, içeriği veritabanından çıkarmak ve doğru HTML konumlarına yerleştirmek için kullanılacaktır.
Bir WordPress Teması Hangi Ek Dosyalara Sahip Olabilir?
WordPress temaları şablon dosyalarından oluşur. Bunlar, HTML, Şablon Etiketleri ve PHP kodunun bir karışımını içeren PHP dosyalarıdır.
| Dosya / Şablon | Amaç |
|---|---|
| stil.css | Ana stil sayfası. Bu, temanıza dahil edilmelidir ve temanız için bilgi başlığını içermelidir. index.php |
| index.php | Ana şablon. Temanız kendi şablonlarını sağlıyorsa, index.php mevcut olmalıdır. |
| yorumlar.php | Yorum şablonu. |
| ana sayfa.php | Varsayılan olarak ön sayfa olan ana sayfa şablonu. Statik bir ön sayfa kullanıyorsanız, bu, en son gönderilerin bulunduğu sayfanın şablonudur. |
| tek.php | Tek gönderi şablonu. Tek bir gönderi sorgulandığında kullanılır. Bu ve diğer tüm sorgu şablonları için, sorgu şablonu yoksa index.php kullanılır. |
| bekar- .php | Özel bir gönderi türünden tek bir gönderi sorgulandığında kullanılan tek gönderi şablonu. Örneğin, single-books.php, özel yazı tipi kitaplarından tek yazıları görüntülemek için kullanılacaktır. index.php, özel gönderi türü için sorgu şablonu yoksa kullanılır. |
| sayfa.php | Tek sayfa şablonu. Tek bir sayfa sorgulandığında kullanılır. Bu ve diğer tüm sorgu şablonları için, sorgu şablonu yoksa index.php kullanılır. |
| kategori.php | Kategori şablonu. Bir kategori sorgulandığında kullanılır. |
| tag.php | Etiket şablonu. Bir etiket sorgulandığında kullanılır. |
| taksonomi.php | Terim şablonu. Özel bir sınıflandırmadaki bir terim sorgulandığında kullanılır. |
| yazar.php | Yazar şablonu. Bir yazar sorgulandığında kullanılır. |
| arşiv.php | Arşiv şablonu. Bir kategori, yazar veya tarih sorgulandığında kullanılır. Bu şablonun, ilgili sorgu türleri için Category.php, Author.php ve date.php tarafından geçersiz kılınacağını unutmayın. |
| arama.php | Arama sonuçları şablonu. Arama yapıldığında kullanılır. |
| ek.php | Ek şablonu. Medya Kitaplığı dosyası gibi tek bir eki görüntülerken kullanılır. |
| 404.php | 404 Bulunamadı şablonu. WordPress, sorguyla eşleşen bir gönderi veya sayfa bulamadığında kullanılır. |
WordPress Şablon Hiyerarşisi
WordPress'teki hemen hemen her şeyin bir ebeveyni veya çocuğu vardır.
- WordPress temalarının ana temaları ve alt temaları olabilir.
- CSS, tüm web sitesi boyunca akan bir hiyerarşiye sahiptir.
- Şablonların, bir zamanlar önemli olan, geliştirme için tonlarca fırsat açabilen bir hiyerarşisi vardır.
CSS hiyerarşisi biraz dolambaçlı olabilir, ancak işte WordPress CSS dosyalarının hiyerarşisinin hızlı özeti. Her zaman bu kadar basit değildir, ancak bu size neler olduğu hakkında bir fikir verir.
WordPress CSS (bu, esas olarak arka uç Yönetici alanlarıyla ilgilidir) -- Eklenti CSS dosyaları -- -- Ana Tema CSS dosyaları -- -- -- Alt Tema CSS dosyaları -- -- -- -- Son bir özel CSS Kutusunu destekleyen temalar
WordPress Şablon Hiyerarşisinin Temelleri
WordPress'in "şablonu" ve içeriği görüntülemeden önce belirli bir dosyayı nasıl aradığına dair bir düzen vardır. Bu hiyerarşinin esnekliği, WordPress tema geliştiricilerine inanılmaz bir güç verir.
Ayrıca WordPress Kodeksinde Şablon Hiyerarşisi hakkında bilgi edinebilirsiniz.
Aşağıda, WordPress şablon hiyerarşisine ve WordPress'in bir dosya/şablon için hangi derinlikte arama yapacağına bir bakış verilmiştir.
Kullanıcı bir 404 sayfasına ulaşırsa:
- 404.php
- index.php
Kullanıcı bir arama sonuçları sayfasına gelirse:
- arama.php
- index.php
Kullanıcı bir sınıflandırma sayfasına gelirse:
- taksonomi-{taxonomyNAME}-{term}.php
- taksonomi-{taxonomyNAME}.php
- taksonomi.php
- arşiv.php
- index.php
Kullanıcı ana sayfaya gelirse:
- ana sayfa.php
- index.php
Kullanıcı ön sayfaya gelirse:
- front-page.php (Ayarlar > Okuma'nın Ön sayfa ayarları alanındaki en son gönderiler veya statik bir sayfa için kullanılır)
- Front-page.php yoksa, normal bir ana sayfa ayarına döner
Kullanıcı bir ek sayfasına gelirse:
- mime.php (image.php / video.php / application.php)
- type.php
- mime_type.php
- ek.php
- tek.php
- index.php
Kullanıcı tek bir gönderi sayfasına ulaşırsa:
- tek-{post-type}.php
- tek.php
- index.php
Kullanıcı tek bir sayfa sayfasına ulaşırsa:
- özel_şablon.php
- sayfa-{slug}.php
- sayfa-{id}.php
- sayfa.php
- index.php
Kullanıcı bir kategori sayfasına gelirse:
- kategori-{slug}.php
- kategori-{id}.php
- kategori.php
- sayfa.php
- index.php
Kullanıcı bir etiket sayfasına gelirse:
- etiket-{slug}.php
- etiket-{id}.php
- tag.php
- arşiv.php
- index.php
Kullanıcı bir yazar bilgi sayfasına gelirse:
- yazar-{yazar-güzeladı}.php
- yazar-{yazar-kimliği}.php
- yazar.php
- arşiv.php
- index.php
Kullanıcı bir tarih sayfasına gelirse:
- tarih.php
- arşiv.php
- index.php
Kullanıcı bir arşiv sayfasına gelirse:
- arşiv.php
- index.php
WordPress Tema Geliştirme hakkında daha fazlası
WordPress.org, Tema Geliştirme El Kitabında harika, derinlemesine bir kaynak sunar. WordPress Geliştirici Kursu ayrıca WordPress teması geliştirmeyi, WordPress kancaları ve filtreleri, WordPress döngüsüyle çalışma ve daha fazlası dahil olmak üzere daha ayrıntılı olarak kapsar.
Kristen, 2011'den beri WordPress kullanıcılarına yardımcı olmak için eğitimler yazıyor. Onu genellikle iThemes blogu için yeni makaleler üzerinde çalışırken veya #WPprosper için kaynaklar geliştirirken bulabilirsiniz. Kristen iş dışında günlük tutmaktan (iki kitap yazdı!), doğa yürüyüşü yapmaktan ve kamp yapmaktan, yemek pişirmekten ve daha güncel bir hayat yaşamayı umarak ailesiyle günlük maceralardan hoşlanıyor.
