इसमें फ़ेविकॉन कैसे जोड़ें खरीदारी करें

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

शुरू करने से पहले, एक चौकोर फ़ेविकॉन छवि तैयार रखें। Shopify 32 × 32 पिक्सेल के फ़ेविकॉन आकार की अनुशंसा करता है, हालाँकि Shopify के दस्तावेज़ में 16 × 16 पिक्सेल छवि को आदर्श फ़ेविकॉन आकार के रूप में भी सूचीबद्ध किया गया है। 32 × 32 पिक्सेल से बड़ी छवियाँ अपलोड होने पर 32 × 32 पिक्सेल तक कम की जा सकती हैं।

आप Shopify पर फ़ेविकॉन कैसे जोड़ते हैं?

Shopify योग्य स्टोर्स के लिए थीम संपादक के माध्यम से फ़ेविकॉन सेटिंग प्रदान करता है। सेटिंग का सटीक स्थान थीम संस्करण के अनुसार भिन्न हो सकता है। शॉपिफाई के वर्तमान निर्देश इसे थीम सेटिंग्स के अंतर्गत रखते हैं, जहां यह फ़ेविकॉन या लोगो के अंतर्गत दिखाई दे सकता है।

1. Shopify में लॉग इन करें: अपने Shopify व्यवस्थापक में साइन इन करें. आपको उस स्टोर तक पहुंच की आवश्यकता है जिसका फ़ेविकॉन आप बदलना चाहते हैं।
2. ऑनलाइन स्टोर खोलें > थीम्स: Shopify एडमिन से, पर जाएँ ऑनलाइन स्टोर > थीम्स. वह थीम ढूंढें जिसे आप संशोधित करना चाहते हैं.
3. थीम संपादक खोलें: क्लिक करें अनुकूलित करें (या थीम संपादित करें) उस थीम के आगे जिसे आप अनुकूलित करना चाहते हैं। महत्वपूर्ण बिंदु यह है कि जिस थीम को आप बदलना चाहते हैं उसके लिए थीम एडिटर खोलें।
4. थीम सेटिंग खोलें: थीम संपादक के अंदर, क्लिक करें थीम सेटिंग्स आइकन (बाएं पैनल पर गियर आइकन द्वारा दर्शाया गया है)।
5. फ़ेविकॉन सेटिंग ढूंढें: आपके थीम संस्करण के आधार पर, क्लिक करें लोगो या फ़ेविकॉन. शॉपिफाई विशेष रूप से नोट करता है क��� थीम संस्करण के आधार पर स्थान भिन्न हो सकता है। यह न मानें कि प्रत्येक Shopify थीम एक ही स्थान पर एक समान नामित सेटिंग प्रदर्शित करेगी।
6. अपनी फ़ेविकॉन छवि चुनें: फ़ेविकॉन छवि अनुभाग में, क्लिक करें छवि का चयन करें. फिर आप या तो उस छवि का चयन कर सकते हैं जो पहले से ही आपके Shopify व्यवस्थापक पर अपलोड की गई है, या क्लिक करें छवियाँ जोड़ें और अपने कंप्यूटर से एक छवि अपलोड करें. आपके द्वारा तैयार किया गया फ़ेविकॉन चुनें.
7. पूर्ण पर क्लिक करें: इमेज सेलेक्ट करने के बाद क्लिक करें हो गया. शॉपिफाई आपको फ़ेविकॉन सेटिंग्स पर लौटा देगा।
8. उपलब्ध होने पर वैकल्पिक टेक्स्ट जोड़ें: कुछ थीम आपको फ़ेविकॉन में वैकल्पिक टेक्स्ट जोड़ने देती हैं। ऐसा करने के लिए, क्लिक करें संपादित करें फ़ेविकॉन छवि अनुभाग में और छवि का संक्षिप्त विवरण दर्ज करें। शॉपिफाई नोट करता है कि कुछ थीम यह विकल्प प्रदान करती हैं। एक वर्णनात्मक उदाहरण होगा: काले रंग की पृष्ठभूमि पर सफेद रंग में ब्रांड के प्रथमाक्षर.
9. अपने परिवर्तन सहेजें: क्लिक करें सहेजें शीर्ष दाईं ओर. यह उस थीम पर फ़ेविकॉन लागू करता है जिसे आप संपादित कर रहे हैं।
10. लाइव स्टोर जांचें: अपने प्रकाशित Shopify स्टोर को सामान्य ब्राउज़र विंडो में खोलें। ब्राउज़र टैब देखें और जांचें कि क्या आपका नया फ़ेविकॉन पृष्ठ शीर्षक के बगल में दिखाई देता है। केवल Shopify थीम एडिटर के अंदर पूर्वावलोकन पर भरोसा न करें। Shopify नोट करता है कि थीम संपादक के मा��्यम से किसी थीम को देखते समय फ़ेविकॉन प्रदर्शित नहीं होते हैं क्योंकि संपादक लाइव स्टोरफ्रंट के बजाय Shopify एडमिन का हिस्सा है।

