एक तत्व जो बस स्क्रॉल पर दिखाई देता है वह ठीक है एक तत्व जो है खुला हुआ, जैसे ही एक रंगीन पैनल इसे उजागर करने के लिए दूर चला जाता है, डिज़ाइन किया गया लगता है प्रकट करना में विस्तार एलिमेंट के लिए मास्टर ऐडऑन जोड़ता है कि स्क्रॉल-ट्रिगर ब्लॉक किसी भी एलिमेंट तत्व के प्रभाव को प्रकट करता है: एक रंगीन ओवरले तत्व में पोंछे के रूप में यह व्यूपोर्ट में प्रवेश करता है, फिर नीचे की सामग्री को दिखाने के लिए साफ करता है आप ओवरले रंग, वाइप की दिशा और एनीमेशन की गति को नियंत्रित करते हैं, सभी एलिमेंट पैनल से।
रिवील एक्सटेंशन क्या है? #
द प्रकट करना एक्सटेंशन एक मुफ्त मास्टर एडॉन्स एनीमेशन टूल है जो किसी भी एलिमेंटर तत्व पर एक ब्लॉक प्रकट करता है जिस क्षण यह दृश्य में स्क्रॉल करता है लुप्त होती या फिसलने के बजाय, तत्व एक ठोस रंग पैनल के पीछे बैठता है जो इसे प्रकट करने के लिए स्वीप करता है क्योंकि एनीमेशन स्क्रॉल स्थिति से बंधा हुआ है, प्रत्येक तत्व स्वयं को ठीक से प्रकट करता है जब आगंतुक उस तक पहुंचता है, जो अनुभाग द्वारा पृष्ठ अनुभाग के नीचे आंख खींचता है।
एक बार एक्सटेंशन सक्षम हो जाने पर, प्रत्येक एलिमेंटर तत्व को इसके अंतर्गत एक रिवील विकल्प प्राप्त होता है उन्नत टैब, तीन मुख्य सेटिंग्स के साथ: खुलासा रंग (वह पैनल जो तत्व को कवर करता है), दिशा पैनल साफ़ होते ही यात्रा करता है, और गति एनीमेशन का यह शीर्षकों, छवियों, बटन, पूरे कॉलम, या किसी अन्य तत्व पर काम करता है, और कोई अलग प्लगइन नहीं जोड़ता है।
इससे पहले कि आप शुरू करें #
- वर्डप्रेस साथ तत्व स्थापित और सक्रिय।
- एलिमेंट के लिए मास्टर ऐडऑन स्थापित और सक्रिय प्लगइन के लिए नया है का पालन करें स्थापना गाइड पहले।
- रिवील एक निःशुल्क एक्सटेंशन है, इसलिए किसी प्रो लाइसेंस की आवश्यकता नहीं है।
रिवील एक्सटेंशन को कैसे सक्षम करें #
अपने वर्डप्रेस डैशबोर्ड से, खोलें मास्टर ऐडऑन और जाओ एक्सटेंशन टैब। खुलासा इसमें बैठता है एनीमेशन विजेट समूह, साथ में प्रवेश एनीमेशन और रूप बदल देती हैइसके टॉगल पर क्लिक करें ताकि यह चालू हो जाए, फिर दबाएं परिवर्तन सहेजें और पुष्टि नोटिस की प्रतीक्षा करें खुलासा विकल्प अब एलिमेंट संपादक में हर तत्व पर उपलब्ध है।
किसी तत्व में प्रकट एनीमेशन जोड़ें #
एलिमेंटर संपादक में, उस तत्व का चयन करें जिसे आप चेतन करना चाहते हैं, फिर खोलें उन्नत टैब करें और इसका विस्तार करें प्रकट करना अनुभाग प्रभाव को चालू करें और तीन नियंत्रण सेट करेंः
- रंग: ठोस पैनल जो तत्व को प्रकट होने से पहले कवर करता है इसे एक निर्बाध पोंछने के लिए अपने अनुभाग पृष्ठभूमि से मेल करें, या एक बोल्डर स्वीप के लिए एक ब्रांड रंग का उपयोग करें।
- दिशा: जिस तरह से पैनल साफ होता है, उदाहरण के लिए बाएं, दाएं, ऊपर या नीचे, जो यह निर्धारित करता है कि तत्व क्षैतिज या लंबवत रूप से खुला है या नहीं।
- गति: कितनी जल्दी प्रकट खेलता है एक छोटी अवधि तत्व को दृश्य में स्नैप करती है; एक लंबा एक धीमा, अधिक जानबूझकर पोंछा देता है।
प्रकट स्क्रॉल-ट्रिगर है, इसलिए कुछ भी नहीं खेलता है जब तक कि तत्व व्यूपोर्ट में स्क्रॉल न हो जाए सही समय पर एनीमेशन आग देखने के लिए पूर्वावलोकन में पृष्ठ को ऊपर और वापस नीचे स्क्रॉल करें।
पेज पर रिजल्ट #
प्रकाशित करें या पूर्वावलोकन करें और पृष्ठ को नीचे स्क्रॉल करें जैसा कि प्रत्येक तत्व के साथ प्रकट सक्षम स्क्रीन में प्रवेश करता है, इसका रंग पैनल आपके द्वारा चुनी गई दिशा में दूर हो जाता है और आपके द्वारा निर्धारित गति से, नीचे की सामग्री को उजागर करता है क्योंकि प्रभाव कुंजी स्क्रॉल स्थिति से दूर होती है, प्रकट तत्वों का ढेर स्वाभाविक रूप से कैस्केड होता है क्योंकि आगंतुक अनुभाग को नीचे ले जाता है।
जहां प्रकट प्रभाव अपना स्थान अर्जित करता है #
- अनुभाग शीर्षक। H2 पर एक प्रकटीकरण एक नए अनुभाग के शुरू होने का संकेत देता है जैसे ही पाठक उस पर पहुंचता है।
- हीरो इमेजेज। एक रंगीन वाइप के साथ एक नायक की तस्वीर को उजागर करना एक सादे फीका की तुलना में एक मजबूत पहला प्रभाव बनाता है।
- फ़ीचर या पोर्टफोलियो ग्रिड। स्क्रॉल पर एक बार में एक पंक्ति में कार्ड प्रकट करने से ग्रिड के माध्यम से आंख चलती रहती है।
- कार्रवाई के लिए कॉल। किसी बटन या ऑफ़र ब्लॉक पर एक खुलासा दृश्य में स्क्रॉल करते ही ध्यान आकर्षित करता है।
- सांख्यिकी और उद्धरण। किसी संख्या या प्रशंसापत्र को उजागर करने से उसे फोकस का क्षण मिलता है।
रिवील का उपयोग करने के लिए टिप्स #
- गति को आरामदायक रखें। बहुत धीमी गति से प्रकट होने से आगंतुक पढ़ने की प्रतीक्षा कर सकते हैं; तेज़ वाइप आमतौर पर अधिक प्रतिक्रियाशील लगता है।
- अनुभाग के लिए रंग का मिलान करें। अनुभाग पृष्ठभूमि पर प्रकट रंग सेट करने से पैनल तब तक अदृश्य हो जाता है जब तक वह हिल न जाए, इसलिए तत्व ऐसा लगता है जैसे उसे अस्तित्व में मिटा दिया जा रहा है।
- इसका कम से कम उपयोग करें। पृष्ठ पर प्रत्येक तत्व को प्रकट करना प्रभाव को पतला करता है इसे उन तत्वों के लिए आरक्षित करें जिन्हें आप सबसे अधिक ध्यान देना चाहते हैं।
- मोबाइल जांचें। छोटी स्क्रीन तेजी से स्क्रॉल होती हैं, इसलिए पुष्टि करें कि खुलासा अभी भी सक्रिय है और फोन और टैबलेट पर अच्छी तरह से पढ़ा जाता है।
- इसे अन्य एनीमेशन एक्सटेंशन के साथ जोड़ें। रिवील को इसके साथ मिलाएं प्रवेश एनीमेशन या की पूरी श्रृंखला का पता लगाएं एलिमेंटर एनीमेशन प्रभाव अमीर गति के लिए।
वीडियो ट्यूटोरियल #
कार्रवाई में खुलासा विस्तार देखें, इसे सक्षम करने से लेकर किसी तत्व पर रंग, दिशा और गति सेट करने तकः
अक्सर पूछे जाने वाले प्रश्न #
मास्टर ऐडऑन में रिवील एक्सटेंशन क्या है?
रिवील एक्सटेंशन एक मुफ्त मास्टर एडॉन्स एनीमेशन टूल है जो किसी भी एलिमेंट तत्व के लिए स्क्रॉल-ट्रिगर ब्लॉक प्रकट प्रभाव जोड़ता है एक ठोस रंग पैनल तत्व को कवर करता है और फिर इसे उजागर करने के लिए स्वीप करता है क्योंकि तत्व दृश्य में स्क्रॉल करता है आप इसे एक्सटेंशन टैब में सक्षम करते हैं, फिर उन्नत टैब से प्रत्येक तत्व पर रंग, दिशा और गति सेट करें।
मैं एलिमेंट में स्क्रॉल पर एक प्रकट एनीमेशन कैसे जोड़ सकता हूं?
मास्टर एडॉन्स एक्सटेंशन टैब में रिवील एक्सटेंशन सक्षम करें, फिर एक तत्व का चयन करें और उन्नत टैब खोलें रिवील सेक्शन का विस्तार करें, प्रभाव को चालू करें, और प्रकट रंग, दिशा और गति चुनें एनीमेशन स्क्रॉल-ट्रिगर है, इसलिए जब तत्व व्यूपोर्ट में प्रवेश करता है तो यह स्वचालित रूप से खेलता है।
मैं प्रकट प्रभाव पर क्या अनुकूलित कर सकता हूं?
तीन कोर नियंत्रण हैं: पैनल का रंग जो तत्व को कवर करता है, जिस दिशा में पैनल यात्रा करता है क्योंकि यह साफ हो जाता है, और एनीमेशन की गति एक साथ वे आपको अपने अनुभाग पृष्ठभूमि या ब्रांड रंग के लिए प्रकट होने से मेल खाते हैं और नियंत्रित करते हैं कि तत्व कितनी तेजी से उजागर होता है।
क्या रिवील किसी एलिमेंट तत्व पर काम करता है?
हाँ। एक बार एक्सटेंशन सक्षम हो जाने पर, रिवील विकल्प प्रत्येक एलिमेंटर तत्व के उन्नत टैब के अंतर्गत दिखाई देता है, इसलिए आप इसे शीर्षकों, छवियों, बटनों, स्तंभों या किसी अन्य तत्व पर लागू कर सकते हैं जिसे आप स्क्रॉल पर उजागर करना चाहते हैं।
क्या रिवील एक्सटेंशन मुफ्त है?
हाँ। एक्सटेंशन टैब के एनीमेशन विजेट्स समूह में एलिमेंटर के लिए मास्टर ऐडऑन के मुफ्त संस्करण के साथ जहाजों का खुलासा करें, इसलिए इसका उपयोग करने के लिए किसी प्रो लाइसेंस की आवश्यकता नहीं है। मूल्य निर्धारण पृष्ठ में प्रो योजनाएं क्या जोड़ती हैं, यह शामिल है।
लपेटकर #
रिवील एक्सटेंशन एक सादे स्क्रॉल को एक डिज़ाइन किए गए में बदल देता है: एक रंगीन पैनल प्रत्येक तत्व को उजागर करने के लिए मिटा देता है क्योंकि यह व्यूपोर्ट में प्रवेश करता है, रंग, दिशा और गति के साथ सभी एलिमेंट पैनल से शुरू होते हैं एक शीर्षक या नायक छवि, रंग को अपने अनुभाग में ट्यून करें, और वहां से निर्माण करें यह स्वाभाविक रूप से के साथ जोड़े प्रवेश एनीमेशन और रूप बदल देती है एक्सटेंशन, और की पूरी लाइनअप मास्टर ऐडऑन विजेट और एक्सटेंशन बाकी को कवर करता है।