क्या आपने कभी WordPress वेबसाइट पर फोंट बदलना चाहा है? कस्टमाइज़र के साथ एक नया फ़ॉन्ट चुनना मुश्किल नहीं है। चुनौती तब आती है जब आप एक ऐसे फ़ॉन्ट का उपयोग करना चाहते हैं जो थीम के साथ नहीं आता है या यदि आप जिस एलिमेंट को बदलना चाहते हैं उसके लिए ऐसा करने का कोई विकल्प नहीं है।
अनुकूलन योग्य फ़ॉन्ट बदलें
अधिक फ़ॉन्ट प्राप्त करने के लिए, पहले अपनी साइट पर Easy Google Fonts प्लगइन इंस्टॉल करें।
1. "प्लगइन्स -> नया जोड़ें" पर जाएं।
2. "Easy Google Font" खोजें।
3. इंस्टॉल पर क्लिक करें और फिर सक्रिय करें।
4. अब आपकी साइट पर अधिक फ़ॉन्ट विकल्प हैं। उन्हें बदलने के लिए, अपने कस्टमाइज़र में जाएं (Appearance -> Customize)।
5. "Typography -> Theme typography" पर क्लिक करें।
6. ड्रॉपडाउन तीर पर क्लिक करें और नीचे स्क्रॉल करें। आपको कई और उपलब्ध फ़ॉन्ट दिखाई देंगे।
7. जिसका आप उपयोग करना चाहते हैं उसे चुनने के लिए क्लिक करें।
प्लगइन का उपयोग करके उस टेक्स्ट को बदलना बहुत सरल है जो पहले से ही आपकी थीम में अनुकूलन योग्य है। निराशाजनक हिस्सा तब आता है जब आप किसी विशेष टेक्स्ट को एक अलग फ़ॉन्ट बनाना चाहते हैं, और इसे बदलने के लिए कोई जगह नहीं है!
उन्हें अनुकूलित करने के लिए आपको वेबसाइट के उस हिस्से के लिए CSS कोड बदलने की आवश्यकता है। हालांकि, यह छिपा हुआ है, इसलिए आपको इसे ट्रैक करने की आवश्यकता है।
एक्सटेंशन प्राप्त करें
Google Chrome ब्राउज़र में, WhatFont नामक एक एक्सटेंशन खोजें, और फिर इसे इंस्टॉल करें और इसे चलाने की अनुमति दें।
जब सक्षम होता है, तो WhatFont किसी भी वेबसाइट पर पाए जाने वाले किसी भी फ़ॉन्ट की पहचान करता है। इसलिए यदि आप एक फ़ॉन्ट पसंद करते हैं और इसे अपने काम में उपयोग करना चाहते हैं, तो WhatFont चलाते समय टेक्स्ट पर अपना माउस होवर करें, और यह आपको फ़ॉन्ट का नाम दिखाएगा।
अगला एक्सटेंशन जिसे आपको इंस्टॉल और सक्रिय करने की आवश्यकता है वह है Firebug Lite। यह आपकी साइट कोड प्रदर्शित करता है और आपको CSS प्रॉपर्टीज को लाइव संपादित करने की अनुमति देता है। यह एक्सटेंशन कोड में टेक्स्ट का स्थान ढूंढकर फ़ॉन्ट ढूंढना और बदलना आसान बनाता है।
फ़ॉन्ट ढूंढें
यह पता लगाने के लिए कि आपकी थीम वर्तमान में किस फ़ॉन्ट का उपयोग कर रही है:
1. इसके आइकन पर क्लिक करके WhatFont को सक्रिय करें
2. उस फ़ॉन्ट पर होवर करें जिसे आप पहचानना चाहते हैं।
3. फ़ॉन्ट नाम नोट करें।
4. WhatFont को बंद करें।
अगला चरण उस CSS का पता लगाना है जिसमें वह फ़ॉन्ट कोड में है।
1. पहले की तरह कस्टमाइज़र खोलें।
2. Firebug Lite खोलें (एक बग का आइकन जिसमें एक स्क्रूड्राइवर है)।
3. जब आप Firebug को सक्रिय करते हैं, तो साइट का कोड स्क्रीन के नीचे प्रदर्शित होता है।
आपको इस कोड के साथ काम करते समय बहुत सावधान रहने की आवश्यकता है, खासकर यदि आप CSS में विशेषज्ञ नहीं हैं। यदि आप निर्देशों का अच्छी तरह से पालन करते हैं, तो आपको अपनी साइट को नष्ट किए बिना फ़ॉन्ट को आसानी से बदलने में सक्षम होना चाहिए। आगे बढ़ने से पहले अपनी साइट का बैकअप लेना एक अच्छा विचार होगा।
उस टेक्स्ट का वर्तमान फ़ॉन्ट ढूंढें जिसे आप बदलना चाहते हैं।
1. CSS पर क्लिक करें।
2. style.css फ़ाइल चुनें। (यह एक लंबी फ़ाइल है।)
3. Ctrl + f दबाएं और खोज बॉक्स में आपके द्वारा लिखे गए फ़ॉन्ट को टाइप करें।
4. इस उदाहरण में मैं Helvetica की तलाश कर रहा था, और आप तस्वीर में नारंगी में उस फ़ॉन्ट का स्थान स्टाइल्स CSS में देख सकते हैं।
4. फ़ॉन्ट के स्थान को हाइलाइट करें और कॉपी करें। मैंने इसे ऊपर की तस्वीर में पीले रंग में हाइलाइट किया है। यदि एक से अधिक स्थान सूचीबद्ध हैं, तो उनमें से केवल एक को कॉपी करें।
फ़ॉन्ट नियंत्रण बनाएं
फ़ॉन्ट नियंत्रण प्लगइन को बताते हैं कि CSS कहां उस फ़ॉन्ट का उपयोग करता है जिसे हम बदलना चाहते हैं। यह चरण थोड़ा परीक्षण और त्रुटि का हो सकता है, खासकर यदि आप जिस फ़ॉन्ट की तलाश कर रहे हैं वह आपकी साइट पर कई अलग-अलग स्थानों पर है।
1. अपने एडमिन पैनल पर वापस जाएं, सेटिंग्स पर होवर करें, और Google Fonts पर क्लिक करें।
2. "एक नया फ़ॉन्ट नियंत्रण बनाएं" पर क्लिक करें।
3. नए फ़ॉन्ट के स्थान का वर्णन करने के लिए इसका नाम बदलें।
4. CSS सिलेक्टर्स बॉक्स में CSS सूची से कॉपी किए गए स्थान को पेस्ट करें।
5. फोर्स स्टाइल्स ओवरराइड बॉक्स पर क्लिक करें।
6. सेव करें।
इसे जांचें
अपने कस्टमाइज़र में वापस जाएं और उस स्थान का पता लगाएं जहां आप फ़ॉन्ट बदलना चाहते हैं। आपके द्वारा अभी बनाए गए फ़ॉन्ट नियंत्रण के लिए ड्रॉपडाउन बॉक्स ढूंढें। इसे नीचे खींचें और उस फ़ॉन्ट का चयन करें जिसका आप उपयोग करना चाहते हैं। यदि यह सफलतापूर्वक काम करता है, तो फ़ॉन्ट आपके क्लिक करते ही बदल जाता है।
यदि यह काम नहीं करता है, तो फ़ॉन्ट कंट्रोल में वापस जाएं, आपके द्वारा पेस्ट किए गए स्थान को हटाएं, और अपने CSS में एक अलग स्थान का उपयोग करके फिर से कोशिश करें जहां मूल फ़ॉन्ट सूचीबद्ध था। याद रखें, इसे काम करने के लिए कई प्रयास लग सकते हैं।
यहां तक कि यदि आप एक सामान्य थीम का उपयोग करते हैं, तो अपनी WordPress थीम में किसी भी फ़ॉन्ट को बदलने की क्षमता आपकी साइट को एक अनूठा रूप देगी। सुनिश्चित करें कि आपकी साइट ठीक से अपडेट है, और इसे आज़माएं।
