वर्डप्रेस प्लगइन: एलिमेंट के साथ एक लाइटबॉक्स में एक वीडियो खोलें

एलिमेंट बटन ओपन वीडियो लाइटबॉक्स

हमने एक क्लाइंट के साथ एक वेबसाइट को अपनाया है जिसे बनाया गया था Elementor, वर्डप्रेस के लिए एक शानदार ड्रैग एंड ड्रॉप एडिटिंग प्लगइन जो कि जटिल, सुंदर लेआउट बनाने में कितना आसान है, यह उत्तरदायी है ... प्रोग्रामिंग के बिना या शॉर्टकोड को समझने की आवश्यकता के बिना।

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

शुक्र है, उसके लिए एक प्लगइन है!

एलिमेंट के लिए आवश्यक ऐड-ऑन

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

एक शानदार प्लगइन है एलिमेंट के लिए आवश्यक ऐड-ऑन। 800,000 से अधिक इंस्टॉलेशन के साथ, प्लगइन बाजार पर एलिमेंट के लिए सबसे लोकप्रिय तत्व ऐड-ऑन प्लगइन हो सकता है। इस प्लगइन में एक प्रमुख विशेषता यह है कि एलिमेंट के साथ निर्मित आपकी वर्डप्रेस वेबसाइट के लिए एक लाइटबॉक्स को आसानी से जोड़ने और कॉन्फ़िगर करने की क्षमता है।

एलिमेंट लाइटबॉक्स बटन

एक बार जब आप एलीमेंटर प्लगइन के लिए आवश्यक ऐड-ऑन का भुगतान किया संस्करण स्थापित करते हैं, तो सक्षम करें Lighbox और मोडल अपने तत्व तत्वों में तत्व को देखने की सुविधा। तब आप इसे आसानी से अपने पृष्ठ में खोज और खींच सकते हैं:

एलिमेंट लिगबॉक्स मोडल

फिर आप तत्व के लिए कुछ सेटिंग्स को संशोधित करना चाहेंगे:

  • सेटिंग> ट्रिगर टू सेट करें बटन पर क्लिक करें
  • सेटिंग> टाइप टू सेट करें बटन
  • सेटिंग्स> सेट करें बटन पाठ
  • सामग्री सेट करें> टाइप करें पेज / वीडियो / मैप का लिंक
  • सामग्री सेट करें> पृष्ठ / वीडियो / मानचित्र URL प्रदान करें आपके वीडियो URL के लिए

फिर आप आवश्यकतानुसार लाइटबॉक्स और बटन स्टाइल को कस्टमाइज़ कर सकते हैं। यह इस ऐड-ऑन और एलीमेंटर के बीच एक सहज अनुभव है।

एलिमेंट लाइटबॉक्स बटन

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

तत्व के लिए आवश्यक ऐड-ऑन: नि: शुल्क तत्व

मुफ्त संस्करण में कुछ बुनियादी तत्व हैं जिन्हें जोड़ा जा सकता है:

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

एलिमेंट के लिए आवश्यक ऐड-ऑन डाउनलोड करें

तत्व के लिए आवश्यक ऐड-ऑन: भुगतान किए गए तत्व

सशुल्क संस्करण के साथ, आपको एक टन अधिक तत्व मिलते हैं जो वास्तव में आपके एलीमेंटर-आधारित थीम में अधिकतम क्षमता प्रदान करते हैं।

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

प्लगइन के साथ एक विकल्प जिसकी मैं वास्तव में सराहना करता हूं वह है साइट के भीतर इनमें से प्रत्येक तत्व को सक्षम या अक्षम करने की क्षमता। यह आपकी साइट में जोड़े जाने वाले प्रत्येक फीचर की स्क्रिप्ट के ऊपरी हिस्से को सीमित करता है।

एलिमेंट के लिए आवश्यक ऐड-ऑन डाउनलोड करें

तुम्हें क्या लगता है?

यह साइट स्पैम को कम करने के लिए अकिस्मेट का उपयोग करती है। जानें कि आपका डेटा कैसे संसाधित किया जाता है.