Wix Yardım Merkezi
    Ana Sayfa
  1. Sitenizi Oluşturma
  2. Editor X
  3. Efektler ve Animasyonlar Ekleme
    4. Editor X: Lottie Animasyon Dosyalarını Ekleme ve Özelleştirme

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

3 dakikalık okuma
Editor X platformu, ajanslara ve serbest çalışanlara yönelik yeni platformumuz Wix Studio'ya geçiş yapıyor.Wix Studio hakkında daha fazla bilgi edinin (Yalnızca İngilizce)
Lottie Files, Editor X sitenize ekleyebileceğiniz yüksek kaliteli animasyonlar için harika 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 makaleden öğrenecekleriniz:
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 animasyonunu içe aktarabilirsiniz. Editor X'e bir Lottie Animasyon ögesi ekledikten sonra, sayfanızda nasıl göründüğünü görmek için animasyonun URL'sini Ayarlar paneline yapıştırın. 

Bir Lottie animasyonunu içe aktarmak için:

  1. Editor X'in en üstündeki Öge Ekle simgesine tıklayın.
  2. Gömme ve Sosyal Medya'ya tıklayın.
  3. Lottie Gömmeleri'ne tıklayın.
  4. Lottie Gömmeleri altındaki ögeyi sayfanızda istediğiniz konuma sürükleyin.
  5. (Ayrı bir sekmede) Animasyonun URL'sini LottieFiles'tan kopyalayın:
    1. LottieFiles hesabınıza giriş yapın.
    2. Seçtiğiniz animasyonu seçin.
    3. Lottie Animasyon URL'sinin altından Kopyala simgesine tıklayın.
  6. Animasyonun URL'sini Editor X'e yapıştırın:
    1. Editörünüzde Lottie Animasyon ögesini seçin.
    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?
Ayarlar panelinin üst kısmındaki Animasyonu önizle'ye tıklayarak animasyonunuzun nasıl oynatıldığını görün.
Editor X sitenize ekledikten sonra ögenin Ayarlar panelinden Lottie animasyon URL'sini değiştirme
Kesme noktalarıyla çalışma:
Lottie animasyonunuzun boyutunu kesme noktası başına özelleştirebilirsiniz, böylece her ekranda ideal görünür. 

Lottie animasyonunuzu değiştirme

Lottie animasyonunuzu değiştirmek istiyorsanız, yeni URL'yi ögenin Ayarlar paneline yapıştırarak bunu kolayca yapabilirsiniz. 

Animasyonu değiştirmek için:

  1. Editor X'te Lottie animasyonuna tıklayın.
  2. Ayarlar simgesine tıklayın.
  3. Yeni animasyonun URL'sini Animasyonun URL'si nedir? alanına yapıştırın.
Editor X'te ögenin ayarlar panelinden Lottie Animasyon URL'sini değiştirme

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

Lottie animasyonunuzun nasıl oynatılacağını seçebilirsiniz - yalnızca bir kez veya sürekli bir döngüde. 

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

  1. Editor X'te Lottie animasyonuna tıklayın.
  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.
Bir Lottie animasyonunu sürekli bir döngüde oynatılacak şekilde ayarlamak için bir düğmeye tıklamak.

Lottie animasyonunuza alt metin ekleme

Ayarlar panelinden, Lottie animasyonunuzu 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 alternatif metin eklemek için:

  1. Editor X'te Lottie animasyonuna tıklayın.
  2. Ayarlar simgesine tıklayın.
  3. Metin açıklamasını animasyonunuz için alt metin yaz altındaki alana yazın veya yapıştırın.
  4. Klavyenizdeki Enter tuşuna basın.
Editor X'teki ögenin Ayarlar panelinde bir Lottie animasyonu için alternatif metin yazma.

Bu içerik yardımcı oldu mu?

|

Bu makalede

  • LottieFiles'tan animasyonları içe aktarma
  • Lottie animasyonunuzu değiştirme
  • Animasyonunuzu bir döngüde oynatılacak şekilde ayarlama
  • Lottie animasyonunuza alt metin ekleme