यह ब्लॉग वर्डप्रेस लाइटबॉक्स के महत्व और इसे लागू करने की प्रक्रिया पर चर्चा करेगा।
वर्डप्रेस में लाइटबॉक्स क्या है?
एक लाइटबॉक्स एक पॉप-अप विंडो से मेल खाता है जो पूर्ण आकार में एक छोटी छवि प्रदर्शित करने के लिए पोस्ट/पेजों पर प्रदर्शित होता है। यह ऐसा है कि यह कई मीडिया आइटमों को आयात/अपलोड करने और उन्हें साइट पर तैनात करने के लिए एक गैलरी के रूप में कार्य करता है। इसके अलावा, तैनाती के बाद, जब मीडिया पर क्लिक किया जाता है, तो यह अधिकतम हो जाता है और स्क्रीन पर स्पष्ट रूप से दिखाई देता है। लाइटबॉक्स का सबसे आम अनुप्रयोग प्रदर्शित करना है ब्लॉग पर उच्च गुणवत्ता वाली छवियां उनके आकार को बनाए रखते हुए.
वर्डप्रेस में लाइटबॉक्स कैसे लागू करें?
लाइटबॉक्स को विभिन्न प्लगइन्स की सहायता से कार्यान्वित/लागू किया जा सकता है। इस मामले में, ' रिस्पॉन्सिव लाइटबॉक्स और गैलरी प्लगइन का उपयोग किया जाएगा.
वर्डप्रेस में लाइटबॉक्स को लागू करने के लिए निम्नलिखित चरणों का उपयोग करें।
चरण 1: प्लगइन इंस्टॉल करें
सबसे पहले, 'इंस्टॉल करें' रिस्पॉन्सिव लाइटबॉक्स और गैलरी 'से प्लगइन' प्लगइन्स->नया जोड़ें ”:
एक बार इंस्टॉलेशन और सक्रियण हो जाने के बाद, 'ट्रिगर करें' दौरा शुरू करो प्लगइन का उपयोग शुरू करने के लिए 'बटन:
चरण 2: छवियाँ जोड़ें
अब, “से एक नई गैलरी जोड़ें” गैलरी->नया जोड़ें ”:
उसके बाद, गैलरी को एक कस्टम नाम निर्दिष्ट करें और 'का उपयोग करें' मीडिया पुस्तकालय 'विकल्प और ट्रिगर' छवियाँ चुनें 'नई छवियां अपलोड करने या 'मीडिया लाइब्रेरी' से मौजूदा छवियां जोड़ने के लिए:
यहां, उपयोग की जाने वाली छवियों को चिह्नित करें और हाइलाइट किए गए बटन को दबाएं:
चरण 3: अपलोड की गई छवियों को संपादित करें
इसके बजाय छवियों को संपादित करने या हटाने के लिए, नए विकल्प प्रदर्शित करने के लिए लक्ष्य छवि पर होवर करें, निम्नानुसार:
यहां, यह कल्पना की जा सकती है कि “क्लिक करने पर” संपादित छवि ”विकल्प, विभिन्न संपादन विकल्प जैसे ऑल्ट टेक्स्ट, शीर्षक, कैप्शन और विवरण स्पष्ट हो जाते हैं जिन्हें तदनुसार भरा जा सकता है। संपादन के बाद, सुनिश्चित करें कि “ परिवर्तनों को सुरक्षित करें ' बटन:
लाइटबॉक्स को अनुकूलित करना
लाइटबॉक्स को अनुकूलित करने के लिए, कई आवंटित टैब हैं जिनमें से प्रत्येक में समर्पित कार्यक्षमताएं हैं। इन टैब को अलग-अलग समझाया जाएगा.
कॉन्फ़िग(कॉन्फ़िगरेशन) टैब: यह टैब आपको गैलरी की शैली चुनने की अनुमति देता है। इसमें गैलरी के कॉन्फ़िगरेशन के लिए रेडियो बटन के रूप में बताए गए चार विकल्प शामिल हैं:
डिज़ाइन टैब: इसमें क्रमशः थंबनेल, शीर्षक, पृष्ठभूमि और बॉर्डर को संशोधित करने के लिए कई विकल्प शामिल हैं:
पेजिंग टैब: यह टैब डेवलपर को पेजिनेशन सक्षम करने, उसका प्रकार, स्थिति आदि निर्दिष्ट करने की अनुमति देता है:
लाइटबॉक्स टैब: यहां, शीर्षक और कैप्शन सेट करने के साथ-साथ छवि का आकार समायोजित किया जा सकता है:
विविध टैब: यह 'जोड़ने की अनुमति देता है गैलरी विवरण ' और ' कस्टम कक्षाएं ' वगैरह।:
लाइटबॉक्स को वर्डप्रेस पेज/पोस्ट में जोड़ना
गैलरी डिज़ाइन करने के बाद पोस्ट या पेज को लाइटबॉक्स के रूप में भी जोड़ा जा सकता है। ऐसा करने के लिए, नीचे दिए गए चरणों के माध्यम से शॉर्टकोड को लक्ष्य पोस्ट/पेज की संपादन स्क्रीन में पेस्ट करें:
चरण 1: सभी गैलरी पर नेविगेट करें
पर स्विच ' गैलरी > सभी गैलरी ' और शोर्टकोड को ' से कॉपी करें लघु कूट संख्या ' स्तंभ:
चरण 2: कोड चिपकाएँ
यहां, पेज (इस मामले में) या पोस्ट को लाइटबॉक्स के साथ संशोधित करने के लिए खोलता है और शॉर्टकोड को सीधे टेक्स्ट एडिटर ब्लॉक में पेस्ट करता है, जैसा कि नीचे बताया गया है:
अंतिम वेबसाइट देखो
होम पेज पर लाइटबॉक्स छवियों के कार्यान्वयन के बाद वेबसाइट का अंतिम रूप नीचे दिया गया है:
क्लिक करने पर ये छवियां किसी अन्य कार्यक्षमता की भागीदारी के बिना पूर्ण आकार में हिंडोला के रूप में कार्य करती हैं:
निष्कर्ष
ए ' प्रकाश बॉक्स ” एक पॉप-अप विंडो से मेल खाती है जो कई मीडिया आइटम आयात करने और उन्हें साइट पर तैनात करने के लिए गैलरी के रूप में कार्य करती है। इसे विभिन्न प्लगइन्स की मदद से लागू किया जा सकता है। इसके अलावा, इसमें कई अनुकूलन विकल्प शामिल हैं जिन्हें लक्ष्य छवि पर लागू किया जा सकता है और अंततः साइट की कार्यक्षमता के साथ एकीकृत किया जा सकता है। इस लेख में 'की कार्यप्रणाली पर चर्चा की गई' प्रकाश बॉक्स और इसे लागू करने की पद्धतियाँ।