LottieFiles और Elementor का परिचय
एलिमेंटर और लोटी फाइल्स का बस एक संक्षिप्त परिचय। एलिमेंटर वर्डप्रेस पर पेशेवर वेबसाइट बनाने के लिए अग्रणी वेबसाइट बिल्डर सॉफ़्टवेयर में से एक है। एलिमेंटर उपयोगकर्ताओं को ड्रैग और ड्रॉप तकनीक का उपयोग करके पूरी तरह उत्तरदायी वेबसाइट बनाने की अनुमति देता है। एलिमेंटर वेबसाइट बिल्डर को इजरायली सॉफ्टवेयर कंपनी एलिमेंटर लिमिटेड द्वारा विकसित किया गया था।
एलिमेंटर बहुत सारी सुविधाएँ प्रदान करता है जो एक वेबसाइट डेवलपर को पेशेवर दिखने वाली वेबसाइट बनाने के लिए चाहिए होती हैं। लोटी एनीमेशन विजेट ऐसी ही सुविधाओं में से एक है।
लोटी वेक्टरियल एनीमेशन के लिए एक फ़ाइल प्रारूप है, और इसका नाम सिल्हूट एनीमेशन के जर्मन अग्रणी चार्लोट रेनिगर के नाम पर रखा गया है। लोट्टीफाइल्स डिज़ाइन बार्न इंक के स्वामित्व वाला एक प्लेटफ़ॉर्म है जो उच्च गुणवत्ता वाली लोटी फ़ाइलें प्रदान करता है जिनका उपयोग वेबसाइटों, ऐप्स, सोशल मीडिया, विज्ञापनों आदि पर किया जा सकता है।
यदि आप Lottie के बारे में अधिक जानने में रुचि रखते हैं, तो नीचे Lottie के लिए निःशुल्क शुरुआती मार्गदर्शिका देखें। ताकि आप भी Lottie फ़ाइलें बना सकें और LottieFiles वेबसाइट पर Lottie एनिमेशन बेचकर पैसे कमा सकें।
लोट्टी के लिए एक शुरुआती गाइड - लोटी एनिमेशन बनाना सीखें।
एलिमेंटर में लोटी का उपयोग कैसे करें
एलिमेंटर केवल 4 चरणों की प्रक्रिया में किसी भी एलिमेंटर वेबसाइट पर लोटी एनिमेशन का आसान एकीकरण प्रदान करता है।
1. LottieFiles वेबसाइट से Lottie एनीमेशन डाउनलोड करें
दुनिया भर में हज़ारों क्रिएटर हैं जो इस प्लैटफ़ॉर्म पर मुफ़्त में अत्यधिक पेशेवर Lottie एनिमेशन प्रदान करते हैं। आपको बस LottieFiles.com पर एक खाता बनाना है और अपनी पसंद का कोई भी एनिमेशन डाउनलोड करना है। मुफ़्त एनिमेशन के अलावा उनके पास प्रीमियम एनिमेशन भी हैं जिन्हें आप प्लैटफ़ॉर्म से खरीद सकते हैं।
नीचे LottieFiles वेबसाइट से एक नमूना Lottie एनीमेशन है
2. लोटी एनीमेशन को एलिमेंटर वेबसाइट पर एम्बेड करें
लोट्टी एनीमेशन एम्बेड करने के लिए, एलिमेंटर एडिटर पर जाएं और खींचें और छोड़ें लोट्टी विजेट.
नोट: लोट्टी विजेट एलिमेंटर का एक प्रो फीचर है इसलिए यदि आप एलिमेंटर के मुफ्त संस्करण का उपयोग कर रहे हैं तो आपको अपग्रेड करना होगा एलिमेंटर प्रो इस विजेट का उपयोग करने के लिए आपको प्रति वर्ष मात्र $49 का भुगतान करना होगा।
यदि आपके पास प्रो खाता नहीं है और फिर भी आप कुछ एनीमेशन एम्बेड करना चाहते हैं तो आप LottieFiles प्लेटफॉर्म से एनीमेशन के HTML कोड को कॉपी कर सकते हैं और HTML विजेट का उपयोग करके इसे अपनी वेबसाइट पर उपयोग कर सकते हैं।
3. मीडिया लाइब्रेरी आइकन पर क्लिक करें - मीडिया फ़ाइल
लोटी संपादक सेटिंग्स में लोटी एनीमेशन को अपलोड करने के लिए मीडिया लाइब्रेरी आइकन पर क्लिक करें, जिसे लोटीफाइल्स वेबसाइट से डाउनलोड किया गया था।
यहां आपके पास मीडिया फ़ाइल अपलोड करने के बजाय, लोटी एनीमेशन URL का उपयोग करने का विकल्प भी है। उस स्थिति में आपको स्रोत ड्रॉप डाउन से "मीडिया फ़ाइल" के बजाय "बाहरी लिंक" विकल्प का चयन करना होगा।
4. लॉटी एनीमेशन को मीडिया लाइब्रेरी में अपलोड करें
अंत में आपको अपने कंप्यूटर से वेबसाइट मीडिया लाइब्रेरी में एनीमेशन अपलोड करना होगा। बस, अब आपकी वेबसाइट पर एक अद्भुत दिखने वाला एनीमेशन है।
लोट्टी एनीमेशन न दिखने के कारण
कभी-कभी आपको कुछ चुनौतियों का सामना करना पड़ता है, जैसे कि लोटी एनीमेशन आपकी वेबसाइट पर नहीं दिखता, भले ही आपने सभी सही चरणों का पालन किया हो।
नीचे लोटी एनिमेशन न दिखने के कुछ कारण दिए गए हैं।
1. प्लगइन संघर्ष के कारण लोटी एनिमेशन दिखाई नहीं दे रहे हैं
- अंतिम सदस्य प्लगइन एलिमेंटर पर लोटी एनिमेशन विजेट के साथ संघर्ष करता है। अल्टीमेट मेंबर पुगिन सदस्यता वेबसाइट के लिए मेरे पसंदीदा प्लगइन्स में से एक है, लेकिन संस्करण 2.3.1 के अनुसार यह लोटी विजेट के साथ संघर्ष करता है।
- दूसरा WooCommerce के लिए एक उद्धरण अनुरोध प्लगइन है, एनपी उद्धरण अनुरोध Woocommerce और एनपी उद्धरण अनुरोध WooCommerce प्लसयह एक शक्तिशाली और बहुत लचीला प्लगइन है जो आपके ग्राहकों को आपके WooCommerce स्टोर पर आसानी से कोटेशन अनुरोध सबमिट करने में सक्षम बनाता है। संस्करण 1.9.1 (NP कोटेशन अनुरोध WooCommerce) और संस्करण 1.3.294 (NP कोटेशन अनुरोध WooCommerce प्लस) के रूप में मेरे परीक्षण के अनुसार ये प्लगइन Lottie विजेट के साथ संघर्ष करते हैं।
इसी तरह, आपको प्रत्येक प्लगइन का परीक्षण करना होगा और उस प्लगइन की पहचान करनी होगी जो वेबसाइट पर लोटी एनीमेशन को प्रदर्शित न होने से रोक रहा है।
एक बार जब आप उस प्लगइन की पहचान कर लेते हैं जो समस्या पैदा कर रहा है, तो आप प्लगइन निर्माता को इसकी सूचना दे सकते हैं ताकि वे समस्या की जांच कर सकें। आप एलिमेंटर सपोर्ट को भी इसकी सूचना दे सकते हैं। दुर्भाग्य से, हमें तब तक प्रतीक्षा करनी पड़ सकती है जब तक वे समस्या को ठीक नहीं कर देते (यदि वे इसे ठीक कर देते हैं) या वैकल्पिक समाधान की तलाश करनी पड़ सकती है।
2. HTTP / HTTPS के कारण लोटी एनीमेशन दिखाई नहीं दे रहा है
जहां तक मैंने देखा है, लोटी एनिमेशन https साइटों के साथ ठीक काम करते हैं, इसलिए सुनिश्चित करें कि आप https साइट का उपयोग करें।
यदि आप http समस्या के कारण Lottie एनीमेशन JSON फ़ाइल अपलोड करने में असफल रहे, तो वैकल्पिक रूप से आप बाहरी लिंक विकल्प का उपयोग कर सकते हैं और LottieFiles वेबसाइट से एनीमेशन URL का उपयोग कर सकते हैं।
हालाँकि, मैं https वेबसाइट का उपयोग करने और मीडिया फ़ाइल अपलोड करने का सुझाव दूंगा। SSL प्रमाणपत्रों के साथ अपनी वेबसाइट की सुरक्षा करना बहुत महंगा नहीं है, आप इसे प्राप्त कर सकते हैं प्रति वर्ष $6 से कम के लिए SSL प्रमाणपत्रआप SSL स्थापित करने और https में परिवर्तित करने के लिए अपने होस्टिंग प्रदाता से भी संपर्क कर सकते हैं।
3. JSON फ़ाइल दूषित होने के कारण लोटी एनिमेशन काम नहीं कर रहा है
ऐसा भी हो सकता है कि कभी-कभी वेबसाइट से डाउनलोड की गई फ़ाइल दूषित हो सकती है। उस स्थिति में क्रिएटर को समस्या के बारे में सूचित करें ताकि वे समस्या को ठीक कर सकें। हमेशा ऐसे एनिमेशन की तलाश करें जिनके रिव्यू और लाइक बहुत अच्छे हों, ताकि दूषित फ़ाइल डाउनलोड होने की संभावना कम हो।
संक्षेप में: लोट्टी के साथ 3 समस्याएं
ये एलिमेंटर में लोटी फाइलों के साथ कुछ आम समस्याएं हैं जो मुझे अब तक मिली हैं। यदि आप किसी अन्य समस्या या प्लगइन्स को जानते हैं, तो कृपया नीचे टिप्पणी करें ताकि यह एलिमेंटर में लोटी फाइलों के साथ समस्याओं का सामना करने वाले किसी अन्य व्यक्ति की मदद कर सके।
यदि आप एलिमेंटर के साथ अपने वेबसाइट विकास कौशल को और विकसित करने में रुचि रखते हैं तो मैं दृढ़ता से मैं आपको नीचे दिए गए संपूर्ण वर्डप्रेस एलिमेंटर कोर्स में शामिल होने की सलाह देता हूं।
यह एक सार्थक निवेश होगा! और अभी तक रजिस्ट्रेशन कर सकते हैं 50% बंद ⇊
आपको बस एक कंप्यूटर, इंटरनेट कनेक्शन और एक ब्राउज़र की आवश्यकता है।
कोई कोडिंग या प्रोग्रामिंग कौशल की आवश्यकता नहीं
3 Responses
नमस्कार, मैंने अल्टीमेट सदस्य सहायता फोरम पर आपकी टिप्पणी देखी।
क्या आपको कभी लोट्टी और उम के बीच संघर्ष का समाधान मिला?
नमस्ते, मैंने आपके लेख की जाँच की है, यह एलिमेंटर कंडीशन में प्लेन लोटी एम्बेड के साथ मददगार है, लेकिन मैं WPBakery प्रोडक्ट कैरोसेल के साथ फंस गया हूँ। मैंने प्रोडक्ट स्टाइल के लिए WP रिएक्शन का इस्तेमाल किया। यह प्लेन प्लेसमेंट के साथ अच्छी तरह से काम करता है, लेकिन डायनेमिक कैरोसेल में काम नहीं करता।
क्या आप मुझे कुछ बेहतर समाधान सुझा सकते हैं?
धन्यवाद
- एक बोली
नमस्ते! पेज के नीचे, मैप के ठीक बाद, एक लोटी एनीमेशन के साथ एक एलिमेंटर वेबसाइट है, लेकिन यह कुछ iPhone पर दिखाई नहीं दे रही है, जैसे कि मेरा iPhone 12pro या मेरा iPhone 8... यह वास्तव में अजीब है... क्या आपको पता है कि ऐसा क्यों है?
ilbirraiuolo.it