वर्डप्रेस में भाषा स्विचर कैसे जोड़ें

क्या आप अपनी वेबसाइट में वर्डप्रेस भाषा स्विचर जोड़ने के बारे में सोच रहे हैं? अगर हाँ, तो पढ़ते रहिए!

अपनी वर्डप्रेस साइट में भाषा बदलने का विकल्प जोड़ना और अपनी सामग्री का अनुवाद करना ताकि आगंतुक इसे अपनी भाषा में पढ़ सकें, आपको नए बाजारों तक पहुंचने, एसईओ और ऑनलाइन दृश्यता के लिए बेहतर अवसर प्रदान करने और नए दर्शकों के साथ विश्वास स्थापित करने में मदद कर सकता है। यह तय नहीं कर पा रहे हैं कि कौन सा प्लगइन इस्तेमाल करें? हमारे अन्य विकल्पों को देखें। तुलना वर्डप्रेस के शीर्ष बहुभाषी प्लगइन्स ।

साथ Weglot आप अपनी वर्डप्रेस साइट में कई भाषाएँ जोड़ सकते हैं या WooCommerce बिना किसी कोड की आवश्यकता के, 5 मिनट से भी कम समय में स्टोर करें।

इस लेख में, हम आपकी साइट पर वर्डप्रेस भाषा स्विचर जोड़ने और इसे अपनी साइट के डिज़ाइन के अनुरूप अनुकूलित करने के तरीके के बारे में विस्तृत चरण-दर-चरण मार्गदर्शिका प्रदान करेंगे।

ट्यूटोरियल: वर्डप्रेस भाषा स्विचर जोड़ें Weglot

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

साथ Weglot एक एआई-संचालित वर्डप्रेस के लिए अनुवाद प्लगइन , आप 5 मिनट में अपनी साइट में कई भाषाएँ जोड़ सकते हैं और बिना किसी कोड के डिज़ाइन को अनुकूलित कर सकते हैं। यही सेटअप अन्य वेबसाइटों पर भी काम करता है। WooCommerce स्टोर्स – चाहे आप एक मानक वर्डप्रेस साइट चला रहे हों या कोई अन्य साइट, स्विचर एक समान रूप से दिखाई देता है और व्यवहार करता है। WooCommerce इकट्ठा करना।

आप अपनी साइट पर विभिन्न स्थानों पर वर्डप्रेस भाषा स्विचर जोड़ना चुन सकते हैं, जिसमें आपके मेनू, विजेट या आपके HTML पृष्ठ के स्रोत कोड शामिल हैं। 

इस ट्यूटोरियल में, हम आपकी साइट के नेविगेशन में एक भाषा स्विचर जोड़ेंगे। डिफ़ॉल्ट रूप से, Weglot आपकी साइट के नीचे बाईं ओर भाषा स्विचर जोड़ता है। फिर हम आपको दिखाएंगे कि इसे अपनी सेटिंग्स के ज़रिए या Weglot का भाषा स्विचर visual editor . 

चरण 1: इंस्टॉल और सक्रिय करें Weglot लगाना

अपनी वर्डप्रेस साइट पर Weglot प्लगइन इंस्टॉल और एक्टिवेट करें। फिर, एक Weglot खाता, जहाँ आप अपने अनुवादों का प्रबंधन और संपादन करेंगे और एकीकरण के लिए अपनी विशिष्ट API कुंजी प्राप्त करेंगे

चरण 2: कनेक्ट करें Weglot और अपनी भाषाएँ चुनें

क्लिक करें Weglot अपने वर्डप्रेस डैशबोर्ड में टैब पर जाएं और अपनी एपीआई कुंजी जोड़ें, अपनी साइट की मूल भाषा और जो भाषा आप जोड़ना चाहते हैं उसे चुनें, और सहेजें पर क्लिक करें। 

चरण 3: अपनी साइट और भाषा स्विचर की जाँच करें

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

अपनी साइट के फ्रंट एंड पर एक नज़र डालें, और आपको नीचे-दाएँ कोने में एक नया वर्डप्रेस भाषा स्विचर दिखाई देगा।

जब आप इस पर क्लिक करेंगे, तो यह आपके लिए उपलब्ध भाषाओं को प्रदर्शित करने के लिए विस्तृत हो जाएगा और आपको अपना पसंदीदा अनुवाद चुनने और प्रदर्शित करने की सुविधा देगा।

यह डिफ़ॉल्ट डिज़ाइन है जो इसके साथ आता है Weglot , और अब आप अपने वर्डप्रेस भाषा स्विचर के स्वरूप और स्थान को कुछ अलग तरीकों से अनुकूलित कर सकते हैं।

अपने वर्डप्रेस भाषा स्विचर को अनुकूलित करें

बुनियादी अनुकूलन शुरू करने के लिए, वर्डप्रेस बैक-एंड में Weglot > भाषा बटन डिज़ाइन (वैकल्पिक) पर जाएँ। इस स्क्रीन पर, आप चुन सकते हैं:

