Marka Teması
On soruyla tüm yüzeylerin görünümü
Marka teması, Selwise'in sitenizde gösterdiği her yüzeyin — widget, öneri kartı, arama sonucu, ürün zenginleştirme bloğu — görünümünü tek yerden belirler. On soru cevaplarsınız, Selwise bunlardan yirmi CSS değişkeni türetir.
Panelde nerede
Sol menüde Brand (/dashboard/theme).
On alan
| Alan | Ne yapar | Boş bırakılırsa |
|---|---|---|
| Brand color | Ana marka rengi: butonlar, bağlantılar, vurgular | Tema uygulanmaz |
| Brand text color | Marka renginin üzerindeki yazı rengi | Kontrasta göre otomatik türetilir |
| Brand hover color | Marka renginin üzerine gelince | Marka renginden otomatik türetilir |
| Secondary color | İkincil buton rengi | Türetilmez — boş kalır |
| Sale color | İndirim ve kampanya rengi | Markaya yakın bir kırmızıya düşer |
| Text color | Gövde metni rengi | Varsayılan |
| Surface color | Kart ve panel arka planı | Varsayılan |
| Corner style | Köşe yuvarlaklığı: square / soft / round | Varsayılan |
| Font family | Gövde yazı tipi | Sitenizin yazı tipi kullanılır |
| Heading font family | Başlık yazı tipi | Gövde yazı tipine düşer |
İkincil renk neden türetilmiyor
Tahmin edilen bir ikincil renk, hiç renk olmamasından kötüdür: markanıza ait olmayan bir renk tüm ikincil butonlarda görünür. Bu yüzden yalnızca siz belirtirseniz uygulanır. Kısmen doldurulmuş bir tema, bilinçli olarak kısmen uygulanan bir temadır.
Yazı tipini boş bırakmak bir özelliktir
Font family alanını boş bırakırsanız Selwise hiçbir yazı tipi dayatmaz ve widgetlar sitenizin kendi yazı tipini miras alır. Kendi marka yazı tipini kullanan mağazalar için doğru seçim budur.
Köşe stili neden piksel değil
Üç seçenek vardır ve bilinçli olarak kabadır:
| Seçenek | Büyük yarıçap | Küçük yarıçap |
|---|---|---|
square | 0px | 0px |
soft | 8px | 4px |
round | 16px | 9999px (tam yuvarlak) |
Marka bir his seçer, piksel değil. Tek tek yarıçap ayarlamak, yüzeyler arasında tutarsızlık üretmenin en kolay yoludur.
Taslak ve yayınlama
Tema, panelde taslağı olan tek varlıktır. Sebebi: bir tema değişikliği aynı anda her yüzeyi etkiler, dolayısıyla kaydetmekle yayınlamak ayrılmıştır.
- Değişiklik yaparsınız — taslağa yazılır.
- Sağdaki önizlemede sonucu görürsünüz.
- Publish ile canlıya alırsınız.
Önizleme, canlıda çalışan hesaplamanın aynısını kullanır; önizlemede gördüğünüz ile yayınlanan sonuç ayrışamaz.
Tema uygulanmazsa ne olur
Her yüzey, tema değerini bir yedekle birlikte okur. Tema tanımlı değilse, bozuksa ya da desteklenmeyen bir değer içeriyorsa yüzey temalar var olmadan önceki görünümüne düşer. Yani tema uygulamak geri alınabilir bir işlemdir; hiçbir zaman bozuk bir görünüme yol açmaz.
Tema nerede geçerli değil
Üç tür alan bilinçli olarak temaya bağlanmamıştır:
- Tablo ile çözülen değerler — gölge yoğunluğu, yazı kalınlığı, hazır yarıçap seçenekleri. Bunlar bir listeden seçilir, CSS değişkeni bir liste anahtarı olamaz.
- Program tarafından işlenen renkler — örneğin arama kutusunun odak halkası, marka renginin şeffaflaştırılmış halidir; değişken üzerinden hesaplanamaz.
- Anlam taşıyan renkler — arama teriminin vurgusu, "trend" etiketinin amber rengi. Bunlar marka rengi değil, durum rengidir; markaya bağlanırsa anlamlarını kaybederler.
Sırada ne var
- Widget Stil Özelleştirme — widget bazlı geçersiz kılma.
- Ürün Kartı Stili
Son güncelleme: 9 Eylül 2026