header-logo
Wix ile sitenizi ve işinizi nasıl kuracağınızı öğrenin.
Kullanışlı Wix özellikleri ile sitenizi tasarlayın ve yönetin.
Abonelikleri, planları ve faturaları yönetin.
İşinizi yönetin ve üyelerle bağlantı kurun.
Domain satın alma, bağlama ve transfer işlemlerini öğrenin.
İşinizi ve web varlığınızı büyütmek için araçlar edinin.
SEO ve pazarlama araçlarıyla görünürlüğünüzü artırın.
Verimliliği artıracak yardımcı gelişmiş özellikler edinin.
Çözüm bulun, bilinen sorunları öğrenin veya iletişime geçin.
placeholder-preview-image
Kurslarımız ve eğitimlerimizle becerilerinizi geliştirin.
Web tasarımı, pazarlama ve daha fazlası için ipuçları alın.
Arama motorlarından organik site trafiğini artırmayı öğrenin.
Tam kapsamlı platformumuzu kullanarak özel site oluşturun.
Hedeflerinize ulaşmanıza yardımcı olacak bir uzmanla eşleşin.
placeholder-preview-image
  1. Ana Sayfa
  2. Studio, Uzmanlar ve Kurumsallar
  3. Wix Studio
  4. Studio Editor'u Kullanma
  5. Designing in the Studio Editor
  6. Managing site styles and design assets
  7. Studio Editor: Site Renkleriyle Çalışma

Studio Editor: Site Renkleriyle Çalışma

4 dk.
Bu makalede
  • Site renklerini anlama
  • Site renklerini düzenleme
  • Site renklerini yönetme
  • Site renklerini ögelere uygulama
Studio Editor'da, müşterinizin sitesinde kullanılan renkleri tek bir panelden yönetebilirsiniz. Bu, tutarlı bir renk hikayesi oluşturmanıza ve ilerledikçe hızlı güncellemeler yapmanıza yardımcı olur. 
Bir Studio Editor sitesinin Site stilleri panelindeki 10 renk sekmesi.

Site renklerini anlama

Site Stilleri panelindeki Renkler sekmesi, üzerinde çalıştığınız site genelinde kullanılan renkleri gösterir. Bunlar genellikle bileşenlere bağlıdır ve sorunsuz bir tasarım deneyimi için ekleme, yönetme ve değiştirme işlemleri yapabilirsiniz.
Başladığınız site renklerinin sayısı, sıfırdan oluşturulan sitelerin yanı sıra tek tek site şablonlarında farklılık gösterir. Ancak her Studio sitesinde, site genelinde belirli ögelere ve uygulamalara bağlı en az 6 varsayılan renk bulunur:
  • 1: Renk: Ögeye ve uygulama arka planlarına uygulanan ana renk (ör. Wix Stores, Wix Online Programlar vb.).
  • Renk 2: İkincil arka plan rengi.
  • 3: Renk: Bu, 'Devre Dışı' durumunda eylemlere/ögelere uygulanan varsayılan renktir. Örneğin, Wix Bookings takvimlerindeki müsait olmayan tarihler.
  • Renk 4: Metin ögelerindeki ve ek ögelerdeki/uygulamalardaki metinlerin ikincil rengi.
  • Renk 5: Sitedeki metinlerin ana rengi.
  • Renk 6: Sitedeki bağlantıların ve eylemlerin rengi.
Aşağıdaki ekran görüntüsünde 1. Renk otomatik olarak başlığın arka plan rengi olarak uygulanır.
Site stilleri panelinin renkler sekmesi. 1. renk büyütülerek başlık arka planıyla aynı renkte görünür.
Not:
  • Seçtiğiniz şablona bağlı olarak, bu renklerin panelde farklı bir adı olabilir. Örneğin, 'Renk 1' yerine 'Birincil arka plan' yazdığını görebilirsiniz. Bununla birlikte, varsayılan renkler tüm Studio Editor sitelerinde aynı ögelere/uygulamalara aynı sırayla bağlıdır.
  • Siteler en fazla 25 site rengine sahip olabilir.

