Renklerinizi, yazı tiplerinizi ve düzeninizi ayarlayın

Site tasarımı, tüm mağazanızın tek bir marka gibi görünmesini sağlayan ayarları barındırır: renkleri, yazı tipleri, metin boyutları ve köşe yuvarlaklığı. Her birini bir kez ayarlarsınız ve tüm sayfalar bunu izler. Tek tek bloklar, siz istediğinizde bu ayarları yine de geçersiz kılabilir.

Site tasarımını açın

1. Düzenleyiciyi açın. Bkz. Editöre genel bakış.
2. Sağdaki ayarlar panelinde Site tasarımı sekmesine tıklayın.
3. Bir başlığı açmak için ona tıklayın: Kimlik, Renkler, Tipografi ya da Düzen.

Değişiklikler sayfada hemen görünür ve otomatik olarak kaydedilir. Yayındaki mağazanız siz yayınladığınızda değişir.

Renkler

Her sayfanın oluşturulduğu yedi rengi görmek için Renkleri açın.

• Vurgu: mağazanızın ana rengi. Düğmeler ve bağlantılar bunu kullanır.
• Vurgu üzerindeki metin: vurgunun üstündeki yazıların, örneğin bir düğme etiketinin rengi.
• Sayfa arka planı: sayfalarınızın arkasındaki renk.
• Yüzey: ürün kartları ve form kutuları gibi kartların ve panellerin rengi.
• Metin: başlıkların ve diğer ana metnin rengi.
• İkincil metin: paragraf metni, açıklamalar ve küçük yazılar için kullanılan daha silik renk.
• Kenarlıklar: ince çizgilerin ve dış hatların rengi.

Bir renk seçin

1. Bir renk kutusuna tıklayın.
2. Açılan seçicide şunlardan herhangi birini yapın:
   • Rengin ne kadar parlak ve ne kadar canlı olacağını ayarlamak için büyük karede tıklayın ya da sürükleyin; rengin kendisini değiştirmek için altındaki şeridi sürükleyin.
   • Kutuya #2B2622 gibi bir hex kodu yazın ya da yapıştırın.
   • Zaten sahip olduğunuz bir rengi yeniden kullanmak için Tema renkleri altındaki bir renk örneğine, yakın zamanda seçtiğiniz bir renk için Son kullanılan altındakine tıklayın.

   

3. Seçiciyi kapatmak için seçicinin dışında herhangi bir yere tıklayın ya da Esc tuşuna basın.

Metninizin okunabilir olduğunu kontrol edin

Yedi rengin altında Payly, her metin renginin arkasındaki renk üzerinde kolayca okunup okunmadığını kontrol eder. Her şey yolundaysa Her renk çifti kolayca okunuyor yazısını görürsünüz. Bir çift fazla soluksa liste onu adıyla belirtir, kontrast oranını ve ne kadar gerektiğini gösterir ve metin rengini sizin için ayarlayan bir Düzelt düğmesi sunar.

Payly, düşük kontrastlı bir çift seçmenizi engellemez; ancak açık renk bir arka plandaki açık gri metin, özellikle güneş altında bir telefonda okunması zordur.

Tipografi

Yazı tiplerinizi ve metin boyutlarınızı seçmek için Tipografiyi açın.

• Gövde yazı tipi: paragraflar, menüler ve düğmeler için yazı tipi.
• Taban yazı boyutu: normal metnin boyutu.
• Gövde satır yüksekliği: metin satırları arasındaki boşluk. Daha büyük bir sayı daha fazla boşluk verir.
• Başlık yazı tipi: başlıklar için yazı tipi. Başlıklarda da gövde yazı tipini kullanmak için Site yazı tipini kullanı seçin.
• Başlık boyutu: tüm başlıkları yüzde olarak daha büyük ya da daha küçük yapar.
• Başlık kalınlığı: başlıkların ne kadar kalın olduğu.
• Başlık harf aralığı: başlık harfleri arasındaki boşluğu daraltır ya da genişletir.

Bir yazı tipi seçin

1. Gövde yazı tipi ya da Başlık yazı tipi kutusuna tıklayın.
2. Her adı kendi yazı tipiyle gösteren listeyi kaydırın. En üstteki Önerilen grubunda çoğu mağazaya uyan yazı tipleri bulunur.

   

3. Bir yazı tipini adıyla bulmak için Yazı tiplerinde ara… alanına yazın.
4. Kullanmak için bir yazı tipine tıklayın.

Liste, Google Fonts kitaplığının tamamını kapsar. Kullandığınız yazı tipleri, yayınladığınızda mağazanıza dahil edilir. Bir yazı tipi listede yoksa arama kutusuna tam Google Fonts adını yazın ve Yine de kullan altından seçin.

Düzen

İki ayar için Düzeni açın:

• Köşe yuvarlaklığı, düğmelerin, kartların ve görsellerin köşelerinin ne kadar yuvarlak olacağını belirler. Keskin köşeler için 0’a, yumuşak köşeler için sağa kaydırın. Kendi köşe yuvarlaklığı Otomatik olan bloklar bu ayarı izler.
• Metin yönü, çoğu dil için Soldan sağadır. Sağdan sola, Arapça, İbranice, Farsça ve Urduca için tüm düzeni çevirir.

Kimlik

Bir tarayıcı sekmesinde görünen küçük resim olan Tarayıcı simgesini ayarlamak için Kimliki açın. Yaklaşık 16 piksel olarak gösterildiği için logonuzun tamamı yerine basit bir işaret kullanın. Görsel ekleme ve medya kitaplığını kullanma makalesinde anlatıldığı gibi Görsel yükle ya da Yüklenenlere göz ata tıklayın. Boş bırakırsanız logonuz kullanılır.

Logonuz burada değildir. Göründüğü yerde, üst bilgide bulunur. Bkz. Üst bilgi ve alt bilgiyi özelleştirme.

Yalnızca bir bloğu değiştirin

Her metin bloğu, başlık ve düğme sitenin yazı tipini, boyutunu ve renklerini geçersiz kılabilir. Bloğu seçin ve Tipografi ya da Görünüm grubunu açın. Bkz. Metin, başlık ve düğmeleri düzenleme.

İpucu: Tamamen farklı bir görünüm istiyorsanız hazır tasarımlardan biriyle yeniden başlayabilirsiniz. Bkz. Farklı bir site tasarımına geçme.

İlgili makaleler

• Farklı bir site tasarımına geçme
• Metin, başlık ve düğmeleri düzenleme
• Üst bilgi ve alt bilgiyi özelleştirme
• Editöre genel bakış