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ı uygulanır. Marka renklerinizin eklenmesi, renk paletinizin online mağazanız genelinde uyumlu bir şekilde uygulanmasını sağlar.

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ı Önceden ayarlanmış gradyanı seçin veya vurgu gradyanınızı özelleştirmek için gradyan seçiciyi kullanın.
2. Vurgu Etki düğmelerine ve bazı bölümlerin arka planına renk uygulanabilir.
2. Vurgu gradyanı Önceden ayarlanmış gradyanı seçin veya vurgu gradyanınızı özelleştirmek için gradyan seçiciyi kullanın.
1. Arka plan Etki düğmelerine ve bazı bölümlerin arka planına renk uygulanabilir.
1. Arka plan gradyanı Önceden ayarlanmış gradyanı seçin veya arka plan gradyanınızı özelleştirmek için gradyan seçiciyi kullanın.
2. Arka plan Etki düğmelerine ve bazı bölümlerin arka planına renk uygulanabilir.
2. Arka plan gradyanı Önceden ayarlanmış gradyanı seçin veya arka plan gradyanınızı özelleştirmek için gradyan seçiciyi kullanın.
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, Dawn'da marka renklerinizin gradyanlarını ayarlayıp bunları standart vurgu ve arka plan rengi seçenekleri yerine kullanabilirsiniz.

Renk şemanızı yönetme

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

  1. Tema Ayarları' na tıklayın.
  2. Renkler'e tıklayın.
  3. Temanızdaki 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.
  4. Kayıtyap ' a 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.

Gradyanlar

Görsel olarak ilgi çekici arka plan seçenekleri için Dawn'da renk gradyanı ayarlayabilirsiniz. color_background ayarı, CSS arka plan özelliğine ilişkin özelleştirme yapmak üzere kullanılır.

Gradyan seçici, renkleri, gradyan tarzını, açıyı, konumu ve gradyanın opaklığını seçmenize olanak tanır. Gradyan seçicide belirlenen tercihler tema düzenleyicisinde gerçek zamanlı olarak görüntülenir. Ayrıca, doğrulama denetleyicisi içeren CSS kodu kullanarak da gradyan arka planı oluşturabilirsiniz.

Gradyanları ayarlama

  1. Tema ayarları' na tıklayın.
  2. Renkler'e tıklayın.
  3. Gradyan seçeneklerinden birini seçin.

  4. Gradyan seçeneklerinizi belirleyin:

  • Doğrusal veya dairesel gradyan arasında seçim yapabilirsiniz. Tercih ettiğiniz gradyan stilini seçmek için düğmeleri kullanın.
  • Gradyan açınız yukarı ve aşağı oklarla ayarlanabilir. Yukarı veya aşağı sembolüne tıklandığında açı yüzdesi 5 değerinde arar ya da azalır.
  • Gradyanınızın konumunu seçmek için kaydırıcıyı kullanın veya alana sayısal bir değer girin.
  • Belirli bir rengin hex kodunu girebilir veya renk kaydırıcısını kullanarak bir ton seçebilirsiniz. Son seçilen renkler, gradyan seçenekleri panelinin alt kısmında görüntülenir.
  • Gradyanınızın opak olmasını istiyorsanız gradyan şeffaflığını seçmek için sağdaki kaydırıcıyı kullanabilirsiniz. Hex renk kodunun yanındaki alana yüzde de girebilirsiniz.
  1. Kayıtyap ' a tıklayın.

Tema düzenleyicisindeki gradyan seçici

Gradyanları ayarlamak için CSS kullanma

CSS background özellik değerlerinin çoğu, arka plan rengi ayarlamak için kullanılabilir. Bu alanı düz renkler için (ör. #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 için (ör. linear-gradient(red, green), radial-gradient(red, green) ya da conic-gradient(red, green)) kullanabilirsiniz. Ayrıca, gradyanlar tekrarlanabilir.

Basamak

  1. Tema ayarları' na tıklayın.
  2. Renkler'e tıklayın.
  3. Düzenlemek istediğiniz gradyana tıklayın.
  4. Gradyanın yanındaki oka tıklayın ve CSS'yi seçin.
  5. CSS kodu alanına gradyan kodunuzu girin veya yapıştırın. Tema düzenleyicisi önizlemesi, gradyanınızı uygun konumda gösterir.
  6. Kayıtyap ' a tıklayın.
    Gradient CSS Code field in the theme editor

Gradyan kaldırma

Bir gradyanı sıfırlamak veya kaldırmak için:

  1. Tema ayarları' na tıklayın.
  2. Renkler'e tıklayın.
  3. Düzenlemek istediğiniz gradyana tıklayın.
  4. Gradyanı kaldır'a tıklayın
  5. Kayıtyap ' a tıklayın.

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

Ücretsiz olarak dene