एक्सटेंशन सेटिंग्स प्रकट करें

एक तत्व जो बस स्क्रॉल पर दिखाई देता है वह ठीक है एक तत्व जो है खुला हुआ, जैसे ही एक रंगीन पैनल इसे उजागर करने के लिए दूर चला जाता है, डिज़ाइन किया गया लगता है विस्तार प्रकट करें में मास्टर एडॉन्स प्रो जोड़ता है कि स्क्रॉल-ट्रिगर ब्लॉक एलिमेंटर विजेट और कॉलम पर प्रभाव प्रकट करता है: एक रंगीन ओवरले तत्व में पोंछे के रूप में यह व्यूपोर्ट में प्रवेश करता है, फिर नीचे की सामग्री को दिखाने के लिए साफ करता है आप ओवरले रंग को नियंत्रित करते हैं, पोंछने की दिशा, गति और देरी, सभी एलिमेंटर पैनल से।

रिवील एक्सटेंशन क्या है? #

द प्रकट करना एक्सटेंशन एक मास्टर एडॉन्स प्रो एनीमेशन एक्सटेंशन है जो विजेट या कॉलम पर एक ब्लॉक प्रकट करता है जिस क्षण यह दृश्य में स्क्रॉल करता है लुप्त होती या फिसलने के बजाय, तत्व एक ठोस रंग पैनल के पीछे बैठता है जो इसे प्रकट करने के लिए दूर स्वीप करता है क्योंकि एनीमेशन स्क्रॉल स्थिति से बंधा हुआ है, प्रत्येक तत्व स्वयं को ठीक से प्रकट करता है जब आगंतुक उस तक पहुंचता है, जो पृष्ठ को नीचे खींचता है यह प्रति पृष्ठ लोड एक बार खेलता है।

एक बार एक्सटेंशन सक्षम हो जाने पर, विजेट और कॉलम के अंतर्गत एक रिवील विकल्प प्राप्त हो जाता है उन्नत टैब, चार सेटिंग्स के साथ: खुलासा रंग (वह पैनल जो तत्व को कवर करता है), दिशा जैसे ही पैनल साफ़ होता है, वह यात्रा करता है गति, और द देरीयह शीर्षकों, छवियों, बटन और अन्य विजेट पर काम करता है, और विरासत वर्गों में कॉलम पर फ्लेक्सबॉक्स कंटेनर और वर्गों विकल्प नहीं मिलता है।

इससे पहले कि आप शुरू करें #

• वर्डप्रेस साथ तत्व स्थापित और सक्रिय।
• एलिमेंट के लिए मास्टर ऐडऑन स्थापित और सक्रिय प्लगइन के लिए नया है का पालन करें स्थापना गाइड पहले।
• मास्टर एडॉन्स प्रो सक्रिय, चूंकि रिवील एक प्रो एक्सटेंशन है।

रिवील एक्सटेंशन को कैसे सक्षम करें #

अपने वर्डप्रेस डैशबोर्ड से, खोलें मास्टर ऐडऑन और जाओ एक्सटेंशन टैब। खुलासा इसमें बैठता है एनीमेशन विजेट समूह, साथ में प्रवेश एनीमेशन (प्रो) और रूप बदल देती हैइसके टॉगल पर क्लिक करें ताकि यह चालू हो जाए, फिर दबाएं परिवर्तन सहेजें और पुष्टि नोटिस की प्रतीक्षा करें खुलासा विकल्प अब एलिमेंट संपादक में विजेट और कॉलम पर उपलब्ध है।

किसी तत्व में प्रकट एनीमेशन जोड़ें #

एलिमेंटर संपादक में, उस तत्व का चयन करें जिसे आप चेतन करना चाहते हैं, फिर खोलें उन्नत टैब करें और इसका विस्तार करें प्रकट करना अनुभाग। चालू करें सक्षम खुलासा और नियंत्रण सेट करेंः

• रंग: ठोस पैनल जो तत्व को प्रकट होने से पहले कवर करता है इसे एक निर्बाध पोंछने के लिए अपने अनुभाग पृष्ठभूमि से मेल करें, या एक बोल्डर स्वीप के लिए एक ब्रांड रंग का उपयोग करें।
• दिशा: केंद्र, बाएँ से दाएँ, दाएँ से बाएँ, ऊपर से नीचे, या नीचे से ऊपर।
• गति: ० से १०, जहां डिफ़ॉल्ट ५ आधा सेकंड है लोअर तेज है।
• देरीः ० से २०, पैनल के चलने से पहले दो सेकंड तक कई तत्वों को डगमगाने के लिए इसका उपयोग करें।

