श्रेणियाँ: WordPress plugin समीक्षाएँ

एलिमेंट के साथ लाइटबॉक्स और डायनेमिक लाइटबॉक्स का उपयोग कैसे करें

आपकी वेबसाइट आपके व्यवसाय का ऑनलाइन क्षेत्र है। यह एक ऐसी जगह है जहाँ आप जो भी करते हैं उसके बारे में थोड़ा सा भी उत्सुक हैं। यह अक्सर बहुत पहली बात होती है कि ज्यादातर खरीदार एक सेवा प्रदाता का पीछा करने का फैसला करते समय या किसी उत्पाद को खरीदने की बात करते हैं। इसलिए, एक वेबसाइट कुछ ऐसी होनी चाहिए जो वास्तव में प्रभावित कर सके।  

विषयसूची

एलिमेंट प्रो का उपयोग करना:

यदि आपकी वेबसाइट Elementor Pro , तो आप एक बड़े लाभ के लिए हैं। एलिमेंटर प्रो न केवल वर्डप्रेस पर सर्वश्रेष्ठ वेबसाइट पेज बिल्डरों में से एक है, बल्कि यह बेहद अनोखा है और अक्सर ऐसे कई तरीके प्रदान करता है जिनके माध्यम से आप अपने पेज का रूप बदल सकते हैं।

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

पेश है लाइटबॉक्स:

लाइटबॉक्स एक उपकरण है जिसका उपयोग आप पॉप अप विंडो बॉक्स में चित्र, वीडियो और यहां तक ​​कि हिंडोला जोड़ने के लिए कर सकते हैं। आमतौर पर, यह समझाने का सबसे अच्छा तरीका यह है कि यदि आप एक वीडियो या एक छवि खोलना चाहते हैं, जब आपका आगंतुक एक बटन कहता है। सार में एलिमेंट लाइटबॉक्स आपको एक छवि या एक वीडियो को इस तरह से प्रदर्शित करने में सक्षम बनाता है जो अप्रत्याशित है और एक दर्शक से सगाई पाने के लिए सिर्फ एक रचनात्मक तरीका है।

लाइटबॉक्स का उपयोग करना:

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

वैश्विक सेटिंग्स में जाने के लिए नीचे दिए गए चित्र में दिए गए हैमबर्गर आइकन पर क्लिक करें:

इसके बाद आपको बस वैश्विक सेटिंग्स पर क्लिक करना होगा:

वैश्विक सेटिंग्स:

यदि आप छवि लाइटबॉक्स विकल्प को चालू करते हैं तो लिंक किए गए सभी चित्र पॉप अप या लाइटबॉक्स में खुल जाएंगे। यह तब चालू होता है जब आपकी सभी वेबसाइट में एक विशेष सुविधा होती है।  

काउंटर विकल्प को चालू करने से एक लाइटबॉक्स में कई छवियों को प्रदर्शित किया जा सकेगा। यह विशेष रूप से उपयोगी है जब आप प्रदर्शन रों की कोशिश कर रहे है amp लेस या अलग अलग रंग में एक निश्चित उत्पाद की छवियों।

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

आप एक ज़ूम इन ऑप्शन को भी इनेबल कर सकते हैं, लाइटबॉक्स इमेज को अलग-अलग बिंदुओं पर जूम की स्थिति में पहुँचा जा सकता है।

आप शेयर विकल्प की अनुमति देकर लाइटबॉक्स छवि को सोशल मीडिया पर भी साझा कर सकते हैं।

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

लाइटबॉक्स डायनेमिक की ग्लोबल सेटिंग्स आवश्यक हैं क्योंकि वे लाइटबॉक्स के साथ प्राप्त होने वाली अंतहीन संभावनाओं की बेहतर समझ प्रदान करते हैं। तथ्य यह है कि आप इसके साथ बहुत कुछ कर सकते हैं और यह सब इस बात पर निर्भर करता है कि आप छवियों, वीडियो और विकल्पों को स्थापित करने के साथ कैसे रचनात्मक हो सकते हैं।

रंग सेट करना:

पृष्ठभूमि, UI, UI हॉवर रंग सभी को लाइटबॉक्स छवि या वीडियो के लिए सेट किया जा सकता है। आपको जो पसंद है उसे चुनें और अपनी वेबसाइट की रंग योजनाओं को पूरी तरह से उच्च स्तर पर सेट करें।

एक छवि और संपादन अपलोड करना:

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


इस अनुभाग का उपयोग छवि में ज़ूम करने या सामाजिक साझाकरण विकल्प सेट करने जैसी क्रियाओं को कार्यान्वित करने के लिए किया जा सकता है। पूर्ण स्क्रीन कार्यान्वयन और स्लाइड शो जैसे विकल्प भी सेट किए जा सकते हैं।

लाइटबॉक्स क्रिया अनुभाग के ठीक नीचे आप कैप्शन विकल्प पर स्विच कर सकते हैं। आपने जो भी कैप्शन सेट किए हैं, वे लाइटबॉक्स लिंक में एक इमेज सेट हो जाने के बाद प्रदर्शित होंगे। कैप्शन को छवि के नीचे प्रदर्शित किया जाएगा।

