Studio Editor: Lottie Animasyon Dosyalarını Ekleme ve Özelleştirme

4 dakikalık okuma
Lottie Files, müşterinizin sitesine eklemek üzere yüksek kaliteli animasyonlar için kullanışlı bir kaynaktır. Animasyonu URL'si aracılığıyla içe aktardıktan sonra, gerektiği gibi yeniden boyutlandırabilir ve sürekli bir döngüde oynatılıp oynatılmayacağına karar verebilirsiniz. 
Bu makalede şunların nasıl yapılacağını öğrenin:
Başlamadan önce:
Bir animasyonu içe aktarmak için bir LottieFiles hesabınızın olması gerekir. 

LottieFiles'tan animasyonları içe aktarma

Tasarımınızı canlandırmak için ihtiyaç duyduğunuz kadar Lottie animasyonu ekleyin. LottieFiles'taki çalışma alanınıza bir animasyonu kaydettikten sonra, URL'yi kopyalayabilir ve doğrudan Studio Editor'e yapıştırabilirsiniz. Animasyon anında yeni bir sayfa ögesi olarak eklenir.
Lottie'den doğrudan Studio Editor'a animasyon yapıştırabileceğinizi gösteren bir GIF
Alternatif olarak, yeni bir Lottie Animasyon ögesi ekleyebilir ve ilgili URL'yi Ayarlar paneline yapıştırabilirsiniz. 

Lottie Animasyon ögesi eklemek için:

  1. Editör'ün sol çubuğundaki Öge Ekle simgesine  tıklayın.
  2. Gömme ve Sosyal Medya'ya tıklayın.
  3. Lottie Animasyonları'na tıklayın.
  4. Lottie Animasyon'un yanındaki Siteye Ekle simgesine tıklayın.


  5. (Ayrı bir tarayıcı sekmesinde) Animasyonun URL'sini LottieFiles hesabınızdan kopyalayın.
  6. Animasyonun URL'sini editöre yapıştırın:
    1. Editörde Lottie Animasyon ögesine tıklayın.
    2. Ayarlar simgesine tıklayın.
    3. URL'yi Animasyonun URL'si nedir? alanına yapıştırın.
    4. Klavyenizdeki Enter tuşuna basın.
Sırada ne var?
Canlı yayına geçmeden önce nasıl göründüğüne göz atmak için Ayarlar panelinin üst kısmındaki Animasyonu önizle'ye tıklayın.
Editöre yeni bir lottie ögesi ekleme ve Ayarlar panelinden animasyon bağlantısını gömme
Kesme noktalarıyla çalışma:
Lottie animasyonunun boyutunu kesme noktası başına özelleştirebilirsiniz, böylece her ekranda ideal görünür. 

Lottie animasyonunu değiştirme

Farklı bir Lottie animasyonuna geçmek istiyorsanız, yeni URL'yi ögenin Ayarlar paneline yapıştırarak bunu kolayca yapabilirsiniz. 

Animasyonu değiştirmek için:

  1. Lottie Animasyon ögesini seçin.
  2. Ayarlar simgesine tıklayın.
  3. Yeni animasyonun URL'sini Animasyonun URL'si nedir? alanına yapıştırın.
Lottie animasyon URL'sinin nereye kopyalanacağını ve bunu yaptığınızda tuvalde anında nasıl değiştiğini gösteren bir GIF

Animasyonu bir döngüde oynatılacak şekilde ayarlama

Lottie animasyonunun müşterinizin sitesinde nasıl oynatılacağını seçebilirsiniz; yalnızca bir kez veya sürekli bir döngüde. 

Animasyonun nasıl oynatılacağını ayarlamak için:

  1. Lottie Animasyon ögesini seçin.
  2. Ayarlar simgesine tıklayın.
  3. Etkinleştirmek veya devre dışı bırakmak için Bir döngüde oynatılır'ın yanındaki geçiş düğmesine tıklayın.
Piyango animasyonunun oynatılma şeklini kontrol eden Ayarlar panelindeki geçiş düğmesinin ekran görüntüsü

Lottie animasyonuna alt metin ekleme

Ayarlar panelinden, animasyonu ve/veya siteyi kısaca açıklamak için alt metin ekleyin. Bu, sitenizin SEO sıralamasını iyileştirirken, ekran okuyucuları olan kullanıcıların animasyonunuzun ne gösterdiğini anlamalarına yardımcı olabilir. 

Animasyonunuza alt metin eklemek için:

  1. Lottie Animasyon ögesini seçin.
  2. Ayarlar simgesine tıklayın.
  3. Animasyon Metni'ne gidin.
  4. Animasyonunuz için alt metin yazın alanına metin açıklamasını girin.
  5. Klavyenizde Enter tuşuna basın.
Lottie animasyon ögesine alternatif metin ekleme
Bilmeniz gerekenler:
Lottie animasyonlarını bir Wix sitesine aktardığınızda otomatik olarak JSON dosyalarına dönüştürülür. Teknik nedenlerden dolayı, tüm dosya alanları kontrol edilemez. Bu nedenle Lottie animasyonları canlı bir Wix sitesinde biraz farklı görünebilir (ör. aralık / hareket miktarı görüntüleniyor). 

Bu içerik yardımcı oldu mu?

|