प्रकट स्क्रॉल-ट्रिगर है, इसलिए कुछ भी नहीं खेलता है जब तक कि तत्व व्यूपोर्ट में स्क्रॉल नहीं करता संपादक में यह पृष्ठ लोड होने के तुरंत बाद खेलता है लाइव पेज पर यह एक बार खेलता है जब तत्व व्यूपोर्ट में प्रवेश करता है, और एक रीलोड इसे फिर से खेलता है।

पेज पर रिजल्ट #

प्रकाशित करें या पूर्वावलोकन करें और पृष्ठ को नीचे स्क्रॉल करें जैसा कि प्रत्येक तत्व के साथ प्रकट सक्षम स्क्रीन में प्रवेश करता है, इसका रंग पैनल आपके द्वारा चुनी गई दिशा में दूर हो जाता है और आपके द्वारा निर्धारित गति पर, नीचे की सामग्री को उजागर करता है क्योंकि प्रभाव कुंजी स्क्रॉल स्थिति से दूर होती है, प्रकट तत्वों का ढेर कैस्केड होता है क्योंकि आगंतुक पृष्ठ के नीचे चला जाता है एक्सटेंशन पेज प्रकट करें डेमो है।

जहां प्रकट प्रभाव अपना स्थान अर्जित करता है #

• अनुभाग शीर्षक। H2 पर एक प्रकटीकरण एक नए अनुभाग के शुरू होने का संकेत देता है जैसे ही पाठक उस पर पहुंचता है।
• हीरो इमेजेज। एक रंगीन वाइप के साथ एक नायक की तस्वीर को उजागर करना एक सादे फीका की तुलना में एक मजबूत पहला प्रभाव बनाता है।
• फ़ीचर या पोर्टफोलियो ग्रिड। स्क्रॉल पर एक बार में एक पंक्ति में कार्ड प्रकट करने से ग्रिड के माध्यम से आंख चलती रहती है।
• कार्रवाई के लिए कॉल। किसी बटन या ऑफ़र ब्लॉक पर एक खुलासा दृश्य में स्क्रॉल करते ही ध्यान आकर्षित करता है।
• सांख्यिकी और उद्धरण। किसी संख्या या प्रशंसापत्र को उजागर करने से उसे फोकस का क्षण मिलता है।

रिवील का उपयोग करने के लिए टिप्स #

• गति को आरामदायक रखें। बहुत धीमी गति से प्रकट होने से आगंतुक पढ़ने की प्रतीक्षा कर सकते हैं; तेज़ वाइप आमतौर पर अधिक प्रतिक्रियाशील लगता है।
• अनुभाग के लिए रंग का मिलान करें। अनुभाग पृष्ठभूमि पर प्रकट रंग सेट करने से पैनल तब तक अदृश्य हो जाता है जब तक वह हिल न जाए, इसलिए तत्व ऐसा लगता है जैसे उसे अस्तित्व में मिटा दिया जा रहा है।
• इसका कम से कम उपयोग करें। पृष्ठ पर प्रत्येक तत्व को प्रकट करना प्रभाव को पतला करता है इसे उन तत्वों के लिए आरक्षित करें जिन्हें आप सबसे अधिक ध्यान देना चाहते हैं।
• मोबाइल जांचें। छोटी स्क्रीन तेजी से स्क्रॉल होती हैं, इसलिए पुष्टि करें कि खुलासा अभी भी सक्रिय है और फोन और टैबलेट पर अच्छी तरह से पढ़ा जाता है।
• इसे अन्य एनीमेशन एक्सटेंशन के साथ जोड़ें। रिवील को इसके साथ मिलाएं प्रवेश एनीमेशन या की पूरी श्रृंखला का पता लगाएं एलिमेंटर एनीमेशन प्रभाव अमीर गति के लिए।

वीडियो ट्यूटोरियल #

कार्रवाई में खुलासा विस्तार देखें, इसे सक्षम करने से लेकर किसी तत्व पर रंग, दिशा और गति सेट करने तकः

अक्सर पूछे जाने वाले प्रश्न #

लपेटकर #

रिवील एक्सटेंशन एक सादे स्क्रॉल को एक डिज़ाइन किए गए में बदल देता है: एक रंगीन पैनल प्रत्येक तत्व को उजागर करने के लिए मिटा देता है क्योंकि यह व्यूपोर्ट में प्रवेश करता है, रंग, दिशा और गति के साथ सभी एलिमेंट पैनल से शुरू होते हैं एक शीर्षक या नायक छवि, रंग को अपने अनुभाग में ट्यून करें, और वहां से निर्माण करें यह स्वाभाविक रूप से के साथ जोड़े प्रवेश एनीमेशन और रूप बदल देती है एक्सटेंशन, और की पूरी लाइनअप मास्टर ऐडऑन विजेट और एक्सटेंशन बाकी को कवर करता है।