Özel CSS

Özel CSS, tema ve renk ayarlarının yetmediği küçük görsel değişiklikler içindir: bir logoyu renklendirmek, bir yazı boyutunu değiştirmek, bir bölümü gizlemek gibi. Girdiğiniz kurallar sitenin herkese açık sayfalarına eklenir; yönetim paneli bundan etkilenmez.

Aynı ayar iki yerden düzenlenebilir ve ikisi de aynı kaydı değiştirir:

• Görünüm → Temalar → Özel Renkler & CSS sekmesi, Özel CSS Kodları kutusu.
• Ayarlar → Genel sayfasındaki Entegrasyon & Bakım sekmesinin altında, Özel CSS kutusu.

Hangisini kaydederseniz kaydedin, değer tek bir yerde tutulur. Varsayılan boştur.

Yalnızca stil kuralları yazın. Örnek:

.site-logo {
  filter: hue-rotate(90deg);
}

1. Kutuyu açın

   Temalar sayfasında Özel Renkler & CSS sekmesine geçin.

2. Kuralları yazın

   CSS kodunuzu Özel CSS Kodları kutusuna yapıştırın.

3. Kaydedin ve kontrol edin

   Özel Ayarları Kaydet’e basın, sonra sitenizi yenileyip sonucu kontrol edin. Ayarlar sayfasından kaydediyorsanız Değişiklikleri Kaydet’i kullanın.

• Önce Tema ayarları sayfasındaki renk, köşe ve yazı tipi alanlarını deneyin; çoğu değişiklik için CSS yazmanız gerekmez.
• Tema güncellemeleri sınıf adlarını değiştirebilir. Çok ayrıntılı seçicilerle yazılmış kurallar bir tema güncellemesinden sonra etkisini yitirebilir; güncellemeden sonra siteyi gözden geçirin.
• Sonuç bozuk çıkarsa kutuyu boşaltıp kaydedin; site temanın kendi görünümüne döner.
• Başka bir kaynaktan kopyaladığınız CSS’i kullanmadan önce ne yaptığını anlayın; sitenizin her ziyaretçisi bu kodu yükler.

Temayı değiştirmek için Temalar sayfasına bakın.