"भाषा स्विचर" आपके स्थानीयकृत इंफ्रास्ट्रक्चर से जुड़ने के लिए उपयोगकर्ता का माध्यम है। MultiLipi परिनियोजन में आसानी और डिज़ाइन अखंडता को संतुलित करने के लिए दो अलग-अलग इंजेक्शन विधियों का समर्थन करता है। आप इसे एक स्थायी फ्लोटिंग ओवरले (रैपिड लॉन्च के लिए सर्वश्रेष्ठ) के रूप में या एक गहराई से एकीकृत एम्बेडेड एलिमेंट (कस्टम डिज़ाइन के लिए सर्वश्रेष्ठ) के रूप में परिनियोजित कर सकते हैं।
यह गाइड दोनों रणनीतियों के बीच नेविगेशन चरणों और तकनीकी अंतरों का विवरण देता है।
1. कॉन्फ़िगरेशन प्रोटोकॉल (नेविगेशन)
इंटरफ़ेस नियंत्रण तक पहुँचना।
अपने कमांड सेंटर में इस पथ का अनुसरण करें:
चरण 1: डैशबोर्ड एक्सेस करें
अपने MultiLipi खाते में लॉग इन करें ताकि होम व्यू तक पहुंचा जा सके।
चरण 2: प्रोजेक्ट चुनें
उस वेबसाइट के लिए विशिष्ट प्रोजेक्ट टाइल पर क्लिक करें जिसे आप कॉन्फ़िगर करना चाहते हैं।
चरण 3: सेटिंग्स तक पहुँचें
बाएं हाथ के साइडबार पर, सेटिंग्स पर क्लिक करें।
चरण 4: मॉड्यूल का पता लगाएँ
उप-मेनू या सेटिंग्स सूची से, भाषा स्विचर चुनें।
कार्रवाई:
यहां आपको फ्लोटिंग और एम्बेडेड मोड के बीच टॉगल करने का विकल्प दिखाई देगा।
2. फ़्लोटिंग स्विचर (ओवरले मोड)
जेएस इंजेक्शन के माध्यम से रैपिड डिप्लॉयमेंट।
यह क्या है?
फ्लोटिंग स्विचचर एक स्वायत्त विजेट है जिसे जावास्क्रिप्ट के माध्यम से DOM में इंजेक्ट किया जाता है। यह आपके वेबसाइट की सामग्री के ऊपर Z-अक्ष पर बैठता है, जो व्यूपोर्ट के कोने में लंगर डाले हुए है।
पोजिशनिंग: चार क्वाड्रंट में से किसी में भी कॉन्फ़िगर करने योग्य:
- •नीचे-बाएँ (डिफ़ॉल्ट) / नीचे-दाएँ
- •टॉप-लेफ्ट / टॉप-राइट
आर्किटेक्चरल लाभ:
- •ज़ीरो कोड: किसी HTML संपादन की आवश्यकता नहीं है। यह स्क्रिप्ट इंजेक्शन पर तुरंत काम करता है।
- •यूनिवर्सल कंपैटिबिलिटी: लेआउट फ्लो को तोड़े बिना किसी भी प्लेटफ़ॉर्म (WordPress, Shopify, Webflow) पर रेंडर होने की गारंटी।
- •मोबाइल रिस्पॉन्सिव: स्वचालित रूप से छोटे व्यूपोर्ट के लिए स्केल और रीपोजिशन करता है।
इसके लिए आदर्श: वे टीमें जिन्हें फ़्रंट-एंड डेवलपर को शामिल किए बिना "प्लग-एंड-प्ले" समाधान की आवश्यकता है।
3. एम्बेडेड स्विचर (एकीकरण मोड)
सीमलेस DOM इंसर्शन।
यह क्या है?
एम्बेडेड स्विचर आपको अपने HTML स्ट्रक्चर के भीतर एक विशिष्ट कंटेनर में सीधे भाषा टॉगल इंजेक्ट करने की अनुमति देता है, जैसे कि आपका नेविगेशन बार (
तंत्र: आप मल्टीलिपि डैशबोर्ड में एक विशिष्ट CSS चयनकर्ता (आईडी या क्लास) प्रदान करते हैं।
उदाहरण इनपुट: #menu-language-item या .navbar-right
एक्शन: हमारी स्क्रिप्ट उस विशिष्ट चयनकर्ता के लिए DOM को स्कैन करती है और उसके पैरेंट के लेआउट बाधाओं को इनहेरिट करते हुए, उस एलिमेंट के अंदर स्विचर को रेंडर करती है।
इसके लिए आदर्श: डिज़ाइनर जिन्हें पिक्सेल-परफेक्ट नियंत्रण की आवश्यकता होती है और वे चाहते हैं कि स्विचर UI मेनू सिस्टम के मूल भाग की तरह लगे।
4. फ़ेलओवर प्रोटोकॉल (सुरक्षा तर्क)
इंटरफ़ेस उपलब्धता सुनिश्चित करना।
डायनामिक वेब वातावरण में, आईडी और क्लास बदल सकते हैं। क्या होगा यदि आप #nav-lang को लक्षित करते हुए एक एम्बेडेड स्विचचर को तैनात करते हैं, लेकिन आपका डेवलपर गलती से उस आईडी को #nav-menu में बदल देता है?
मल्टीलिपि स्वचालित फेलओवर निष्पादित करता है:
- •स्कैन करें: स्क्रिप्ट लक्ष्य CSS चयनकर्ता का पता लगाने का प्रयास करती है।
- •विफलता: यदि लक्ष्य नहीं मिलता है (नल), तो स्क्रिप्ट एक त्रुटि फ़्लैग करती है।
- •रिकवरी: यह स्वचालित रूप से फ़्लोटिंग मोड में वापस आ जाता है।
- •परिणाम: स्विचर डिफ़ॉल्ट फ्लोटिंग स्थिति (जैसे, बॉटम-राइट) में दिखाई देता है, यह सुनिश्चित करता है कि लेआउट टूटने पर भी उपयोगकर्ता अभी भी भाषा बदल सकता है।
- •डीबगिंग: डेवलपर्स को सेलेक्टर ठीक करने के लिए कंसोल चेतावनी लॉग की जाती है।