site için bir renk paleti seçin, ardından belirli öğelerin renklerini özelleştirin.

İster siyah-beyaz bir tema, ister cesur renk kombinasyonları tercih edin, site genelinde renkleri şekillendirmek için renk paleti ve renk uyumu kullanın.

Bu renk seçenekleri sitenin 7.1 sürümünde mevcuttur. 7.0 sürümündeki sitenin renk ayarları farklıdır.

site renklerinin değiştirilmesiyle ilgili video

siterenk paleti ve renk uyumu hakkında ayrıntılı bilgi için bu videoyu izleyin.

sitegenelinde renk paletiyle renkleri değiştirin

Squarespace sitelerinin tamamı, uyumlu bir görsel stil için beş renkten oluşan bir palet kullanır. site renklerini, paleti özelleştirerek veya yeni bir palet seçerek anında değiştirebilirsiniz; yeni palet seçimi, site tamamına paletin renklerini uygular.

Mevcut renk paletinizi düzenleyin.

Seçilen renk paletini düzenlemek için:

1. Sitedeki panel açın.
2. Renkler 'in yanındaki ＞ düğmesine tıklayın.
3. Paleti düzenle'yi tıklatın. Paletler beş renk kullanır ve çoğu metin için kullanılan siyah ve beyaz içerir.
4. Paletin renklerinden birini tıklayın, ardından renk seçicideki "Değiştirici"yi tıklayıp sürükleyerek rengi değiştirin. Kullanmak istediğiniz bir renk için kodunuz varsa, altıgen, RGB veya HSL kodunu aşağıdaki alana girebilirsiniz.
5. Paletteki her renk için bu adımları tekrarlayın, ardından Kaydet'i tıkl atın.

Yeni bir renk paleti belirleyin.

Yeni bir renk paleti oluşturmak için:

1. Sitedeki panel açın.
2. Renkler 'in yanındaki ＞ düğmesine tıklayın.
3. Paleti düzenle'yi tıklatın, ardından şunları seçin:
   • Ön Ayarlar - Seçilmiş renklerde bir dizi önceden ayarlanmış palet arasından seçim yapın.
   • Resimden - Görün tünün en belirgin üç rengine dayalı bir palet oluşturmak için bir resim yükleyin.
   • Renkten - Renk seçiciyi kullanarak bir ana renk seçin ve bu rengi tamamlayacak paletler oluşturun.
4. Kaydet'i tıklayın.

Tema ile bölüm renklerini değiştirme

Renk paletiniz site renklerini belirler ve siterenk uyumu bu renkleri farklı kombinasyonlarda kullanır. Her palet on renk uyumuna sahip, böylece bölümlerinize yine de birbiriyle uyumlu, benzersiz görünümler kazandırabilirsiniz.

Bazı durumlarda, arka plan rengine karşı daha iyi kontrast sağlamak için metin ve düğme renkleri varsayılan olarak beyaz veya siyah olarak ayarlanır. Renkleri seçerken erişilebilirlik en iyi uygulam alarımızı inceleyin.

Bir bölüm teması belirleyin.

Bir bölüm için renk teması seçmek için:

1. Sayfalar panelini açın.
2. Düzenlemek istediğiniz sayfaya tıklayın ve sol üst köşedeki Düzenle seçeneğine tıklayın.
3. Değiştirmek istediğiniz bölümün üzerinde Bölümü düzenle seçeneğine tıklayın.
4. Renkler'e tıklayın, ardından bir renk teması seçin.
5. Kaydet'i tıklayın.

Not: Yeni bir renk teması seçmek, metin bloğu araç çubuğunda yapılan metin rengi değişiklikleri de dahil olmak üzere bölümdeki tüm renkleri değiştirir.

Bir sayfa bölümünün hangi temayı kullandığını nasıl anlayabilirim?

Bir bölümün hangi renk ilişkisini kullandığını kontrol etmek için:

1. Sayfalar panelini açın.
2. Düzenlemek istediğiniz sayfaya tıklayın.
3. site aracılığıyla aktarın ve her bölümün sağ üst köşesinde görüntülenen renk değişimi etiketlerini kontrol edin.

Renk teması etiketim neden boş?