इसके अलावा, टेक्स्ट और रंगों की टाइपोग्राफी सेट करने जैसे विकल्प भी उसी सेक्शन में सेट किए जा सकते हैं।



लाइटबॉक्स वीडियो आपकी वेबसाइट को पूरी तरह से नया किनारा देते हैं। कई बार, चित्र यह बताने से कम हो जाते हैं कि आपकी कंपनी क्या है। अगर आप अपने प्रोडक्ट या फीचर्स के स्पेक्स को पूरी तरह से समझाना चाहते हैं तो आपके लाइटबॉक्स सेक्शन में वीडियो लिंक होना एक रास्ता है। बस नीचे दी गई छवि में संपादन विकल्प पर जाएं और अपने वीडियो का एक लिंक या URL डालें। लाइटबॉक्स डायनेमिक यूट्यूब, डेलीमोशन और यहां तक ​​कि वीमियो से वीडियो लिंक स्वीकार करता है।  

यह सुविधा आपको अपनी वेबसाइट में एक और आयाम जोड़ने में सक्षम बनाती है। लाइटबॉक्स वीडियो के माध्यम से चीजों को समझाना पहले इतना आसान नहीं रहा!

तत्व का मूल्य निर्धारण:

एलिमेंटरी थीम कार्यक्षमता के मामले में अद्भुत है और एक उत्पाद है जो शीर्ष पायदान पर है! लाइटबॉक्स जैसी सुविधाओं के साथ यह वेबसाइट निर्माण के पूरे पहलू को एक नए उच्च स्तर पर ले जाता है। एलिमेंट तीन पैकेज में उपलब्ध है और तीनों पैकेज में लाइटबॉक्स उपलब्ध है। फर्क सिर्फ इतना है कि एलिमेंट प्रो में आप असीमित वेबसाइट बना सकते हैं!

लाइटबॉक्स डायनेमिक का उपयोग करना कई मायनों में फायदेमंद है, सबसे अच्छी बात यह है कि यह आपकी वेबसाइट पर लागू करना आसान है। मूल विचार यह है कि आपकी वेबसाइट जिस कर्षण के योग्य है, उसे डायनेमिक लाइटबॉक्स के माध्यम से आसानी से किया जा सकता है। तो आप किसका इंतज़ार कर रहे हैं? आज ही अपनी वेबसाइट तैयार करें!

लेखक

टिप्पणियाँ देखें

  • सुप्रभात,
    जय एलीमेंटर प्रो, और जैई बिएन एक्टिव ला लाइटबॉक्स।
    हर कोई इसे पसंद नहीं करता है!
    क्या आप पैरासाइटर एलिमेंट के बारे में सोच रहे हैं?

    • यह निर्भर करता है, लेकिन मुझे नहीं लगता कि थीम पॉपअप को ब्लॉक कर सकती है। सबसे पहले आपको यह जांचने की आवश्यकता है कि क्या आप उस पृष्ठ पर किसी जेएस त्रुटि का सामना करते हैं जहां पॉपअप लोड किया गया है

हाल के पोस्ट

एलिमेंट के साथ हेडर और फुटर का उपयोग कैसे करें

एक वेबसाइट के शीर्षलेख और पादलेख आवश्यक तत्व हैं। ज्यादातर मामलों में, हैडर नेविगेशन प्रदान करता है…

6 जनवरी 2022

वर्डप्रेस थीम तुलना: एस्ट्रा बनाम ओशनडब्ल्यूपी

बाजार में सबसे लोकप्रिय वर्डप्रेस थीम में से दो एस्ट्रा और ओशनडब्ल्यूपी हैं। पेशेवर…

2 जनवरी 2022

वर्डप्रेस समाचार विषय तुलना: समाचार पत्र बनाम एस्ट्रा

एक उत्कृष्ट समाचार वेबसाइट बनाने के लिए आपको वेब डिज़ाइनर बनने की आवश्यकता नहीं है। हम…

25 अक्टूबर, 2021

न्यूजपेपर थीम के साथ न्यूज से संबंधित वेबसाइट बनाएं

अख़बार थीम टैगडिव द्वारा डिज़ाइन की गई सबसे महत्वपूर्ण वर्डप्रेस थीम में से एक है, एक…

18 अक्टूबर 2021

अवाडा वूकामर्स बिल्डर के साथ ईकामर्स कैसे बनाएं

जब ऑनलाइन स्टोर स्थापित करने की बात आती है, तो WooCommerce गो-टू plugin । यह…

4 अक्टूबर 2021

एलिमेंट के साथ स्टिकी हेडर और स्क्रॉलिंग इफेक्ट्स का उपयोग कैसे करें

एक हेडर आम तौर पर पहली चीज है जिसे कोई व्यक्ति आपकी वेबसाइट पर जाने पर देखता है,…

21 सितंबर, 2021