Shopify में फ़ेविकॉन सेटिंग कहाँ है?

वर्तमान Shopify निर्देशों में, फ़ेविकॉन सेटिंग को थीम संपादक के माध्यम से एक्सेस किया जाता है:

Shopify एडमिन → ऑनलाइन स्टोर → थीम → थीम संपादित करें/कस्टमाइज़ करें → थीम सेटिंग्स

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

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

यदि आपको फ़ेविकॉन सेटिंग नहीं मिल पा रही है तो क्या करें?

सबसे पहले, पुष्टि करें कि आप सही थीम संपादित कर रहे हैं। फिर जांचें:

• पर जाएँ ऑनलाइन स्टोर > थीम्स.
• वह विषय खोलें जिसे आप वास्तव में प्रकाशित करना चाहते हैं।
• खुला थीम सेटिंग्स.
• दोनों की जांच करें फ़ेविकॉन और लोगो.
• संपूर्ण थीम सेटिंग पैनल देखें. कुछ थीम अपनी सेटिंग्स को अलग ढंग से व्यवस्थित करती हैं।

यदि आपकी थीम वास्तव में फ़ेविकॉन सेटिंग को उजागर नहीं करती है, तो थीम कोड एक विकल्प प्रदान कर सकता है। Shopify थीम सेटिंग्स_schema.json के माध्यम से वैश्विक सेटिंग्स को उजागर कर सकती हैं, और Shopify के डेवलपर दस्तावेज़ से पता चलता है कि फ़ेविकॉन सेटिंग्स को थीम की वैश्विक सेटिंग्स ऑब्जेक्ट के माध्यम से प्रस्तुत किया जा सकता है। जब थीम पहले से ही फ़ेविकॉन सेटिंग प्रदान करती है तो कोड संपादन पहला विकल्प नहीं होना चाहिए।

शॉपिफाई फ़ेविकॉन किस आकार का होना चाहिए?

Shopify फ़ेविकॉन के लिए 32 × 32 पिक्सेल की अनुशंसा करता है। इसका सहायता दस्तावेज़ 16 × 16 पिक्सेल को एक आदर्श फ़ेविकॉन आकार के रूप में भी पहचानता है और बताता है कि अपलोड होने पर बड़ी छवियों को 32 × 32 पिक्सेल तक कम किया जा ��कता है।

व्यावहारिक प्राथमिकता केवल एक संख्या चुनना नहीं है। फ़ेविकॉन आकार में प्रदर्शित होने के बाद छवि पहचानने योग्य बनी रहनी चाहिए। उदाहरण के लिए, संपूर्ण कंपनी नाम वाला 32 × 32 पिक्सेल आइकन तकनीकी रूप से फिट हो सकता है लेकिन फिर भी उसे पढ़ना असंभव है। मजबूत कंट्रास्ट वाला एक साधारण प्रतीक बहुत बेहतर काम कर सकता है।

आप Shopify के लिए फ़ेविकॉन कैसे बनाते हैं?

आपके पास पहले से कौन सी ब्रांड संपत्तियां हैं, इसके आधार पर आपके पास कई विकल्प हैं।

अपने लोगो से एक फ़ेविकॉन बनाएं

अपने लोगो के सबसे पहचानने योग्य हिस्से से शुरुआत करें। एक क्षैतिज लोगो जिसमें एक प्रतीक और एक लंबी कंपनी का नाम होता है, उसे आमतौर पर आनुपातिक रूप से कम करने के बजाय सरल बनाया जाना चाहिए जब तक कि पाठ अपठनीय न हो जाए। केवल प्रतीक का उपयोग करें या एक या दो पहचानने योग्य प्रारंभिक अक्षरों को संयोजित करें।

