Lottie Animasyonu Gösterilmiyor – Düzeltilmesi Gereken 3 Sorun

Lottie animasyonu gösterilmiyor
Bu makalede, Lottie animasyonunun Elementor web sitelerinde gösterilmemesinin bazı nedenlerini ve çözümlerini inceleyeceğiz.
İçindekiler

LottieFiles ve Elementor'a Giriş

Elementor ve Lottie Files'a hızlı bir giriş. Elementor, WordPress'te profesyonel web siteleri oluşturmak için önde gelen web sitesi oluşturucu yazılımlardan biridir. Elementor, kullanıcıların sürükle ve bırak tekniğini kullanarak tamamen duyarlı web siteleri oluşturmasına olanak tanır. Elementor web sitesi oluşturucu, İsrailli bir yazılım şirketi olan Elementor Ltd tarafından geliştirilmiştir.

Elementor, bir web sitesi geliştiricisinin profesyonel görünümlü web siteleri oluşturmak için ihtiyaç duyacağı birçok özellik sunar. Lottie animasyon widget'ı bu özelliklerden biridir.

Lottie, vektörel animasyon için bir dosya formatıdır ve adını siluet animasyonunun öncülerinden Alman Charlotte Reiniger'den almıştır. LottieFiles Design Barn Inc. şirketine ait olan ve web sitelerinde, uygulamalarda, sosyal medyada, reklamlarda vb. kullanılabilecek yüksek kaliteli Lottie dosyaları sağlayan bir platformdur.

Lottie hakkında daha fazla bilgi edinmek istiyorsanız, aşağıdaki ücretsiz yeni başlayanlar için Lottie kılavuzuna göz atın. Böylece siz de Lottie dosyaları oluşturabilir ve LottieFiles web sitesinde Lottie animasyonları satarak para kazanabilirsiniz.

Lottie'ye yeni başlayanlar için bir rehber - Lottie animasyonlarının nasıl oluşturulacağını öğrenin.

Elementor'da Lottie nasıl kullanılır

Elementor, Lottie animasyonlarının herhangi bir Elementor web sitesine sadece 4 adımda kolay bir şekilde entegre edilmesini sağlar.

1. LottieFiles web sitesinden Lottie animasyonunu indirin

Dünya çapında platformda ücretsiz olarak son derece profesyonel Lottie animasyonları sağlayan binlerce içerik oluşturucu var. Tek yapmanız gereken, seçtiğiniz herhangi bir animasyonu indirmek için LottieFiles.com'da bir hesap oluşturmaktır. Ücretsiz animasyonların yanı sıra, platformdan satın alabileceğiniz premium animasyonlar da var.

Aşağıda LottieFiles web sitesinden örnek bir Lottie animasyonu yer almaktadır

2. Lottie animasyonunu Elementor web sitelerine yerleştirin

Lottie animasyonunu yerleştirmek için Elementor editörüne gidin ve Lottie Widget.

Sürükle ve Bırak Lottie Widget'ıPin

Not: Lottie Widget, Elementor'un Pro bir özelliğidir, bu nedenle Elementor'un ücretsiz sürümünü kullanıyorsanız Elementor Pro sürümünü yıllık $49 gibi düşük bir fiyatla kullanabilirsiniz.

Pro hesabınız yoksa ve yine de bir animasyon yerleştirmek istiyorsanız, animasyonun HTML kodunu LottieFiles platformundan kopyalayabilir ve HTML widget'ını kullanarak web sitenizde kullanabilirsiniz.

3. Medya Kitaplığı simgesine tıklayın - Medya Dosyası

Lottie Editor ayarlarında, LottieFiles web sitesinden indirilen Lottie animasyonunu yüklemek için Medya Kitaplığı simgesine tıklayın.

Lottie Editor Medya KitaplığıPin

Burada, medya dosyasını yüklemek yerine Lottie animasyon URL'sini kullanma seçeneğiniz de vardır. Bu durumda Kaynak açılır menüsünden "Medya Dosyası" yerine "Harici Bağlantı" seçeneğini seçmeniz gerekir.

