Wix Pro Gallery: मोबाइल पर आने वाली समस्याओं को ठीक करना
9 मिनट
नोट:
यह आर्टिकल मोबाइल एडिटर में प्रो गैलरी से जुड़ी समस्याओं के बारे में है। रिस्पॉन्सिवनेस के बारे में और स्टूडियो एडिटर में प्रो गैलरी की समस्याओं को ठीक करने का तरीका जानें।
मोबाइल पर प्रो गैलरी की सबसे आम समस्याओं को ठीक करने का तरीका जानने के लिए नीचे दी गई जानकारी पढ़ें।
गैलरी बहुत बड़ी / छोटी है
आपकी साइट के मोबाइल व्यू पर आपकी गैलरी बहुत बड़ी या बहुत छोटी दिखाई दे सकती है। आप मोबाइल एडिटर से ड्रैग हैंडल्स या Editor Tool Bar का इस्तेमाल करके अपनी गैलरी का साइज एडजस्ट कर सकते हैं।
अपनी गैलरी का साइज एडजस्ट करने के लिए:
- अपने एडिटर पर जाएँ।
- एडिटर के सबसे ऊपर Switch to mobile आइकन
पर क्लिक करें। - अपने पेज पर प्रो गैलरी एलिमेंट पर क्लिक करें।
- ऊपर दाईं ओर Tools पर क्लिक करें।
- Toolbar के बगल में मौजूद चेकबॉक्स को चुनें।
- संबंधित (W और H) फ़ील्ड में अपनी पसंद की चौड़ाई (width) और ऊँचाई (height) टाइप करें।
गैलरी इमेज क्रॉप हो गई हैं
आपके द्वारा चुने गए Custom layout के आधार पर, आप देख सकते हैं कि आपकी गैलरी इमेजेस मोबाइल पर क्रॉप्ड (कटी हुई) दिख रही हैं। ऐसा तब हो सकता है जब लेआउट में थंबनेल्स का ओरिएंटेशन आपके द्वारा अपलोड की गई इमेजेस से अलग हो।
उदाहरण के लिए, आप एक कॉलम लेआउट चुनते हैं, जो सभी इमेज को पोर्ट्रेट (वर्टिकल) ओरिएंटेशन में दिखाता है, लेकिन आप लैंडस्केप (हॉरिजॉन्टल) ओरिएंटेशन वाली इमेज अपलोड करते हैं। इसका मतलब है कि आपकी इमेज का कुछ हिस्सा क्रॉप हो सकता है ताकि वह थंबनेल की सीमाओं के भीतर फिट हो सके।
अपनी इमेज को क्रॉप होने से बचाने के लिए:
- अपने एडिटर पर जाएँ।
- एडिटर के सबसे ऊपर Switch to mobile आइकन पर क्लिक करें।
- अपने पेज पर प्रो गैलरी एलिमेंट पर क्लिक करें।
- Settings पर क्लिक करें।
- Layout टैब पर क्लिक करें।
- Thumbnail resize के नीचे Fit चुनें।
इमेज को क्रॉप रखते समय एडिशनल ऑप्शन्स:
- अपनी इमेज के फोकल पॉइंट को एडजस्ट करें ताकि आप इमेज के उन हिस्सों को बेहतर ढंग से कंट्रोल कर सकें जो क्रॉप हो सकते हैं।
- अपनी गैलरी पर लागू इमेज रेश्यो (16:9, 4:3, 1:1, 3:4 या 9:16) को एडजस्ट करें ताकि वह आपकी अपलोड की गई इमेज के रेश्यो और ओरिएंटेशन से बेहतर मेल खा सके।
मोबाइल पर गैलरी आइटम्स को खोलने के लिए उन पर डबल-टैप करना पड़ता है
प्रो गैलरी में टाइटल और डिस्क्रिप्शन के लिए होवर इफेक्ट (hover effect) मोबाइल व्यू पर लागू नहीं होता है। अगर आपने यह इफेक्ट इनेबल किया है, तो मोबाइल डिवाइस से आपकी गैलरी देखने वाले विजिटर्स को टेक्स्ट देखने के लिए एक बार टैप करना होगा, और पूरी इमेज या लिंक खोलने के लिए दूसरी बार टैप करना होगा।
यह पक्का करने के लिए कि गैलरी आइटम्स सिंगल टैप से खुलें:
- अपने एडिटर पर जाएँ।
- एडिटर के सबसे ऊपर Switch to mobile आइकन पर क्लिक करें।
- अपने पेज पर प्रो गैलरी एलिमेंट पर क्लिक करें।
- Settings पर क्लिक करें।
- Design टैब पर क्लिक करें।
- Texts पर क्लिक करें।
- What happens to the info on 1st tap? के नीचे No Change चुनें।
- Publish पर क्लिक करें।
क्या कोई और तरीका है जिससे आइटम या लिंक पहले टैप पर ही खुल जाए?
- मोबाइल पर गैलरी आइटम्स के टाइटल और डिस्क्रिप्शन को हाइड करें। इससे आपकी साइट के डेस्कटॉप वर्जन पर कोई असर नहीं पड़ेगा।
- टेक्स्ट को इमेज के ऊपर / नीचे या दाईं या बाईं ओर रखें।
स्लाइडशो लेआउट वाली गैलरी कट रही है / दिखाई नहीं दे रही है
हो सकता है कि आपकी इमेज कलर ओवरले की वजह से पूरी तरह से छिप गई हों। अगर वह कलर आपके पेज या सेक्शन बैकग्राउंड जैसा ही है, तो गैलरी आपके पेज पर एक खाली जगह की तरह दिखाई देगी।
अगर आपकी इमेज अभी भी आंशिक रूप से दिखाई दे रही हैं, तो आपको अपनी प्रो गैलरी के नीचे एक गैप या खाली जगह दिखाई दे सकती है। ऐसा टेक्स्ट या इन्फो बार के बहुत बड़ा सेट होने के कारण होता है। आप इन्फो बार को अपनी इमेज के हिसाब से सही साइज में कम करके इसे ठीक कर सकते हैं।
अपनी गैलरी के नीचे इन्फो बार का साइज कम करने के लिए:
- अपने एडिटर पर जाएँ।
- एडिटर के सबसे ऊपर Switch to mobile आइकन पर क्लिक करें।
- अपने पेज पर प्रो गैलरी एलिमेंट पर क्लिक करें।
- Settings पर क्लिक करें।
- Layout टैब पर क्लिक करें।
- Customize Layout पर क्लिक करें।
- खाली जगह हटाने के लिए Info bar size को कम नंबर पर या 0 पर सेट करें।
मोबाइल पर गैलरी टेक्स्ट डिज़ाइन डेस्कटॉप से मैच नहीं कर रहा है
आप देख सकते हैं कि मोबाइल पर आपकी गैलरी का टेक्स्ट डिज़ाइन आपकी साइट के डेस्कटॉप वर्ज़न के टेक्स्ट से अलग दिखता है। ऐसा इसलिए है क्योंकि मोबाइल पर आपके टेक्स्ट को डेस्कटॉप से अलग, मोबाइल एडिटर में सेट करने की ज़रूरत होती है।
मोबाइल पर टेक्स्ट एडिट करने के लिए:
- अपने एडिटर पर जाएँ।
- एडिटर के सबसे ऊपर Switch to mobile आइकन पर क्लिक करें।
- अपने पेज पर प्रो गैलरी एलिमेंट पर क्लिक करें।
- Settings पर क्लिक करें।
- Design टैब पर क्लिक करें।
- Texts पर क्लिक करें।
- उपलब्ध विकल्पों का उपयोग करके टेक्स्ट को कस्टमाइज़ करें।
टेक्स्ट / बटन गैलरी आइटम्स के ऊपर ओवरलैप हो रहे हैं
हम आपकी गैलरी के ऊपर अलग से टेक्स्ट या बटन एलिमेंट्स जोड़ने की सलाह नहीं देते हैं। अलग-अलग ब्राउज़र और डिवाइस पर एलिमेंट्स अलग तरह से रेंडर होते हैं। इस वजह से ओवरलैप होने वाले एलिमेंट्स आपके सभी विजिटर्स की स्क्रीन पर बिल्कुल एक ही जगह पर अलाइन नहीं हो पाते हैं।
अलाइनमेंट की समस्याओं से बचने के लिए, हम प्रो गैलरी के इन-बिल्ट टेक्स्ट (built-in Text) और कस्टम बटन (Custom Button) फीचर्स का उपयोग करने की सलाह देते हैं।
गैलरी आइटम के टाइटल / डिस्क्रिप्शन कट रहे हैं / दिखाई नहीं दे रहे हैं
ऐसा हो सकता है कि आपकी साइट के मोबाइल वर्जन पर गैलरी आइटम के टाइटल और / या डिस्क्रिप्शन दिखाई न दें या कट जाएं। यह ग्रिड, स्लाइडर, स्ट्रिप और कॉलम लेआउट वाली गैलरी में तब होता है जब गैलरी की Text Box height बहुत कम होती है, और वह पूरा टेक्स्ट नहीं दिखा पाती है।
इस समस्या को हल करने के कुछ तरीके हैं, जो आपके द्वारा चुनी गई 'Info position' (जहाँ आप अपनी गैलरी का टेक्स्ट दिखाना चाहते हैं) पर निर्भर करते हैं।
टेक्स्ट इमेज के नीचे या ऊपर है
- टाइटल / डिस्क्रिप्शन का फॉन्ट साइज कम करें, या गैलरी के लेआउट को एडजस्ट करके गैलरी इमेजेस का साइज बढ़ाएं। उदाहरण के लिए, अगर आपकी गैलरी ग्रिड लेआउट में है, तो आप गैलरी का थंबनेल साइज बदल सकते हैं या हर रो (row) में इमेजेस की संख्या को एडजस्ट कर सकते हैं।
- डेस्कटॉप एडिटर पर जाएं और Text Box Height बढ़ाएं। यह बदलाव आपकी मोबाइल साइट पर भी लागू होगा।
- टेक्स्ट की हॉरिजॉन्टल और वर्टिकल पैडिंग सेटिंग्स के कारण मोबाइल पर टेक्स्ट कट सकता है। ये सेटिंग्स डेस्कटॉप से ली जाती हैं। इन सेटिंग्स को एडजस्ट करने के लिए, अपनी साइट के डेस्कटॉप वर्जन पर जाएं और डिजाइन पैनल के Texts टैब में टेक्स्ट पैडिंग सेटिंग्स बदलें।
टेक्स्ट इमेज के ऊपर है:
टाइटल / डिस्क्रिप्शन का फॉन्ट साइज कम करें, या गैलरी के लेआउट को एडजस्ट करके गैलरी इमेज का साइज बढ़ाएँ। उदाहरण के लिए, अगर आपकी गैलरी ग्रिड लेआउट में है, तो आप गैलरी का थंबनेल साइज बदल सकते हैं या हर रो (row) में इमेज की संख्या को एडजस्ट कर सकते हैं।
मोबाइल पर वीडियो ऑटोप्ले से जुड़ी समस्याएं
आप देख सकते हैं कि आपके म्यूजिक और वीडियो iPhone, Android और टैबलेट पर ऑटोमैटिकली प्ले नहीं होते हैं। ऐसा इसलिए है क्योंकि Apple और Chrome विजिटर के सेलफोन नेटवर्क से अतिरिक्त डेटा चार्ज को रोकने के लिए ऑटोप्ले फंक्शन को ब्लॉक कर देते हैं। जब तक यूजर ऑडियो या वीडियो प्लेयर पर प्ले बटन नहीं दबाता, तब तक कोई डेटा लोड नहीं होता है।
अगर विजिटर ने अपने iOS डिवाइस पर लो-पावर मोड इनेबल किया है, तो ऑटोप्ले फंक्शन्स भी डिसेबल हो जाते हैं।
ज़्यादा जानकारी के लिए, कृपया Apple की Safari Developer Library और Google की Developers गाइडलाइन्स देखें।
एक पेज पर मल्टीपल गैलरी
गैलरी को एक साथ कई मीडिया फाइल्स दिखाने के लिए ऑप्टिमाइज़ किया गया है। हम सलाह देते हैं कि एक पेज पर कम आइटम वाली कई गैलरी रखने के बजाय, एक ही गैलरी रखें जिसमें कई मीडिया आइटम हों।
एक ही पेज पर बहुत सारे अलग-अलग एलिमेंट्स होने से (भले ही वे एलिमेंट्स एक जैसे हों) साइट की परफॉरमेंस पर असर पड़ सकता है।
टिप्स:
अगर आप सिंगल इमेज या वीडियो दिखाना चाहते हैं, तो हम 'ऐड पैनल' से इमेज या वीडियो एलिमेंट जोड़ने की सलाह देते हैं। अलग-अलग गैलरी की जरूरत वाले पोर्टफोलियो दिखाने के लिए, हम Wix Portfolio या डायनेमिक पेजों (dynamic pages) का उपयोग करने की सलाह देते हैं।
क्या आपको अभी भी मदद की ज़रूरत है?
अगर मुझे सहायता के लिए संपर्क करने की ज़रूरत हो, तो मुझे कौन सी जानकारी शामिल करनी चाहिए?