• ड्रॉप-डाउन मेनू का उपयोग करना है या नहीं
• क्या आप अपने स्विचर के भीतर झंडे का उपयोग करेंगे, और प्रकार
• यदि आप अपनी भाषाओं के नाम प्रदर्शित करते हैं
• केवल भाषा कोड प्रदर्शित करने के लिए

CSS को ओवरराइड करने और उसे अपने कस्टम सिलेक्टर्स से बदलने के लिए भी एक सेक्शन है—हम इस पर थोड़ी देर में बात करेंगे। फ़िलहाल, आइए भाषा स्विचर को इस तरह कस्टमाइज़ करें कि भाषा के नाम बिना फ़्लैग के दिखें, लेकिन ड्रॉप-डाउन मेनू बना रहे।

ऐसा करने के लिए, “With flags” को अनचेक करें और “Is fullname” को चेक करें, फिर अपनी साइट पर एक नज़र डालें:

‍

आप कुछ उन्नत अनुकूलन भी कर सकते हैं। उदाहरण के लिए, नेविगेशन मेनू या साइडबार में भाषा स्विचर प्रदर्शित करें।

भाषा परिवर्तक प्लेसमेंट विकल्प

इसे करने के कई तरीके हैं, जैसे कि मेनू में, विजेट के रूप में, शॉर्टकोड का उपयोग करके, HTML के साथ, या एक फ्लोटिंग बटन के रूप में जो उपयोगकर्ता द्वारा स्क्रॉल करने पर स्क्रीन के कोने में रहता है। आप शॉर्टकोड का उपयोग करके स्विचर को सीधे पोस्ट या पेज सामग्री के भीतर भी रख सकते हैं। weglot _switcher] – इसे अपने पेज एडिटर में उस जगह पेस्ट करें जहाँ आप इसे दिखाना चाहते हैं। Weglot यह स्विचर FSE और ब्लॉक थीम सहित सभी वर्डप्रेस थीम के साथ काम करता है।

वापस जाएँ Weglot वर्डप्रेस डैशबोर्ड में स्क्रीन खोलें और पृष्ठ को नीचे स्क्रॉल करें जब तक कि आपको भाषा स्विचर प्रदर्शित करने के विकल्प दिखाई न दें:

आप भाषा स्विचर को कहाँ रखना चाहते हैं, इसके अनुसार बस दिए गए निर्देशों का पालन करें। इस स्थिति में, हम "Appearance -> menu" पर जाएँगे और मेनू में आइटम्स का क्रम बदलने के लिए स्विचर को ड्रैग और ड्रॉप करेंगे। 

जब आप तैयार हों और अपने परिवर्तन सहेज लें, तो एक बार फिर अपने फ्रंट एंड पर नज़र डालें:

हालाँकि भाषा स्विचर हेडर के अंदर है, लेकिन यह सही तरीके से प्रदर्शित नहीं हो रहा है। इसके अलावा, आप ड्रॉप-डाउन मेनू के बजाय इनलाइन भाषा कोड का भी इस्तेमाल कर सकते हैं।

उन्नत भाषा स्विचर स्टाइलिंग

यहीं पर आप CSS का इस्तेमाल करते हैं। सबसे पहले, ड्रॉप-डाउन सेटिंग को बंद कर दें। Weglot वर्डप्रेस में मेनू पर जाएँ। फिर, भाषा कोड प्रदर्शित करने के लिए बॉक्स को चेक करें।

यहां से, आप अपने फ़ॉन्ट, रंग और टेक्स्ट वेट के लिए चयनकर्ता सेट करने के लिए ओवरराइड CSS टेक्स्ट क्षेत्र का उपयोग कर सकते हैं ताकि यह आपकी साइट डिज़ाइन के अनुरूप हो:

अंत में, सामने की ओर अपने डिज़ाइन पर एक नज़र डालें:

सही प्लेसमेंट और CSS की कुछ पंक्तियों के साथ, आप जल्दी और आसानी से स्टाइल कर सकते हैं Weglot जटिल टेम्पलेट संपादन, HTML, या PHP कोडिंग कौशल की आवश्यकता के बिना आपकी साइट से मेल खाने के लिए भाषा स्विचर। 

ध्यान दें कि कस्टम CSS संशोधन पूरी तरह से वैकल्पिक हैं। आप उपलब्ध विकल्पों के माध्यम से डिज़ाइन को स्थानांतरित और बदल सकते हैं। Weglot अपने वर्डप्रेस एडमिन के टैब अनुभाग पर जाएँ। 

आप भी उपयोग कर सकते हैं Weglot का भाषा स्विचर visual editor यदि आप चीजों को अधिक दृश्यात्मक रूप से करना पसंद करते हैं: 