Tema etiketi yerine boş bir kutu görünüyorsa, font rengi ve arka plan rengi aynı olabilir ve bu da metnin görünmez olmasına neden olabilir. Tema etiketini görünür hale getirmek için:

1. Sitedeki panel açın.
2. Renkler 'in yanındaki ＞ düğmesine tıklayın.
3. Renkler menüsünde boş olarak görünen temaya tıklayın.
4. Başlığa (Büyük) tıklayın ve rengini değiştirin.
5. Kaydet'i tıklayın.

site diğer bölümleri hangi temayı kullanıyor?

site diğer alanlarında belirli renk teması ayarları bulunmaktadır:

• Duyuru Çubuğu - site üst bilgisinde renk teması varsa Duyuru Çubuğu da aynı temayı takip eder. Aksi halde varsayılan renk temasına uyulur.
• Yerleşik sayfa - Yerleşik site sayfası, varsayılan 404 sayfası veya alışveriş sepeti sayfası gibi, şablonunuzun varsayılan renk bağlantısını takip edin.
• Mobile katman menu düğmesi - site üst bilgi olarak düzenlediğinizde mobil katmanınız için bir renk teması ayarlayın.
• site üst bilgi - Bir renk teması belirleyin veya site için özel bir renk belirleyin üst bilgi.

site belirli öğelerin renklerini değiştirme

Herhangi bir renk temasındaki belirli öğeler için renk ayarlarını özelleştirebilirsiniz. Bir temanın renklerinde yapılan tüm değişiklikler, o temayı kullanan site tüm alanlarına uygulanır.

Bir temayı düzenlemek için:

1. Sitedeki panel açın.
2. Renkler 'in yanındaki ＞ düğmesine tıklayın.
3. Düzenlemek istediğiniz temaya tıklayın. Hangi temayı düzenlemeniz gerektiğinden emin değilseniz, değiştirmek istediğiniz bölümdeki renk teması etiketine bakın .
4. Değiştirmek istediğiniz ince ayar düğmesine tıklayın, ardından yeni bir renk seçin. Pal et sekmesinden önceden ayarlanmış bir renk kullanabilir veya renk seçiciyi kullanmak için Özel 'i tıklatabilirsiniz.
5. Kaydetmeden önce yapılan değişiklikleri geri almak için panel üst kısmındaki geri alma simgesine tıklayın veya belirli bir değişikliğin yanındaki noktaya tıklayın.
6. Sayfanın diğer içeriklerini düzenlerken yaptığınız değişiklikler korunur. Değişik liklerinizi kaydet mek ve düzenlemeye devam etmek için Kaydet'i veya düzenleyici yi kapatmak için Çıkış ve Kaydet'i tıklatın.

Özel bir renk seçmek için renk seçiciyi kullanma

Her renk ayarının yanında, o öğenin geçerli rengini gösteren bir Circle bulunur. Genellikle bu renkler siterenk paletinden alınır.

Renk seçiciyle özel bir renk seçmek için:

1. Değiştirmek istediğiniz ince ayar düğmesine tıklayın.
2. Renk seç ici yi açmak için Özel'i tıklatın.
3. Renk seçmek için alttaki renk seçiciye tıklayın, ardından bir ton seçmek için üstteki kareye tıklayın veya belirli bir renk kodunu girmek için değer alanını kullanın.
4. Eğer ayarın opaklık ayarlayıcısı varsa, bunu kullanarak şeffaflığı değiştirebilirsiniz.

Renk kodu ile belirli bir renk seçin

İstediğiniz rengin değerini biliyorsanız, renk seçicinin altındaki değer alanına tıklayarak eklemek için kullanabilirsiniz. Belirli bir renk değerini bulmak için color-hex.com veya imagecolorpicker.com gibi harici siteleri ziyaret edebilirsiniz.

Değer alanı şu biçimlerden herhangi birini kabul eder:

• HEX - Örnek: #FFFFFF
• RGB veya rGB a - Örnek: rgba (255, 0, 149, 1)
• HSL/HSLA - Örnek: hsla (325.100%, 50%, 1)
• HTML (küçük harfle yazılmalıdır) - Örnek: white

