Elementor’a Lottie animasyonu eklemek için öncelikle Lottie’yi kurmanız gerekir. Lottie kurulduktan sonra, aşağıdaki adımları izleyerek projenize ekleyebilirsiniz:
1. Elementor projenizde “Dosya” menüsüne tıklayın ve “Yeni”yi seçin
2. “Yeni Dosya” iletişim kutusunda “Belgeyi Boşalt”ı seçin
3. “Tür” alanında “HTML”yi seçin
4. “Başlık” alanına “Lottie Animation” girin
5. “Oluştur” düğmesine tıklayın
6. “Lottie” sekmesinde “İçe Aktar” düğmesini seçin
7. “Lottie” iletişim kutusunda “Dosyalar” sekmesini seçin
8. “Gözat” düğmesine tıklayın ve “anim.lottie” dosyasını seçin
9. “İçe Aktar” düğmesine tıklayın
10. “Lottie” sekmesinde “Bileşenler” sekmesine tıklayın
11. “Lottie” iletişim kutusunda “Animasyon” sekmesini seçin
12. “Animasyon” sekmesinde “Animasyon Ekle” düğmesini seçin
13. “Animasyon” iletişim kutusunda aşağıdaki bilgileri girin:
İsim: “yürümek”
Süre: 500
Tür: “Yavaşlatma”
14. “Animasyon Ekle” düğmesine tıklayın
15. “Animasyon” sekmesinde “Geçiş Ekle” düğmesini seçin
16. “Geçiş” iletişim kutusuna aşağıdaki bilgileri girin:
Ad: “girin”
17. “Geçiş Ekle” düğmesine tıklayın
18. “Animasyon” sekmesinde “Oynat” düğmesini seçin
19. “Animasyon” sekmesinde “Durdur” düğmesine tıklayın
20. “Lottie” sekmesinde “Dışa Aktar” düğmesine tıklayın
21. “Dışa Aktar” iletişim kutusunda aşağıdaki bilgileri girin:
Dosya Adı: “walk.html”
Dosya Türü: “HTML”
22. “Dışa Aktar” düğmesine tıklayın
23. “Lottie” sekmesinde “Kapat” düğmesine tıklayın
24. “Elementor” sekmesinde “Önizleme” düğmesine tıklayın
25. “Önizleme” iletişim kutusunda “Oynat” düğmesine tıklayın
26. “Önizleme” iletişim kutusunda “Durdur” düğmesine tıklayın
27. “Elementor” sekmesinde “Yayınla” düğmesine tıklayın
28. “Yayınla” iletişim kutusunda “Yayınla” düğmesine tıklayın
29. “Elementor” sekmesinde “Kapat” düğmesine tıklayın
30. “Lottie” sekmesinde “Tamam” düğmesine tıklayın
31. “Elementor” sekmesinde “Önizleme” düğmesine tıklayın
32. “Önizleme” iletişim kutusunda “Aç” düğmesine tıklayın
33. “Yürüyüş” animasyonu bölümünde “Oynat” butonuna tıklayın
34. “Yürüyüş” animasyonu bölümünde “Durdur” butonuna tıklayın
35. “Yürüyüş” animasyonu bölümünde “Önizleme” butonuna tıklayın
36. “Yürüyüş” animasyonu bölümünde “Aç” butonuna tıklayın
37. “Lottie” sekmesinde “Kapat” düğmesine tıklayın
38. “Elementor” sekmesinde “Kaydet” düğmesine tıklayın
39. “Elementor” sekmesinde “Kapat” düğmesine tıklayın
40. “Lottie” sekmesinde “Tamam” düğmesine tıklayın
41. “Elementor” sekmesinde “Önizleme” düğmesine tıklayın
42. “Önizleme” iletişim kutusunda “Yayınla” düğmesine tıklayın
43. “Yayınla” iletişim kutusunda “Yayınla” düğmesine tıklayın
44. “Elementor” sekmesinde “Kapat” düğmesine tıklayın
45. “Lottie” sekmesinde “Tamam” düğmesine tıklayın
46. ”Elementor” sekmesinde “Önizleme” düğmesine tıklayın
47. “Önizleme” iletişim kutusunda “Kapat” düğmesine tıklayın
48. “Lottie” sekmesinde “Tamam” düğmesine tıklayın
49. “Elementor” sekmesinde, “.
PRO İPUCU: Bu soru genellikle sayfalarına Lottie animasyonu eklemek isteyen Elementor kullanıcıları tarafından sorulur. Elementor’a Lottie animasyonu eklemek mümkün olsa da, bunun web sitenizde önemli performans sorunlarına neden olabileceğini unutmamak önemlidir. Lottie animasyonunu yalnızca kesinlikle ihtiyaç duyan sayfalarda kullanmanızı ve performansın kritik olduğu sayfalarda bundan kaçınmanızı öneririz.