4. Lottie Animasyonunu Medya Kitaplığına Yükleyin

Son olarak, animasyonu bilgisayarınızdan web sitesi medya kitaplığına yüklemeniz gerekir. Hepsi bu kadar, artık web sitenizde harika görünen bir animasyonunuz var.

Lottiefile YüklePin

Lottie animasyonunun görünmeme nedenleri

Bazen, tüm doğru adımları izlemiş olsanız bile Lottie animasyonunun web sitelerinizde gösterilmemesiyle ilgili bazı zorluklarla karşılaşırsınız.

Aşağıda Lottie animasyonlarının görünmemesinin bazı nedenleri yer almaktadır.

1. Eklenti çakışması nedeniyle Lottie animasyonları görünmüyor

Yönetici olarak oturum açtığınızda Lottie animasyonları görünür olabilir, ancak oturumu kapattığınızda web sitesinde görünmeyebilir. Çoğunlukla bunun nedeni web sitesindeki bazı Eklenti veya CSS çakışmaları olabilir.

Bu durumda, Elementor ve Elementor Pro hariç web sitesindeki tüm eklentileri geçici olarak devre dışı bırakarak test etmeniz gerekir.

Ardından web sitesini Yeni Gizli bir pencerede veya farklı bir tarayıcıda yüklemeyi deneyin, web sitesi önbelleğini temizlediğinizden emin olun ve Cloudflare vb. gibi kullandığınız herhangi bir önbellek sistemini geçici olarak atlamak daha iyidir.

Lottie animasyonlarını şu anda web sitenizde görebiliyorsanız, bazı eklentilerinizin Lottie animasyonları ile çakıştığından emin olabilirsiniz. Soruna neden olan eklentiyi belirlemek için, eklentiyi tek tek etkinleştirmeye başlamanız ve animasyonların hala görünüp görünmediğini kontrol etmek için her eklenti etkinleştirildikten sonra web sitesini yenilemeniz gerekir.

Yönettiğim web sitelerinden birinde benzer bir sorun yaşadım ve aşağıdaki 2 eklentinin Lottie animasyonları ile çakıştığını öğrendim.

  1. Nihai Üye Eklenti, Elementor'daki Lottie animasyonları widget'ı ile çakışıyor. Ultimate Member Pugin, bir üyelik web sitesi için en sevdiğim eklentilerden biri ancak Sürüm 2.3.1 itibariyle Lottie widget'ı ile çakışıyor.
  2. İkincisi, WooCommerce için bir teklif talebi eklentisidir, NP Teklif Talebi WooCommerce Ve NP Teklif İsteği WooCommerce Plus. Bu, müşterilerinizin WooCommerce mağazanıza kolayca fiyat teklifi isteği göndermesini sağlayan güçlü ve çok esnek bir eklentidir.
    Sürüm 1.9.1 (NP Quote Request WooCommerce) ve Sürüm 1.3.294 (NP Quote Request WooCommerce Plus) itibariyle yaptığım teste göre bu eklenti Lottie Widget ile çakışıyor.

Benzer şekilde, her bir eklentiyi test etmeniz ve Lottie animasyonunun web sitesinde gösterilmemesini engelleyen eklentiyi tanımlamanız gerekecektir.

Sorunu yaratan eklentiyi belirledikten sonra, sorunu araştırabilmeleri için bunu eklenti oluşturucusuna bildirebilirsiniz. Bunu Elementor desteğine de bildirebilirsiniz. Ne yazık ki, sorunu çözene kadar beklememiz (eğer çözerlerse) veya alternatif bir çözüm aramamız gerekebilir.

2. Lottie animasyonu HTTP / HTTPS nedeniyle görünmüyor

Gördüğüm kadarıyla Lottie animasyonları https sitelerinde sorunsuz çalışıyor, bu yüzden https sitesini kullandığınızdan emin olun.

Http sorunu nedeniyle Lottie animasyon JSON dosyasını yükleyemediyseniz, alternatif olarak Harici Bağlantı seçeneğini kullanabilir ve LottieFiles web sitesindeki animasyon URL'sini kullanabilirsiniz.