İpucu: Renk değiştirme aracını kullanarak bir renk bulduğunuzda, değer alanı otomatik olarak renk kodunu gösterir. Bu kodu kopyalayıp yapıştırarak temanın diğer öğelerine de aynı rengi ekleyebilirsiniz.

Bir rengin saydamlığını değiştirme

Özel bir rengin saydamlığını değiştirmek için, renk seçicinin altındaki Circle sürükleyerek saydamlık değiştiriciyi kullanın. Opaklık ayarlayıcı, özellikle resimler üzerinde görüntülenen katman renkleri için kullanışlıdır. Tüm ince ayarlarda opaklık kaydırıcı bulunmaz.

İpucu: Bir bölümün arka plan rengini saydam yapmak için opaklık ayarlayıcısını kullanırsanız, şablonunuzun varsayılan renk şablonunun arka plan rengi görünebilir.

Varsayılan renk uyumu nedir?

Her sürüm 7.1 site varsayılan bir renk teması vardır. Varsayılan renk teması, site aşağıdaki yerleşik sayfalara ve alanlara otomatik olarak uygulanır:

• Erişim engellendi ekranı
• Duyuru Çubuğu
• Dahili arama sayfası
• Varsayılan 404 sayfası
• Arka plan görüntüsü veya videosu üzerinde dinamik üst bilgi
• Sipariş onay sayfası
• Sayfada yatay olarak sayfanın kenarının ötesine kaydırma nedeniyle oluşan boşluklar.
• Ürün hızlı bakış sayfası
• alışveriş sayfası

site varsayılan renk ayarlarını nasıl bulabilirim?

Şablonunuzun varsayılan temasını bulmak için:

1. Sayfalar panelini açın.
2. Bir sayfada Düzenle'yi ve ardından Bölüm Ekle'yi tıklayın.
3. "+ Boş Ekle" ye tıklayın, ardından "Bölüm" e tıklayın. Yeni bölüm varsayılan tema ile başlar.
4. Site stilleri panel açmak için fırça simgesine tıklayın, ardından Renkler'in yanındaki > simgesine tıklayın.
5. Yeni bölümde tema etiketine bakın.

site varsayılan temasını değiştirebilir miyim?

Hayır. site için yeni bir varsayılan tema atamak mümkün değil, ancak varsayılan temanızı biliyorsanız, yerleşik sayfanızı ve varsayılan temayı kullanan diğer bölümleri özelleştirmek için renk paletinizi değiştirebilir veya temanın bireysel renk ayarlarını değiştirebilirsiniz .

Sayfa bölümü ile alt bilgilerim arasındaki rengi nasıl değiştiririm?

Sayfadaki son bölüm ile alternatif bilgiler arasında veya alternatif bilgilerin altında bir boşluk görünebilir. Bu boşluklar, varsayılan temanızın bölüm arka plan rengini kullanır. Bölüm ve altbilgi ayarlarınız varsayılan ayarlardan farklı renk ayarları kullandığında, bu boşluklar daha belirgin olabilir.

Sayfa bölümünüzün veya alt bilginizin rengine uygun bir boşluk bırakmak için:

1. Sitedeki panel açın.
2. Renkler 'in yanındaki ＞ düğmesine tıklayın.
3. Varsayılan temanızı tıklayın.
4. Arka Plan Rengi'ni tıklayın ve bunu, sayfanızdaki bölümün arka plan rengiyle veya alt bilgilerin renk temasıyla eşleşecek şekilde değiştirin.

İpucu: Varsayılan temanızdaki bölüm arka plan rengini sayfa arka plan rengiyle eşleştirirseniz, sayfanız yüklenirken tutarlı görünecektir. Arka plan renkleri görüntülerden önce yüklenir.

Blok arka plan renklerini değiştirin

Bazı bloklara arka plan rengi ekleyebilirsiniz. Bu, bir bloğu öne çıkarmak veya Akışkan Motoru'nda bir bloğun daha görünür olmasını sağlamak için harika bir yöntemdir.

Bu bloklara arka plan renkleri ekleyebilirsiniz:

• akordiyon blok
• form bloku
• bültei bloku
• teklif bloku
• özet bloku
• metin bloku