आरंभिक अक्षरों से एक फ़ेविकॉन बनाएं

यदि आपकी कंपनी के पास कोई विशिष्ट आइकन नहीं है, तो एक या दो अक्षरों का उपयोग करके एक साधारण फ़ेविकॉन बनाएं। उदाहरण के लिए, एन.एस नॉर्थ स्टार नामक ब्रांड का प्रतिनिधित्व कर सकता है। स्पष्ट टाइपफेस, पर्याप्त रिक्ति और मजबूत कंट्रास्ट का उपयोग करें।

किसी मौजूदा पीएनजी को फ़ेविकॉन में बदलें

यदि आपके पास पहले से ही एक चौकोर पीएनजी छवि है, तो आप इसे अपलोड करने से पहले इसे फ़ेविकॉन-तैयार कलाकृति में बदल सकते हैं। एक उपकरण जैसे PNGtoFavicon.com पीएनजी को फ़ेविकॉन में परिवर्तित कर सकते हैं, जो तब उपयोगी होता है जब आपके पास पहले से ही एक ब्रांड छवि हो लेकिन एक समर्पित फ़ेविकॉन संस्करण की आवश्यकता हो।

रूपांतरण के बाद, Shopify पर अपलोड करने से पहले परिणामी आइकन का छोटे आकार में निरीक्षण करें।

छोटे-स्क्रीन डिस्प्ले के लिए विशेष रूप से एक फ़ेविकॉन बनाएं

परिणाम की जांच किए बिना अपने पूर्ण आकार के लोगो को छोटा न करें। अनावश्यक तत्वों को हटा दें, जरूरत पड़ने पर कंट्रास्ट बढ़ाएं और सुनिश्चित करें कि आइकन का महत्वपूर्ण हिस्सा दृश्यमान रहे। फ़ेविकॉन तब सफल होता है जब कोई विज़िटर ज़ूम इन किए बिना छोटे आइकन से आपके ब्रांड की पहचान कर सकता है।

आप कैसे जांचेंगे कि आप���ा शॉपिफाई फ़ेविकॉन काम कर रहा है या नहीं?

फ़ेविकॉन को सेव करने के बाद, इसे लाइव स्टोरफ्रंट पर सत्यापित करें।

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

मेरा शॉपिफाई फ़ेविकॉन क्यों नहीं दिख रहा है?

कई अलग-अलग समस्याएं एक ही लक्षण उत्पन्न कर सकती हैं।

आप उस Shopify फ़ेविकॉन को कैसे ठीक करते हैं जो अपडेट नहीं हो रहा है?

इन जांचों को क्रम से पूरा करें:

1. खुला ऑनलाइन स्टोर > थीम्स.
2. पुष्टि करें कि आप सही थीम संपादित कर रहे हैं।
3. खुला थीम सेटिंग्स.
4. की जाँच करें फ़ेविकॉन या लोगो सेटिंग.
5. पुष्टि करें कि सही छवि चुनी गई है.
6. क्लिक करें सहेजें.
7. प्रकाशित स्टोरफ्रंट खोलें, थीम संपादक नहीं।
8. किसी निजी या गुप्त ब्राउज़र विंडो में ��ाइट का परीक्षण करें।
9. किसी अन्य ब्राउज़र का परीक्षण करें.
10. ब्राउज़र टैब में फ़ेविकॉन को दोबारा जांचें।

यह क्रम यह पहचानने में मदद करता है कि समस्या Shopify सेटिंग्स, चयनित थीम या ब्राउज़र कैशिंग से आती है या नहीं।

आप Shopify फ़ेविकॉन को कैसे बदलते या बदलते हैं?

फ़ेविकॉन को बदलने पर प्रारंभिक अपलोड के समान थीम सेटिंग्स का उपयोग किया जाता है।

• अपने Shopify एडमिन में लॉग इन करें।
• ऑनलाइन स्टोर > थीम पर जाएँ.
• वह थीम ढूंढें जिसे आप अपडेट करना चाहते हैं.
• थीम संपादित करें/अनुकूलित करें पर क्लिक करें।
• थीम सेटिंग खोलें.
• अपनी थीम के आधार पर लोगो या फ़ेविकॉन पर क्लिक करें।
• फ़ेविकॉन छवि अनुभाग में, छवि चुनें पर क्लिक करें।
• प्रतिस्थापन फ़ेविकॉन चुनें या एक नई छवि अपलोड करें।
• पूर्ण पर क्लिक करें.
• सहेजें पर क्लिक करें.
• लाइव स्टोर खोलें और नए आइकन को सत्यापित करें।

