CMS: İlerleme Çubuğu Ekleme ve Ayarlama
7 dk.
Hedefe ulaşma yolunda kaydedilen ilerlemeyi görselleştirmek için sitenize bir ilerleme çubuğu ekleyin. İlerleme değerini yansıtmak için Velo kodlamasını veya bir CMS koleksiyonu alanını kullanabilirsiniz. Hedef değer olarak hiç değişmeyen statik bir değer belirleyebilir ya da Velo'yu kullanarak veya bir koleksiyon alanı bağlayarak dinamik bir değer tanımlayabilirsiniz.

İlerleme çubuklarının kullanımına örnekler:
- Yapılacaklar listesinde kaç görevin 'bitti' olarak işaretlendiğini gösterin.
- Kayıt sürecinde tamamlanan adımların yüzdesini gösterin.
- Bağış toplama hedefi için toplanan para miktarını gösterin.
- Belirli sayıda oy gerektiren bir kampanyayı imzalayan kişi sayısını gösterin.
İpucu:
İlerleme çubuğunun değerini CMS'ye bağlanmadan güncellemek için Velo'yu kullanabilirsiniz. Nasıl yapılacağını öğrenmek için İlerleme çubuğu API'siyle çalışma başlıklı makalemize göz atın.
Başlamadan önce:
Sitenize CMS ekleyin ve ilerleme değerinin alınacağı 'Sayı' alanını içeren bir koleksiyon oluşturun. Hedef değer için dinamik bir değer kullanmak istiyorsanız, koleksiyona hedefi temsil eden bir 'Sayı' alanı eklemeyi unutmayın.
Bir ilerleme çubuğu eklemek ve onu ayarlamak için:
Wix Editör
Studio Editor
- Editörünüze gidin.
- Editörünüzde Velo'yu etkinleştirin:
- Üst çubuktaki Geliştirici Modu sekmesine tıklayın.
- Geliştirici Modunu Aç'a tıklayın.
- Editörün sol çubuğundaki Öge Ekle simgesine
tıklayın.
- İnteraktif'e tıklayın.
- Göstergeler altındaki İlerleme Çubuğu'na tıklayın.
- Kullanmak istediğiniz İlerleme Çubuğu tasarımını sayfaya sürükleyin.
- İlerleme çubuğunda Ayarlar'a tıklayın.
- Ziyaretçilere ve ekran okuyuculara çubuğun neyi temsil ettiğini açıklayan bir Etiket (ör. "Hedef gerçekleşme oranı") girin.
- Hedef değeri dinamik değer olarak mı yoksa statik değer olarak mı ayarlayacağınızı belirleyin:
Dinamik hedef değer
Statik hedef değer