Bir tema, bir satıcının çevrimiçi mağazasının organizasyonunu, özelliklerini ve stilini kontrol eder.

• Tema kodu, Shopify temalarına özel dosyaların yanı sıra görseller, stil sayfaları ve komut dosyaları gibi destekleyici varlıklardan oluşan standart bir dizin yapısıyla düzenlenir. 
• kurşunShopify temaları, şablon dosyaları, yapı taşları ve destekleyici varlıklardan oluşan bir pakettir.

Tema dosyaları üç genel kategoriye ayrılır. Her birinin müşterinizin temasını özelleştirmeye nasıl yardımcı olduğuna daha yakından bakmadan önce her birine kısa bir genel bakış görmek için açılır menüyü kullanın. 

İçerik Dosyaları

Bunlar, satıcının çevrimiçi mağazasının sayfalarını oluşturan HTML işaretlemesini oluşturmak için Liquid’i kullanarak bir temanın düzenini ve işlevselliğini kontrol etmek için kullanılır.

Destekleyici Varlıklar

Bunlar, temadaki diğer dosyalar tarafından çağrılan veya tüketilen varlıklar, komut dosyaları veya yerel ayar dosyalarıdır. CSS, mevcut bir temayı değiştirirken düzenleyeceğiniz destekleyici bir varlık olarak kabul edilir.

Yapılandırma Dosyaları

Bunlar, tema düzenleyicisi kullanılarak özelleştirilebilen yapılandırma verilerini depolamak için JSON’u kullanır. 

*Bu kurs yalnızca içerik dosyalarını ve destekleyici varlıkları kapsayacaktır.

İçerik Dosyaları

Her bir temanın müşterinizin sitesini özelleştirmeye nasıl yardımcı olduğunu inceleyelim. İçerik dosyalarını keşfederek başlayacağız. Her sayfanın organizasyonu aşağıdaki bileşenler tarafından belirlenir.

Bileşenler hakkında bilgi edinmek için her bir etkin noktayı seçin.

Destekleyici varlıklar

Destekleyici varlıklar, bileşenlerin ve özelliklerin sunumunu kontrol eder veya bileşenler arasında kullanılabilecek yeniden kullanılabilir kod parçalarını depolar. Bu varlıklar, çevrimiçi mağazanın estetiğini ve içerik bölümlerinin satıcının markasını ifade edecek şekilde nasıl tasarlandığını tanımlamaya yardımcı olur. 

• Tema CSS’si ve JavaScript, mizanpaj, şablon ve bölüm dosyalarına uygulanan stili tanımlayan temanın varlıklar dizininde saklanır. 
• Temanızda yeniden kullanmak istediğiniz Liquid ve HTML, snippet’lerde saklanır. Parçacıklar, tekrarlanan kodu tek bir dosyada tutmanıza olanak tanır ve uzun dosyalarla uğraşmak yerine ayrı kod parçalarına odaklanmanıza olanak tanır.

Destekleyici varlık dosyalarında (CSS ve Javascript) değişiklik yapmak, temanın stilini ve işlevselliğini değiştirebilir. Tema düzenleyicisindeki belirli değişiklikler, bu destekleyici varlıklarda da değişiklik yapabilir.

Artık Shopify temasının mimarisini anladığınıza göre tema özelleştirmeyi gerçekleştirmek.