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

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

Sitenize Lottie Animasyonu eklemek için:

  1. Editörün sol çubuğundaki Öge 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ördeki Öge Ekle paneli. İmleç, Lottie'yi siteye ekleme seçeneğinin üzerine geliyor.

2. Adım | Animasyon URL'sini kopyalama

LottieFiles uygulamasındaki çalışma alanınıza bir animasyon kaydettikten sonra URL'yi kopyalayabilir ve doğrudan yapıştırabilirsiniz. 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. Oluşturmak için çalışma alanına kaydet'e tıklayın.
  4. Varlık bağlantısı altındaki Kopyala'ya tıklayın.
lottiefiles.com üzerinde kopyalanan bir animasyonun URL'sini gösteren kırpılmış 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?

|