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.
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.
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.
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.
- 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.
- İ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.
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
3 Responses
Merhaba, yorumunuzu nihai üye destek forumunda gördüm.
Lottie ve Um arasındaki çatışmaya bir çözüm bulabildiniz mi?
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
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