Wix Editör: Lottie Animasyonlarını Sitenize Aktarma

2 dakikalık okuma
Lottie animasyonları, sitenize ekleyebileceğiniz yüksek kaliteli animasyon dosyalarıdır. Animasyonu doğrudan LottieFiles hesabınızdan içe aktararak, herhangi bir kod eklemeye gerek kalmadan özgün, canlı sayfalar oluşturabilirsiniz.
'Layla's Scuba Adventure' yazan metin içeren canlı site. Bir denizanası ve baloncukların animasyonu oynuyor.
Başlamadan önce:
Bir animasyonu içe aktarmak için bir LottieFiles hesabınızın olması gerekir.

1. Adım | Lottie Animasyonu Ekle

Ekle panelinden Lottie Animasyon ögesini sitenize ekleyerek başlayın.

Sitenize Lottie Animasyonu eklemek için:

  1. Editör'ün sol çubuğundaki Ekle simgesine tıklayın.
  2. Gömme Kodu'nu seçin.
  3. Animasyonlar'a ilerleyin.
  4. Sitenize eklemek için Lottie'ye tıklayın.
Editör'de Ekle Paneli. İmleç, Lottie'yi siteye ekleme seçeneğinin üzerine geliyor.

2. Adım | Animasyon URL'sini kopyalama

Ögeyi sitenize ekledikten sonra, seçtiğiniz animasyonu Lottie URL'sini kopyalayarak içe aktarın. Kendi tasarımınızdan seçim yapın veya LottieFiles.com'da bulunan yüzlerce ücretsiz animasyondan birini içe aktarın.

Animasyonun URL'sini almak ve kopyalamak için:

  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.
lottiefiles.com'daki animasyon URL'sinin ekran görüntüsü
Biliyor muydunuz?
Lottie animasyonları Vektör dosyalarıdır, bu nedenle hem masaüstünüzde hem de mobil sitenizde kalitelerini korurlar.

3. Adım | Dosyayı Wix sitenize aktarma

Animasyonun URL'sini kopyaladıktan sonra, ziyaretçileriniz için eğlenceli ve özgün bir deneyim yaratmak için Wix sitenizdeki ögeye yapıştırın.

Dosyayı sitenize aktarmak için:

  1. Editörünüzde Lottie Animasyon öğesini 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.
Editör'deki Lottie Ayarları paneli. İmleç URL alanının üzerinde geziniyor.
Sırada Ne Var?

Bu içerik yardımcı oldu mu?