Ancak, https web sitesini kullanmanızı ve medya dosyasını yüklemenizi öneririm. Web sitenizi SSL sertifikaları ile korumak çok pahalı değildir, şunları alabilirsiniz Yıllık $6'dan daha ucuza SSL Sertifikaları. SSL'yi yüklemek ve https'ye dönüştürmek için barındırma sağlayıcınızla da iletişime geçebilirsiniz.

Lottie Animasyonu Gösterilmiyor - Düzeltilmesi Gereken 3 Sorun 1Pin

3. Bozuk JSON dosyası nedeniyle Lottie animasyonları çalışmıyor

Bazen web sitesinden indirilen dosya da bozulabilir. Bu durumda, sorunu çözebilmeleri için içerik oluşturucuyu konu hakkında bilgilendirin. Her zaman çok sayıda iyi yorum ve beğeniye sahip animasyonları arayın, böylece bozuk dosyaları indirme şansı daha az olacaktır.

Toparlıyorum: Lottie ile 3 Sorun

Bunlar, Elementor'daki Lottie dosyalarıyla ilgili şu ana kadar karşılaştığım yaygın Sorunlardan bazıları. Bildiğiniz başka sorunlar veya eklentiler varsa, Elementor'da Lottie dosyalarıyla ilgili sorun yaşayan başka birine yardımcı olabilmesi için lütfen aşağıya yorum yapın.

Elementor ile Web Sitesi Geliştirme becerilerinizi geliştirmekle daha fazla ilgileniyorsanız, o zaman ben Kesinlikle Aşağıdaki Eksiksiz WordPress Elementor Kursuna Katılmanızı Tavsiye Ederiz. 

Buna değecek bir yatırım olacak! Ve Şu anda kadar kayıt olabilirsiniz  50% Kapalı ⇊

İhtiyacınız olan tek şey internet bağlantısı olan bir bilgisayar ve bir tarayıcı.

KODLAMA VEYA PROGRAMLAMA BECERISI GEREKTIRMEZ

Anson Antony
Anson Antony
Anson katkıda bulunan bir yazar ve kurucudur. www.askeygeek.com. Yeni bir şeyler öğrenmek her zaman onun tutkusu olmuştur, ASKEYGEEK.com teknoloji ve iş tutkusunun bir sonucudur. İş Süreci Dış Kaynak Kullanımı, Finans ve Muhasebe, Bilgi Teknolojisi, Operasyonel Mükemmellik ve İş Zekası alanlarında on yıllık çok yönlü bir deneyime sahiptir. Görev süresi boyunca Genpact, Hewlett Packard, M*Modal ve Capgemini gibi kuruluşlarda çeşitli rol ve sorumluluklarda çalıştı. İş ve teknoloji dışında, birlikte saatlerce Sinema ve Film Yapımcısı izleyerek ve öğrenen bir film tutkunu!

3 yanıt

  1. Merhaba, makalenizi kontrol ettim, Elementor koşulunda düz lottie embed ile yardımcı oldu, ancak WPBakery Product carousel ile sıkışıp kaldım. Ürün stili için WP Reactions kullandım. düz yerleşimlerle iyi çalıştı, ancak dinamik karuselde çalışmadı.
    Bana daha iyi bir çözüm önerebilir misiniz?
    Teşekkürler
    - Abid

  2. Merhaba! Sayfanın altında, haritadan hemen sonra bir lottie animasyonu olan bu elementor web sitesi var, ancak iPhone 12pro veya iPhone 8 gibi bazı iPhone'larda görünmüyor ... bu gerçekten garip ... neden olduğu hakkında bir fikriniz var mı?
    ilbirraiuolo.it

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Tebrikler!
Başardın,
Kapatmayın!

Yukarı Çık 60.000 Ücretsiz UberTTS Karakter Kredisi!!!

Bu açılır pencere gösterilmeyecek size kalmış Tekrar!!!

UberTTS
1
Share to...