मुक्त तत्व कण पृष्ठभूमि (कण।js)
कण एक नि: शुल्क मास्टर एडॉन्स एक्सटेंशन है जो किसी भी एलिमेंटर सेक्शन, कॉलम या कंटेनर के पीछे एक कण।js एनीमेशन चलाता है इसे चालू करें और आपको तुरंत डिफ़ॉल्ट प्रभाव मिलता है: अनुभाग में बहने वाले सफेद डॉट्स, पतली रेखाओं से जुड़े हुए हैं और कर्सर द्वारा दूर धकेल दिए गए हैं किसी भी अन्य चीज़ के लिए, जैसे गिरती बर्फ, बढ़ते बुलबुले या एक स्टार फ़ील्ड, कणों में एक कॉन्फ़िगरेशन बनाएं।js जनरेटर और पैनल में इसके JSON को पेस्ट करें।
वीडियो फ़ाइल के बिना एक चलती पृष्ठभूमि
कणों को कणों द्वारा कैनवास पर खींचा जाता है।जेएस स्क्रिप्ट, इसलिए डाउनलोड करने के लिए कोई वीडियो या छवि नहीं है जेड-इंडेक्स सेटिंग तय करती है कि कण परत कहां बैठती है, इसलिए आप इसे अपने शीर्षकों और बटनों के पीछे रख सकते हैं यदि आप एक से अधिक खंडों पर कणों का उपयोग करते हैं, तो कणों की संख्या को मामूली रखें और फोन पर पृष्ठ की जांच करें।
- कोई वीडियो या छवि फ़ाइल नहीं: एनीमेशन ब्राउज़र में खींचा गया है।
- आपकी सामग्री के पीछे कण परत रखने के लिए एक Z-सूचकांक सेटिंग।
- अनुभागों, स्तंभों और कंटेनरों पर काम करता है, प्रत्येक का अपना कॉन्फ़िगरेशन होता है।
कोई भी कण।js एक JSON क्षेत्र से प्रभाव डालता है
कण जेएसओएन क्षेत्र कण सब कुछ नियंत्रित करता है जे एस कर सकते हैं: कण गणना, रंग, आकार, आकार, अस्पष्टता, लिंकिंग लाइनें, गति और दिशा, प्लस होवर और क्लिक इंटरैक्शन क्षेत्र के ऊपर लिंक कणों को खोलता है जे एस जनरेटर नासा, बबल या स्नो जैसे प्रीसेट चुनें, इसे स्लाइडर्स के साथ समायोजित करें और कॉन्फिग डाउनलोड करें इसे पेस्ट करें और अनुभाग संपादक में अपडेट करता है।
- जनरेटर पर प्रीसेट: डिफ़ॉल्ट, नासा, बबल, स्नो और न्यान कैट।
- आकृतियाँ: वृत्त, किनारा, त्रिभुज, बहुभुज, तारा या आपकी अपनी छवि।
- होवर और क्लिक मोड जैसे कि रिपल्स, ग्रैब, बबल और पुश।
एलिमेंटर में एक कण पृष्ठभूमि कैसे जोड़ें
डिफ़ॉल्ट सफेद कणों को दिखाने के लिए एक गहरे या रंगीन पृष्ठभूमि की आवश्यकता होती है, इसलिए पहले इसे सेट करें।
- मास्टर ऐडऑन डैशबोर्ड के एक्सटेंशन टैब में कण चालू करें।
- एक अनुभाग, कॉलम या कंटेनर का चयन करें और इसे एक गहरा पृष्ठभूमि रंग दें।
- स्टाइल टैब खोलें, कणों का विस्तार करें और कण पृष्ठभूमि सक्षम करें पर स्विच करें।
- एक अलग प्रभाव के लिए, पार्टिकल JSON के ऊपर दिए गए लिंक पर क्लिक करें, जनरेटर में एक प्रीसेट चुनें, JSON डाउनलोड करें और इसे फ़ील्ड में पेस्ट करें।
- Z-सूचकांक सेट करें ताकि कण परत आपकी सामग्री के पीछे रहे, फिर प्रकाशित करें।
हमारे कण पृष्ठभूमि ट्यूटोरियल स्क्रीनशॉट के साथ प्रत्येक चरण के माध्यम से चलता है।
वर्डप्रेस में पार्टिकल्स।जे।: हाथ से या एक्सटेंशन के साथ
कण।js एक निःशुल्क जावास्क्रिप्ट लाइब्रेरी है, और आप इसे स्वयं वर्डप्रेस में जोड़ सकते हैं। एक्सटेंशन की तुलना में यहां वह है जो लेता है।
| हाथ से कण।js जोड़ना | कण विस्तार | |
|---|---|---|
| स्क्रिप्ट लोड हो रही है | अपने विषय में पुस्तकालय को संलग्न करें | केवल कण अनुभाग वाले पृष्ठों पर लोड किया गया |
| कण परत | एक डिव जोड़ें और इसे सीएसएस के साथ सामग्री के पीछे रखें | आपके लिए अनुभाग में जोड़ा गया |
| विन्यास | एक स्क्रिप्ट में अपने जेएसओएन के साथ कणोंजेएस (कॉल) | JSON को पैनल में चिपकाएँ |
| पूर्वावलोकन | सामने के छोर पर | एलिमेंट संपादक में सही |
| लेयरिंग | अपने स्वयं के z-सूचकांक नियम लिखें | जेड-इंडेक्स फील्ड |
कण अच्छी तरह से जुड़ते हैं ग्लासमोर्फिज्म शीर्ष पर कार्ड अन्य चलती पृष्ठभूमि के लिए, कोशिश करें पृष्ठभूमि स्लाइडर या एनिमेटेड ग्रेडिएंट पृष्ठभूमि (प्रो).
कणों के लिए अक्सर पूछे जाने वाले प्रश्न
मैं एक डेवलपर नहीं हूं क्या जेएसओएन सामान मेरे लिए बहुत कठिन है?
नहीं, प्रभाव को चालू करने से आपको डिफ़ॉल्ट रूप मिलता है, जिसमें कोई JSON नहीं होता है। अन्य लुक के लिए, पार्टिकल्स।js जनरेटर स्लाइडर्स और कलर पिकर्स के साथ काम करता है। इसके द्वारा बनाए गए कॉन्फ़िगरेशन को डाउनलोड करें और इसे पार्टिकल JSON फ़ील्ड में पेस्ट करें।
क्या मैं अपनी छवि (लोगो की तरह) को एक कण के रूप में उपयोग कर सकता हूं?
हाँ। कण।js जनरेटर में, छवि के लिए आकार प्रकार सेट करें और अपनी छवि का यूआरएल दर्ज करें, जैसे कि एक छोटा लोगो। कॉन्फ़िगरेशन डाउनलोड करें और इसे पार्टिकल JSON फ़ील्ड में पेस्ट करें।
क्या यह मोबाइल फोन पर काम करेगा?
हां, एनीमेशन फोन और टैबलेट पर चलता है एक उच्च कण गणना पुराने फोन को धीमा कर सकती है, इसलिए उन वर्गों के लिए संख्या को मामूली रखें जो मोबाइल आगंतुक देखेंगे।
क्या मैं एक ही पृष्ठ के विभिन्न अनुभागों पर अलग-अलग कण प्रभाव डाल सकता हूँ?
हाँ। प्रत्येक अनुभाग, कॉलम और कंटेनर का अपना कण JSON फ़ील्ड होता है, इसलिए आपका नायक एक स्टार फ़ील्ड दिखा सकता है जबकि दूसरा अनुभाग बर्फ का उपयोग करता है।
ट्रेंडिंग एलिमेंटर विजेट और एक्सटेंशन
कम समय में परिष्कृत वेबसाइट बनाएं।
ग्लासमोर्फिज्म
कंटेनर अतिरिक्त
पैटर्न
![एलिमेंट के लिए मास्टर ऐडऑन पोस्ट/पेज डुप्लीकेटर एक्सटेंशन: वर्डप्रेस पेज सूची में एमए डुप्लीकेटर पंक्ति लिंक एक लैंडिंग पेज बना रहा है - [डुप्लिकेट #128] ड्राफ्ट](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
पोस्ट/पेज डुप्लीकेटर
