Dawn renk şemaları

Zengin metin, Görsel banner'ı ve Koleksiyon listesi gibi tema genelindeki farklı bölümler, tema ayarlarınızda belirlediğiniz renklerden ilgili bölüme uygulanacak bir renk şeması seçmenize olanak tanır. Temanıza, tema düzenleyicisinde istediğiniz zaman değiştirebileceğiniz varsayılan bir renk şeması uygulanacaktır. Marka renklerinizi eklemek, renk paletinizin online mağazanızda uyumlu bir şekilde uygulanmasını sağlar.

Renk şemanızı yönetme

Mağazanızın renk şeması tema ayarlarınızda ayarlanır.

  1. Kenar çubuğunuzun alt tarafındaki Tema Ayarları'na tıklayın. 3. Renkler'e tıklayın. 5. Temadaki bir rengi değiştirmek için renge tıklayın ve renk seçiciyi kullanın ya da metin alanına yeni renk değerini girin. 6. Kaydet'e tıklayın.

Düz renkler için, yeni bir renk seçmek veya metin alanına rengin değerini girmek için renk seçiciyi kullanın. Bu alan, renk adlarını (örneğin, red, black, blue), RGB değerlerini ve on altılı renk kodlarını kabul eder.

Renk gradyanları için, renk kutusuna tıklayın ve ardından Gradyan CSS Kodunuzu (örneğin linear-gradient(red, green), radial-gradient(red, green) veya conic-gradient(red, green)) alana yapıştırın. Gradyan CSS Kodunuz özel karakterler, görseller veya URL'ler içeriyorsa tema düzenleyicisi bir hata mesajı gösterir. CSS kodunuz geçerliyse tema düzenleyicisi, önizlemesi seçilen gradyanı uygun konumda gösterir.

Tema düzenleyicisindeki Gradyan CSS Kodu alanı

Renk ayarları

Görsellerin ve görsel dolgularının arka planı tema düzenleyicinizde ayarlanabilir. 1. Vurgu, 1. Vurgu gradyanı, 2. Vurgu, 2. Vurgu gradyanı, 1. Arka plan, 1. Arka plan gradyanı, 2. Arka plan, 2. Arka plan gradyanı ya da Ters arasında seçim yapmak için açılır menüyü kullanın. Tema düzenleyicinizin önizleme panelinde, seçili renk şemalarının önizlemesini görüntüleyebilirsiniz.

Ayar Açıklama
Metin Renk, bölüme veya blok metnine uygulanabilir.
1. Vurgu Etki düğmelerine ve bazı bölümlerin arka planına renk uygulanabilir.
1. Vurgu gradyanı Gradyanınızı oluşturmak için Gradyan CSS Kodunu girin.
2. Vurgu Etki düğmelerine ve bazı bölümlerin arka planına renk uygulanabilir.
2. Vurgu gradyanı Gradyanınızı oluşturmak için Gradyan CSS Kodunu girin.
1. Arka plan Etki düğmelerine ve bazı bölümlerin arka planına renk uygulanabilir.
1. Arka plan gradyanı Gradyanınızı oluşturmak için Gradyan CSS Kodunu girin.
2. Arka plan Etki düğmelerine ve bazı bölümlerin arka planına renk uygulanabilir.
2. Arka plan gradyanı Gradyanınızı oluşturmak için Gradyan CSS Kodunu girin.
Ters Etki düğmelerine ve bazı bölümlerin arka planına renk uygulanabilir. Metin rengi olarak 1. Arka Plan'ı, arka plan rengi olarak ise metin rengini kullanır

Kullanılan renk şemasını seçmenize olanak sağlayan ayarlardan bazıları gradyanları kullanmanıza da olanak sağlar. Örneğin, Shopify'ın ilk ücretsiz Online Store 2.0 teması olan Dawn'da, marka renklerinizin gradyanlarını ayarlayıp bunları standart vurgu ve arka plan rengi seçenekleri yerine kullanabilirsiniz.

Gradyanları ayarlama

Dawn, CSS arka plan özelliğini özelleştirmek için color_background ayarını kullanır. Böylece gradyan gibi görsel arka plan seçenekleri oluşturabilirsiniz.

CSS background değerlerinin çoğu, arka plan rengi ayarlamak için kullanılabilir. Bu alanı düz renkler (örneğin, #000000, black, rgb(0,0,0,0), rgba(0,0,0,0), hsl(0, 0%, 0%) ve hsla(0, 0%, 0%, 1) değerlerinin hepsi düz bir siyah arka plan üretir) veya gradyanlar (örneğin, linear-gradient(red, green), radial-gradient(red, green) veya conic-gradient(red, green)) için kullanabilirsiniz. Gradyanlar aynı zamanda tekrarlanabilir.

Arka plan rengi ayarı CSS kodu kullanır ve CSS kodunuzda görseller, özel karakterler veya URL'ler varsa uyarı gösterecek bir doğrulama denetleyicisi içerir. CSS arka plan kodu geçerliyse tema düzenleyicisi, önizleme panelinde gradyanınızın önizlemesini görüntüler.

Shopify ile satış yapmaya hazır mısınız?

Ücretsiz olarak dene