Zenito'da tema yaparken çoğu işi kod yazmadan halletmek mümkün. Kendi temamızı hazırlarken izlediğimiz sırayı paylaşıyorum.
Kendi temalarınızı da bu bölümde paylaşabilirsiniz.
1) Varsayılan stili değil, altındaki bir stili değiştirin
Görünüm › Stiller bölümünden varsayılan stilin altına yeni bir stil açın ve onu varsayılan yapın. Zenito'da stiller birbirinden miras alıyor; alt stil sadece değiştirdiğiniz şeyleri saklıyor. Bir şey bozulursa üst stile dönmek tek tık.2) Önce stil özellikleri
Görünüm › Stil özellikleri altında 100'den fazla ayar var: logo ve favicon, yazı tipleri, renk paleti, header, butonlar, formlar, footer... Renklerin çoğu açık ve koyu görünüm için ayrı değer alıyor, ikisini de doldurun. Logoyu buradan yüklediğinizde koyu tema için ayrı logo da seçebiliyorsunuz.3) Ek CSS
Stil özelliklerinin yetmediği yerde aynı yerdeki Ek CSS alanını kullanın. Renkleri elle yazmak yerine Zenito'nun değişkenlerini kullanırsanız açık/koyu geçişte sorun çıkmaz:Kod
.block { border-radius: var(--zn-border-radius-large); }
.siteHeader { border-bottom: 1px solid var(--zn-border-color); }4) Şablonlara en son dokunun
Bir şablonu düzenlediğinizde o şablonun kopyası stilinizde kalıyor ve Zenito güncellemesinde gelen yeni hali size gelmiyor. Gerçekten gerekmedikçe şablon kopyalamamak lazım.5) Dışa aktarma
Tema hazır olunca Stiller listesinden "Dışa aktar" ile tek bir .json dosyası alıyorsunuz. İçinde değiştirdiğiniz şablonlar, stil özellikleri ve yüklediğiniz görseller var (görsel başına en fazla 2 MB). Alt stil paylaşıyorsanız "Üst stilleri de ekle" ile dışa aktarın, yoksa karşı tarafta eksik görünür. İçe aktarma da aynı sayfadan yapılıyor.Kendi temalarınızı da bu bölümde paylaşabilirsiniz.