Site renklerini düzenleme

Site Stilleri panelindeki site renklerini tasarım ihtiyaçlarınıza uyacak şekilde özelleştirerek müşterilerinizin markasını güçlendirin.
Önemli:
Yaptığınız her renk değişikliği ilgili rengin kullanıldığı ögelere (ör. daha önce eklediğiniz temalı ögelere) anında uygulanır.

Site renklerini düzenlemek için:

  1. Editörün sol çubuğundaki Site Stilleri simgesine  tıklayın.
  2. Renkler sekmesine tıklayın.
  3. Ayarlamak istediğiniz renge tıklayın.
  4. Aralıktaki orta rengi seçmek için aşağıdaki yöntemlerden birini kullanın:
    • Renk seçici paletinde istediğiniz rengin üzerine gelerek tıklayın.
    • İlgili alana HEX, RGB veya HSB bilgisini girin.
    • Renk Damlalığı simgesine tıklayarak ekranınızın herhangi bir yerinden renk seçin.
  5. Uygula'ya tıklayın.
Panelde bir renk değiştiriliyor. Yeni bir renk seçilmiş ve Uygula düğmesine tıklanıyor.

Site renklerini yönetme

Site renklerini yöneterek tasarım sürecini olabildiğince sorunsuz hale getirin. Renkleri yeniden adlandırarak bulunmalarını kolaylaştırabilir veya site görünümünde hızlı değişiklikler yapmak için renkleri değiştirebilirsiniz.

Site renklerini yönetmek için:

  1. Editörün sol çubuğundaki Site Stilleri simgesine  tıklayın.
  2. Renkler sekmesine tıklayın.
  3. İlgili rengin üzerine gelin ve Diğer Eylemler simgesine undefined tıklayın.
  4. Ne yapmak istediğinizi seçin:
    • Rengin adını değiştirin:
      1. Yeniden Adlandır'a tıklayın.
      2. Yeni adı girin.
    • Sil / Değiştir:
      1. Sil'e tıklayın.
      2. Bu rengin yerine kullanılacak bir renk seçin.
      3. Uygula'ya tıklayın.
Panelde bir rengin Diğer Eylemler menüsü açılmış. Yeniden Adlandır seçeneğine tıklanıyor.
Renk silme/değiştirme işlemini yapamıyor musunuz?
  • Belirli tonlar sitedeki Wix uygulamaları ve sayfa ögeleri için varsayılan renk olarak kullanıldığından Sil seçeneği gri renktedir. Ancak, değiştirmek için paneldeki renge tıklayabilirsiniz.
  • Varsayılan renk olarak ayarlanmayan bazı tonlar site genelinde kullanımda olabilir. Bu nedenle silmek yerine değiştirmeniz istenir.

Site renklerini ögelere uygulama

Kategorilere atanan renkler Öge Ekle panelindeki bazı temalı ögelere (ör. biçimlendirilmiş metin ögelerine) otomatik olarak uygulanır. Ayrıca Denetçi panelinden tuvaldeki ögelere site renklerini uygulayabilirsiniz.
Bilmenizde fayda var:
Öge birden fazla renk içeriyorsa, renk kutusuna tıklayarak her birini özelleştirebilirsiniz.

Site renklerini ögelere uygulamak için:

  1. İlgili ögeyi seçin.
  2. Editörün sağ üst köşesindeki Denetçiyi Aç simgesine  tıklayın.
Studio Editor'da Denetçi panelinin açılmasına ilişkin ekran görüntüsü.
  1. Renk seçiciyi açmak için Tasarım'ın altındaki renk kutusuna tıklayın.
  2. Uygulamak için Tema Renkleri arasından bir renk seçin.
Bir vektör ögesi için Denetçi paneli açık. Renk kutularından biri seçilmiş ve bir tema rengi uygulanmış.

Bu içerik yardımcı oldu mu?

|
Bu makalede
  • Site renklerini anlama
  • Site renklerini düzenleme
  • Site renklerini yönetme
  • Site renklerini ögelere uygulama

Bu içerik yardımcı oldu mu?

|