Shopify का वर्तमान दस्तावेज़ इस वर्कफ़्लो और थीम-निर्भर लोगो/फ़ेविकॉन भिन्नता की पुष्टि करता है।

आप शॉपिफाई फ़ेविकॉन को कैसे हटाते हैं?

हटाने की प्रक्रिया आपकी थीम द्वारा उजागर किए गए नियंत्रणों पर निर्भर करती है।

खुला:

ऑनलाइन स्टोर → थीम्स → थीम संपादित करें/अनुकूलित करें → थीम सेटिंग्स

फिर फ़ेविकॉन या लोगो क्षेत्र खोलें और वर्तमान में चयनित फ़ेविकॉन छवि से जुड़े नियंत्रण को देखें।

यदि आपकी थीम हटाने या साफ़ करने का विकल्प प्रदान करती है, तो इसका उपयोग करें और थीम को सहेजें। जब आपकी थीम पहले से ही इसे प्रबंधित करने के लिए एक सेटिंग प्रदान करती है तो फ़ेविकॉन को हटाने के लिए कस्टम कोड न जोड़ें।

क्या आप कस्टम कोड के साथ Shopify फ़ेविकॉन जोड़ सकते हैं?

हाँ, लेकिन अधिकांश दुकानों को पहले अंतर्निहित थीम सेटिंग का उपयोग करना चाहिए।

Shopify का थीम आर्किटेक्चर सेटिंग्स_स्कीमा.जेसन के माध्यम से वैश्विक सेटिंग्स का समर्थन करता है। एक थीम फ़ेविकॉन छवि सेटिंग को परिभाषित कर सकती है और लिक्विड सेटिंग्स ऑब्जेक्ट के माध्यम से उसके मूल्य तक पहुंच सकती है। Shopify के डेवलपर दस्तावेज़ में एक उदाहरण शामिल है जो सेटिंग्स.फ़ेविकॉन से पीएनजी फ़ेविकॉन प्रस्तुत करता है।

एक कस्टम थीम के लिए, कोड कार्यान्वयन का हिस्सा हो सकता है। हालाँकि, एक सामान्य शॉपिफ़ाइ स्टोर के लिए, केवल फ़ेविकॉन जोड़ने के लिए लिक्विड को संपादित करना अनावश्यक है जब थीम पहले से ही सेटिंग प्रदान करती है।

आपको कोड के बजाय थीम सेटिंग्स का उपयोग कब करना चाहिए?

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

थीम कोड संपादित करने से पहले आपको क्या जांचना चाहिए?

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

सामान्य शॉपिफाई फ़ेविकॉन गलतियों से बचना चाहिए

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

शॉपिफाई फ़ेविकॉन अक्सर पूछे जाने वाले प्रश्न

Shopify पर अपलोड करने से पहले फ़ेवि���ॉन कैसे बनाएं

यदि आपके पास पहले से फ़ेविकॉन नहीं है, तो इस सरल वर्कफ़्लो का उपयोग करें:

1. अपने लोगो, ब्रांड प्रतीक या आद्याक्षर से प्रारंभ करें।
2. डिज़ाइन का एक वर्गाकार संस्करण बनाएं.
3. वे विवरण हटा दें जो छोटे आकार में गाय�� हो जाएंगे।
4. आइकन और पृष्ठभूमि के बीच मजबूत कंट्रास्ट का उपयोग करें।
5. Shopify के अनुशंसित 32 × 32 पिक्सेल आकार के आसपास छवि तैयार करें या एक साफ़ बड़े स्रोत का उपयोग करें जिसे Shopify कम कर सकता है।
6. आवश्यकता पड़ने पर मौजूदा पीएनजी को फ़ेविकॉन टूल से परिवर्तित करें।
7. थीम सेटिंग्स के माध्यम से तैयार छवि अपलोड करें।
8. थीम सहेजें.
9. लाइव स्टोरफ्रंट पर फ़ेविकॉन का परीक्षण करें।

निष्कर्ष

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