भाषा स्विचर visual editor आपको अपने वर्डप्रेस डैशबोर्ड जैसी ही सेटिंग्स नियंत्रित करने की सुविधा देता है। आप स्विचर को उस स्थान पर खींच सकते हैं जहाँ आप उसे दिखाना चाहते हैं, फिर अपनी वर्डप्रेस साइट पर बदलावों को लाइव करने के लिए "सहेजें" पर क्लिक करें। 

वर्डप्रेस भाषा स्विचर्स प्रदर्शित करने के लिए सर्वोत्तम अभ्यास

भाषा परिवर्तनकर्ता प्रायः प्रासंगिक विशेषताओं के आधार पर दो समूहों में विभाजित होते हैं:

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

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

1. अपनी भाषा के विकल्प सावधानी से चुनें। सिर्फ़ इसलिए कि आप हर भाषा को सक्षम कर सकते हैं , इसका मतलब यह नहीं कि आपको ऐसा करना चाहिए; आपको सिर्फ़ उन्हीं भाषाओं को सक्रिय करना चाहिए जिनकी आपको ज़रूरत है। 
2. अपने भाषा स्विचर को आसानी से ढूँढ़ने योग्य बनाएँ। अपने भाषा स्विचर को अपने पेज के हेडर या फ़ुटर में रखना एक अच्छा विचार है, दोनों ही बेहतरीन जगहें हैं। मोबाइल उपकरणों के लिए, आपको अक्सर मुख्य नेविगेशन में मेनू आइटम के रूप में भाषा स्विचर मिलते हैं।
3. अपने वर्डप्रेस भाषा स्विचर को अपनी डिज़ाइन से मेल खाने के लिए स्टाइल करें। हालाँकि, दिए गए सामान्य भाषा स्विचर के साथ बने रहना आकर्षक लग सकता है, लेकिन इसे अपनी साइट के लुक और फील से मेल खाने के लिए कस्टमाइज़ करना एक अच्छा विचार है।
4. अपनी चुनी हुई भाषाओं के लिए झंडे या नाम चुनें। जबकि झंडे कई कारणों से डिजाइनरों के लिए आकर्षक होते हैं (वे रंगीन, प्रतिष्ठित और स्थान-कुशल होते हैं), झंडे भाषाओं को दर्शाने के लिए डिज़ाइन नहीं किए जाते हैं। इससे कई तरह की समस्याएं पैदा होती हैं।

सफल भाषा परिवर्तनकर्ताओं के 3 उदाहरण

वेब ब्राउज़ करते समय आपको अक्सर भाषा स्विचर दिखाई देंगे। हालाँकि, अगर आप दूसरी भाषा नहीं बोलते (या कोई विकल्प नहीं ढूँढ़ते), तो आपको शायद यह पता न हो कि पेज पर उनके डिज़ाइन और स्थान के मामले में वे कितने विविध हो सकते हैं।

1. माइक्रोसॉफ्ट अनुवादक

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

2. एट्सी

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

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

3. एवरनोट

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

इसे ढूंढना आसान है और इसमें स्पष्ट लेबलिंग दी गई है - यह साबित करता है कि एक न्यूनतम स्विचर भी स्पष्ट और सहज अनुभव प्रदान कर सकता है।

एक अच्छी तरह से डिज़ाइन किया गया वर्डप्रेस भाषा स्विचर प्राप्त करें

सही टूल्स की मदद से अपनी साइट पर वर्डप्रेस लैंग्वेज स्विचर जोड़ना आसान है। Weglot इसमें आपको स्वचालित रूप से भाषा बदलने का विकल्प मिलता है, पहले दिन से ही पूर्ण AI अनुवाद और संपादन पर पूरा नियंत्रण मिलता है – किसी डेवलपर की आवश्यकता नहीं है। अनुवाद टूल पृष्ठभूमि में चलता है, जिससे आपके अनुवाद हमेशा अद्यतन, ब्रांड के अनुरूप और बिना किसी हस्तक्षेप के चलते रहते हैं। आप यह भी कर सकते हैं अपने यहां से ऑटो-रीडायरेक्शन सक्षम करें Weglot डैशबोर्ड - यह आगंतुक के ब्राउज़र की भाषा का पता लगाता है और स्वचालित रूप से उन्हें आपकी साइट का सही भाषा संस्करण प्रदान करता है।

Weglot इसे बहुभाषी एसईओ को ध्यान में रखकर बनाया गया है। यह आपकी साइट के प्रत्येक अनुवादित संस्करण के लिए स्वचालित रूप से भाषा उपनिर्देशिकाएँ बनाता है। यह hreflang टैग जोड़ता है और आपके मेटाडेटा का अनुवाद करता है। खोज इंजन पहले दिन से ही हर भाषा संस्करण को खोज और अनुक्रमित कर सकते हैं।

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

क्या आप अपनी साइट पर वर्डप्रेस भाषा स्विचर जोड़ना चाहते हैं? शुरुआत करें Weglot का निःशुल्क प्लान, क्रेडिट कार्ड की आवश्यकता नहीं ।