header-logo
Wix ile sitenizi ve işinizi nasıl kuracağınızı öğrenin.
Kullanışlı Wix özellikleri ile sitenizi tasarlayın ve yönetin.
Abonelikleri, planları ve faturaları yönetin.
İşinizi yönetin ve üyelerle bağlantı kurun.
Domain satın alma, bağlama ve transfer işlemlerini öğrenin.
İşinizi ve web varlığınızı büyütmek için araçlar edinin.
SEO ve pazarlama araçlarıyla görünürlüğünüzü artırın.
Verimliliği artıracak yardımcı gelişmiş özellikler edinin.
Çözüm bulun, bilinen sorunları öğrenin veya iletişime geçin.
placeholder-preview-image
Kurslarımız ve eğitimlerimizle becerilerinizi geliştirin.
Web tasarımı, pazarlama ve daha fazlası için ipuçları alın.
Arama motorlarından organik site trafiğini artırmayı öğrenin.
Tam kapsamlı platformumuzu kullanarak özel site oluşturun.
Hedeflerinize ulaşmanıza yardımcı olacak bir uzmanla eşleşin.
placeholder-preview-image
  1. Ana Sayfa
  2. Studio, Uzmanlar ve Kurumsallar
  3. Wix Studio
  4. Studio Editor'u Kullanma
  5. Efektler ve Animasyonlar Ekleme
  6. Studio Editor: Lottie Animasyon Dosyalarını Ekleme ve Özelleştirme

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

4 dk.
Bu makalede
  • LottieFiles'tan animasyonları içe aktarma
  • Lottie animasyonunu değiştirme
  • Animasyonu bir döngüde oynatılacak şekilde ayarlama
  • Lottie animasyonuna alt metin ekleme
LottieFiles, müşterinizin sitesine eklemeniz için harika bir yüksek kaliteli animasyon kaynağıdı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. 
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 uygulamasındaki çalışma alanınıza bir animasyonu kaydettikten sonra, JSON URL'sini kopyalayabilir ve doğrudan Studio Editor'a 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. 
Önemli:
Wix, yalnızca JSON formatındaki Piyango URL'lerini destekler.

Lottie Animasyon ögesi eklemek için:

  1. Editör'ün sol çubuğundaki Öge Ekle simgesine  tıklayın.
  2. Medya'ya tıklayın.
  3. Lottie'ye tıklayın.
  4. Lottie Animation'ın yanındaki Siteye Ekle simgesine tıklayın.

    The Add Elements panel is open in the Studio Editor. The cursor is clicking to add a lottie animation to the site.
  5. (Ayrı bir tarayıcı sekmesinde) Kaydedilen animasyonun JSON URL'sini LottieFiles hesabınızdan kopyalayın.
  6. Animasyonun URL'sini editöre yapıştırın:
    1. Editörde Piyango ö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. Piyango animasyonu ögesine tıklayın.
  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. Piyango animasyonu ögesine tıklayın.
  2. Ayarlar simgesine tıklayın.
  3. Döngüde oynat geçiş düğmesini etkinleştirin veya devre dışı bırakı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. Piyango animasyonu ögesine tıklayın.
  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:
Wix sitelerinde yalnızca JSON formatındaki Lottie dosyaları desteklenir. Teknik nedenlerden dolayı, JSON dosyalarındaki dosya alanlarının tamamı tutulamaz. Bu nedenle piyango 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?

|
Bu makalede
  • LottieFiles'tan animasyonları içe aktarma
  • Lottie animasyonunu değiştirme
  • Animasyonu bir döngüde oynatılacak şekilde ayarlama
  • Lottie animasyonuna alt metin ekleme

Bu içerik yardımcı oldu mu?

|