Ana içeriğe git

Gezinme Stilleri

Kilise web sitenizin gezinme çubuğu renklerini markanıza uyacak şekilde özelleştirin. Hem dolu arka planlar hem de şeffaf katmanlar için renk ayarlayabilirsiniz. Böylece gezinmenin farklı sayfalarda nasıl göründüğünü tam olarak kontrol edersiniz.

Başlamadan Önce

  • Kilise web sitenizi yönetme iznine sahip olmanız gerekir. Ayrıntılar için Roller ve İzinler bölümüne bakın.
  • Onaltılık renk kodları (ör. #03A9F4) dahil marka renklerinizi hazır bulundurun.
  • Web sitenizdeki dolu ve şeffaf gezinme stilleri arasındaki farkı anlayın.

Gezinme Modlarını Anlama​

Web sitesi gezinmeniz, sayfaya bağlı olarak iki farklı stilde görünebilir:

  • Dolu gezinme -- Arka plan rengi olan gezinme çubuğu. Genellikle içerik sayfalarında kullanılır.
  • Şeffaf gezinme -- Sayfa içeriğinin üzerinde yer alan gezinme. Genellikle büyük kahraman görselleri veya tam ekran arka planları olan sayfalarda kullanılır.

Her iki mod için renkleri birbirinden bağımsız olarak özelleştirebilirsiniz.

Gezinme Stillerine Erişme​

  1. B1 Admin uygulamasında, Atlama menüsünü (sol üstteki arama çubuğu) açın ve Web Sitesi bölümünü genişletin.
  2. Görünüm seçeneğine tıklayın.
  3. Stil Ayarları listesinde Gezinme seçeneğine tıklayın.

Gezinme Stillendirme düzenleyicisinde iki kart bulunur: Başlık (dolu) ve Kahraman görselin üzerindeki başlık (şeffaf).

Dolu Gezinmeyi Yapılandırma​

Dolu gezinme, gezinme çubuğunun arkasında bir arka plan rengiyle görünür. Bu ayarlar Başlık (dolu) kartında yer alır. Şunları özelleştirebilirsiniz:

Arka Plan Rengi​

  1. Arka plan rengi için Geçersiz kıl anahtarını açın.
  2. Renk seçiciye tıklayın.
  3. İstediğiniz arka plan rengini seçin.
  4. Varsayılan renk beyazdır (#FFFFFF).

Bağlantı Rengi​

  1. Bağlantı rengi için Geçersiz kıl anahtarını açın.
  2. Gezinme bağlantısı metninin rengini seçin.
  3. Bu ayar, bağlantıların varsayılan durumdaki rengini etkiler.
  4. Varsayılan renk koyu gridir (#555555).

Bağlantı Üzerine Gelme Rengi​

  1. Bağlantı üzerine gelme rengi için Geçersiz kıl anahtarını açın.
  2. Kullanıcılar bağlantının üzerine geldiğinde bağlantının alacağı rengi seçin.
  3. Bu, tıklanabilir bağlantılar için görsel geri bildirim sağlar.
  4. Varsayılan renk açık mavidir (#03A9F4).

Etkin Renk​

  1. Etkin bağlantı rengi için Geçersiz kıl anahtarını açın.
  2. Şu anda açık olan sayfanın bağlantı rengini seçin.
  3. Bu, kullanıcıların hangi sayfada olduklarını anlamalarına yardımcı olur.
  4. Varsayılan renk açık mavidir (#03A9F4).

Şeffaf Gezinmeyi Yapılandırma​

Şeffaf gezinme, sayfa içeriğinin üzerinde arka plansız olarak yer alır. Bu ayarlar Kahraman görselin üzerindeki başlık (şeffaf) kartında yer alır. Şunları özelleştirebilirsiniz:

Bağlantı Rengi​

  1. Bağlantı rengi için Geçersiz kıl anahtarını açın.
  2. Sayfa arka planınızla iyi kontrast oluşturan bir renk seçin.
  3. Koyu arka planların üzerinde genellikle beyaz veya açık renkler en iyi sonucu verir.
  4. Varsayılan renk koyu gridir (#555555).

Bağlantı Üzerine Gelme Rengi​

  1. Bağlantı üzerine gelme rengi için Geçersiz kıl anahtarını açın.
  2. Üzerine gelme durumu için bir renk seçin.
  3. Sayfa arka planınızda görünür olduğundan emin olun.
  4. Varsayılan renk açık mavidir (#03A9F4).

Etkin Renk​

  1. Etkin bağlantı rengi için Geçersiz kıl anahtarını açın.
  2. Etkin sayfa göstergesinin rengini seçin.
  3. Dikkat çekici olmalı, ancak tasarımınıza da uymalıdır.
  4. Varsayılan renk açık mavidir (#03A9F4).
bilgi

Şeffaf gezinmenin arka plan rengi ayarı yoktur, çünkü doğrudan sayfa içeriğinin üzerinde yer alır.

Değişikliklerinizi Kaydetme​

  1. Renkleri yapılandırdıktan sonra Gezinmeyi Kaydet seçeneğine tıklayın.
  2. Değişiklikleriniz canlı web sitenizde hemen uygulanır.
  3. Gezinmenin her iki modda nasıl göründüğünü görmek için web sitenizi ziyaret edin.

Varsayılanlara Sıfırlama​

Varsayılan renklere dönmek isterseniz:

  1. Özel renkler için Geçersiz kıl anahtarlarını kapatın.
  2. Gezinmeyi Kaydet seçeneğine tıklayın.
  3. Gezinme, varsayılan renk düzenine geri döner.

Ya da kaydetmeden tüm değişiklikleri iptal etmek için İptal seçeneğine tıklayın.

En İyi Uygulamalar​

Renk Kontrastı​

  • Okunabilirlik -- Bağlantı renklerinin arka planla yeterince kontrast oluşturduğundan emin olun.
  • WCAG uyumluluğu -- Erişilebilirlik için en az 4,5:1 kontrast oranını hedefleyin.
  • Her iki modu test edin -- Web sitenizi hem dolu hem de şeffaf gezinmeyle önizleyin.

Marka Tutarlılığı​

  • Marka renklerinizi kullanın -- Logonuz ve web sitesi temanızla uyumlu olsun.
  • Renk paletinizi sınırlayın -- Tutarlı bir görünüm için 2-3 renkle yetinin.
  • Görsellerinizi göz önünde bulundurun -- Şeffaf gezinme kullanıyorsanız, onu tipik sayfa arka planlarınızda test edin.

Üzerine Gelme ve Etkin Durumlar​

  • Net geri bildirim -- Üzerine gelme durumlarını varsayılan bağlantılardan belbelirgin şekilde farklı yapın.
  • Etkin sayfaları ayırt edin -- Kullanıcıların nerede olduklarını bilmesi için farklı bir renk kullanın.
  • Akıcı geçişler -- Sistem renk değişikliklerini otomatik olarak canlandırır.

Sorun Giderme​

Renkler Doğru Görünmüyor​

  • Önbelleği temizleyin -- Tarayıcı önbelleği eski renkleri gösterebilir.
  • Onaltılık kodları kontrol edin -- Geçerli onaltılık renk kodları girdiğinizden emin olun.
  • Farklı arka planlarda test edin -- Sayfaya bağlı olarak renkler farklı görünebilir.

Gezinme Görünmüyor​

  • Şeffaf mod -- Şeffaf gezinmeyi açık renkli görsellerin üzerinde kullanıyorsanız, koyu metin zor okunabilir.
  • Çözüm -- Bağlantı renklerinizi ayarlayın veya daha koyu sayfa arka planları kullanın.
  • Alternatif -- Gezinme alanına hafif bir gölge veya arka plan katmanı ekleyin.

Teknik Ayrıntılar​

Gezinme stilleri JSON olarak saklanır ve CSS değişkenleri kullanılarak uygulanır:

  • Değişiklikler, siteyi yeniden derlemeye gerek kalmadan hemen geçerli olur.
  • Renkler tüm gezinme öğelerine yayılır.
  • Geçersiz kılmalar isteğe bağlıdır. Ayarlanmamış renkler tema varsayılanlarını kullanır.

İlgili Makaleler​