CMS: İlerleme Çubuğu Ekleme ve Ayarlama

5 dakikalık okuma
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:
Velo'yu kullanarak ilerleme çubuğu değerini CMS'ye bağlanmadan güncelleyebilirsiniz. Nasıl yapılacağını öğrenmek için İlerleme Çubuğu Ögesiyle Ç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

Bir ilerleme çubuğu eklemek ve onu ayarlamak için:

Wix Editör
Editor X
Studio Editor
  1. Editör'e gidin.
  2. Editörünüzde Velo'yu etkinleştirin
    1. Üst çubuktaki Geliştirici Modu sekmesine tıklayın.
    2. Geliştirici Modunu Aç'a tıklayın. 
  3. Editörün sol çubuğundaki Ekle simgesine  tıklayın.
  4. İnteraktif'e tıklayın. 
  5. Göstergeler altındaki İlerleme Çubuğu'na tıklayın. 
  6. Kullanmak istediğiniz İlerleme Çubuğu tasarımını sayfaya sürükleyin. 
  7. İlerleme Çubuğu ögesinde CMS'ye Bağla simgesine tıklayın. 
  8. Bir veri kümesi seçin açılır menüsüne tıklayın ve koleksiyonunuza bağlı veri kümesini seçin. Alternatif olarak, Yeni Veri Kümesi Oluştur'a tıklayın, bağlanmak istediğiniz koleksiyonu seçin, veri kümesine bir ad verin ve Oluştur'a tıklayın.
  9. İlerleme değeri buraya bağlanır açılır menüsüne tıklayın ve hedefe ulaşma yolunda kaydedilen ilerlemeyi göstermek için kullanmak istediğiniz alanı seçin.
  10. Hedef değeri her zaman sabit kalan statik bir sayı veya dinamik bir değer olarak ayarlayın:
    • Statik hedef değer ayarlayın: İlerleme Çubuğu ögesinde Hedef Değeri Ayarla'ya tıklayın ve Hedef Değer alanını doldurun.  
    • Dinamik hedef değer ayarlayın: Hedef değer buraya bağlanır açılır menüsüne tıklayın ve hedef değeri temsil etmesi için kullanmak istediğiniz alanı seçin.
  11. Düzen simgesine tıklayın ve ilerleme yönünü seçin. 
  12. Tasarım simgesine tıklayın ve hazır tasarımlar arasından seçim yapın. Seçtiğiniz tasarıma kendi dokunuşunuzu eklemek için Tasarımı Özelleştir'e tıklayın. 
  13. Ögeye animasyon eklemek için Animasyon simgesine tıklayın. 

Bu içerik yardımcı oldu mu?

|