Tema Dizini Yapısı
Tema dizini, web sitenizin görsel yapısını ve işlevselliğini düzenlemek için belirli bir yapıya sahiptir. Ana dosyalar ve farklı amaçlara hizmet eden alt dizinler içerir. İşte bu dizinlerin ve içerdikleri temel dosyaların bir özeti:
section
Bu dizin, temanızın ana bölümlerine ait şablon dosyalarını içerir. Örneğin, üst kısım (header/default.twig
), alt kısım (footer/default.twig
), ürün liste bloğu (product-list/default.twig
) gibi sitenizin farklı bölümlerinin temel yapıları burada tanımlanır.
snippet
snippet
dizini, temanızın farklı yerlerinde tekrar tekrar kullanılan küçük şablon parçacıklarını (kod parçacıklarını) barındırır. Bu, kod tekrarını önlemeye ve tema genelinde tutarlılığı sağlamaya yardımcı olur. Örneğin, ürün kartı veya varyantlar snippet
içinde tanımlanabilir ve hem ürün liste hem de vitrin şablonlarında kullanılır.
assets
assets
klasörü, temanızın statik varlıklarını içerir. Bunlar genellikle şunlardır:
- CSS Dosyası: Stilleri tanımlayan
assets/theme.css
uzantılı dosya. - JavaScript Dosyası: Etkileşim ve dinamik işlevsellik sağlayan
assets/theme.js
uzantılı dosyalar. - Resimler: Temanızda kullanılan görsel öğeler
assets/img
içerisine eklenecek (.jpg
,.png
,.gif
, vb.).
locales
locales
dizini, temanızın farklı dillerdeki metinlerini içeren dil dosyalarını barındırır. Bu dosyalar genellikle anahtar-değer çiftleri şeklinde düzenlenir ve temanızın çok dilli desteklemesini sağlar. Her dil için ayrı bir dosya bulunabilir (örneğin, locales/header.json
, locales/footer.json
)
Bu yapı, tema geliştirirken dosyaların düzenli bir şekilde organize edilmesini ve yönetilmesine yardımcı olur.