Tema mimarisi
Tema mimarisi, şablonların, bölümlerin ve yeniden kullanılabilir bileşenlerin uzun vadeli sürdürülebilirlik için nasıl organize edildiğini tanımlar. Temel, semantik HTML'yi ve dosya başına açık sorumluluğu tercih eder.
Yapı modeli
| Katman | Amaç | Tipik dosyalar |
|---|---|---|
| Şablon katmanı | Sayfa düzeyinde oluşturma ve rotaya özel düzen | front-page.php, page-templates/*.php |
| Kısmi katman | Yeniden kullanılabilir yapısal parçalar | partials/*.php, header*.php, footer*.php |
| İçerik katmanı | Kabuktan ayrılmış belge gövde içeriği | docs-content/*.php |
| Kaynak katmanı | Sayfa başına kapsamlandırılmış stil ve davranış | assets/css/pages/*.css, assets/js/pages/*.js |
Anlamsal kurallar
- Simgesel öğeleri (başlık, ana, bölüm, makale, nav, altbilgi) bilinçli olarak kullanın.
- Başlık sırasını geçerli tutun ve hiyerarşi seviyelerini atlamaktan kaçının.
- Sunum sınıflarını belge anlamından ayrı tutun.
Bileşen sınırları
✓ Beklenen desen
Yardımcılar yeniden kullanılabilir biçimlendirme blokları oluşturur
Sayfa şablonları yalnızca yapıyı düzenler
İçerik dosyaları kopya ve bölüm akışına odaklanmaya devam eder
Sayfa varlıkları yalnızca gereken yerlerde yüklenir
Kaçının
Sayfalar arasında büyük biçimlendirme bloklarını çoğaltma
Yönlendirme mantığını içerik dosyalarına karıştırma
Tek sayfalı bileşenler için global CSS ekleme
JS davranışını kırılgan biçimlendirme varsayımlarına sıkıca bağlama
Uygulama notuYeni bir bileşen eklerken, davranış ve biçimlendirmenin senkronize kalması için yardımcı + CSS + JS desteğini birlikte ekleyin.