Stilleri Kullanarak Sitenizin Renklerini Değiştirin

Seçtiğiniz renkler, sitenizin tasarımının önemli bir bölümünü temsil eder. Bu kılavuz, sitenizin renk paletlerini nasıl yöneteceğinizi gösterecektir.

Bu kılavuzda

1. Videoya Genel Bakış
2. Renk Ayarlarını Bulun
3. Bir Renk Paleti Tanımlayın
   1. Tema Renkleri
   2. Özel Renkler
4. Öğelerin Renklerini Özelleştirin

Videoya Genel Bakış

Renk Ayarlarını Bulun

Sitenizde site düzenleyicisini destekleyen bir tema kullanılıyorsa Stilleri kullanarak sitenizin arka renklerini değiştirebilirsiniz. Sitenizde site düzenleyicisi kullanılıp kullanılmadığını öğrenmenin kolay yolu, panonuza giderek Görünüm altından kontrol etmektir. Burada Düzenleyiciyi görürseniz şu adımları izleyerek sitenizin renklerini değiştirebilirsiniz.

1.  Panonuzda Görünüm → Düzenleyici öğesine gidin.
2. Soldaki Stiller öğesine tıklayın veya burada gösterildiği gibi Stiller simgesini seçin. Simge siyah beyaz bir çembere benzer.
3. Renkleri Seçin.
4. Sitenizin varsayılan renklerini seçmek için Palet‘i seçin veya sitenizdeki aşağıdaki öğeler arasından seçim yapın:
   • Metin
   • Arka Plan
   • Bağlantı
   • Altyazılar
   • Düğme
   • Başlık

Bu kılavuzun geri kalanı, bunların her birini daha ayrıntılı olarak açıklayacaktır.

Bir Renk Paleti Tanımlayın

Sitenizin renk paleti, sitenizin genelinde kullanılan varsayılan renkleri belirler. Spesifik bir öğenin rengini kontrol etmeye devam edebilirsiniz, ancak renk paletinizi tanımlamak web sitenizde tutarlı bir renk düzeni sağlar.

Burada Tema renkleri ile Varsayılan ve Özel renkleri düzenleyebilirsiniz:

• Tema: Temanızı oluştururken temanızın tasarımcıları tarafından ayarlanan ve temanızın tasarımında kullanılan renkler.
• Varsayılan: Sayfalarınızı ve gönderilerinizi düzenlerken blok renk ayarlarında gösterilen renkler.
• Özel: Renk paletinizde kullanmak üzere ek renkler tanımlayın ve adlandırın.

Tema Renkleri

Tema renklerini güncellemek için aşağıdaki talimatları izleyin:

1. Palet altındaki kutunun herhangi bir yerine tıklayın.

2. Temanın yanındaki üç noktaya tıklayın, ardından paletteki renk alanlarının listesini genişletmek için Ayrıntıları göster‘i seçin.
3. Her tema kendi renk alanlarını tanımlar. Örneğimizde, bu rengi düzenlemek için Birincil, İkincil, Ön Plan, Arka Plan veya Üçüncü arasından seçim yapabiliriz:

Site Düzenleyicisi’nin Stiller bölümündeki Tema ve Varsayılan renkleri güncellemeye yönelik adımlar

4. İstediğiniz rengi seçmek için açılan renk seçiciyi kullanın.
5. Seçtiğiniz rengi ayarlamak için Bitti‘ye tıklayın.
6. Değişikliklerinizi kaydetmek için sağ üst köşedeki Kaydet düğmesine tıklayın.

Özel Renkler

Ayrıca sitenizin paletine birkaç Özel renk ekleyebilirsiniz. Bunlar kaydedilir ve bloklarınızın renk ayarlarından seçim yapabilmeniz için kullanılabilir.

Özel renkler eklemek için şu ek adımları izleyin:

1. Özel bölümü altında + düğmesine tıklayın.
2. Renk seçiciden renginizi seçin veya bir HEX, RGB veya HSL renk değeri girin.
3. Rengin adına tıklayın (varsayılan olarak “Renk 1” olacaktır) ve yeni renginiz için bir ad yazın.
4. Bitti‘ye tıklayın.

Bu adımlar aşağıdaki videoda gösterilmektedir:

Öğelerin Renklerini Özelleştirin

Renk ayarlarında Palet öğesinin hemen altında, sitenizdeki çeşitli öğelerin rengini düzenleme seçeneğini görebilirsiniz. Bu öğeler şunlardır:

• Metin: Bağlantılar, resim yazıları, düğme metni veya başlıklar dahil olmayacak şekilde sitenizdeki normal temel metin için kullanılacak bir renk seçin.
• Arka Plan: Sitenizin arka planı için düz bir renk veya degrade seçin. Sitenizin Arka Planını Özelleştirme kılavuzumuzdan daha fazla bilgi edinin.
• Bağlantı: Sitenizdeki tüm bağlantılar için bir renk seçin. Burada, tüm bağlantılar için gösterilen Varsayılan rengi ve biri imlecini bir bağlantının üzerine yerleştirdiğinde gösterilen Üzerine Gelme rengini seçebilirsiniz:

• Resim Yazıları: Görsel bloku başlıklarında kullanılan metnin rengini seçin.
• Düğmeler: Düğmeler bloklarında kullanılan rengi ayarlayın. Metin rengini seçebilir ve düğmelerin arka planı için düz bir renk veya degrade ayarlayabilirsiniz.
  • Şu anda düğmelerin üzerine gelme rengini kontrol etme kullanılamıyor. Bir düğmeye üzerine gelme rengi uygulamak için CSS kodunu kullanılabilir.
• Başlıklar: Site genelinde Başlık blokları için bir renk ayarlayın. Metin rengini seçebilir ve başlıkların arka planı için düz bir renk veya degrade ayarlayabilirsiniz.
  • Başlık düzeylerinin her biri için farklı bir renk seçmek üzere (H1 ile H6), seçenekleri genişletmek için Renk‘in yanındaki üç noktaya tıklayın ve istediğiniz başlık düzeyine tıklayın. Başlık düzeyinin yanında bir onay işareti görünür ve ardından o başlık düzeyinin renk ayarlarına erişmek için seçenekleri kapatabilirsiniz.

Yalnızca belirli bir metnin rengini geçersiz kılmak istiyorsanız (tüm öğeler yerine), o gönderideki ayrı bir gönderi veya sayfada blok renk ayarlarında farklı bir renk ayarlayabilirsiniz.